<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Javascript on 拾光笔记</title><link>https://www.wkun.top/tags/javascript/</link><description>Recent content in Javascript on 拾光笔记</description><generator>Hugo</generator><language>zh-CN</language><lastBuildDate>Thu, 03 Sep 2026 21:00:00 +0800</lastBuildDate><atom:link href="https://www.wkun.top/tags/javascript/index.xml" rel="self" type="application/rss+xml"/><item><title>Hugo PaperMod 移动端导航栏改造：汉堡菜单与悬浮面板</title><link>https://www.wkun.top/posts/hugo-papermod-%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%AF%BC%E8%88%AA%E6%A0%8F%E6%B1%89%E5%A0%A1%E8%8F%9C%E5%8D%95/</link><pubDate>Thu, 03 Sep 2026 21:00:00 +0800</pubDate><guid>https://www.wkun.top/posts/hugo-papermod-%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%AF%BC%E8%88%AA%E6%A0%8F%E6%B1%89%E5%A0%A1%E8%8F%9C%E5%8D%95/</guid><description>&lt;p&gt;博客用的是 Hugo 的 PaperMod 主题，默认的导航栏在手机上是&lt;strong&gt;横向滚动&lt;/strong&gt;的：菜单项一多就溢出屏幕，想看后面的得用手指拖着划，很难受。我希望把它改成常见的「点一下汉堡按钮弹出菜单」的形式，顺手还要让导航栏吸顶、点空白处能收回。这篇记录一下完整的改法。&lt;/p&gt;</description></item><item><title>Hugo PaperMod 文章分类/系列/标签右侧侧边栏</title><link>https://www.wkun.top/posts/hugo-papermod-%E6%96%87%E7%AB%A0%E5%88%86%E7%B1%BB%E7%B3%BB%E5%88%97%E6%A0%87%E7%AD%BE%E5%8F%B3%E4%BE%A7%E4%BE%A7%E8%BE%B9%E6%A0%8F/</link><pubDate>Sat, 22 Aug 2026 19:00:00 +0800</pubDate><guid>https://www.wkun.top/posts/hugo-papermod-%E6%96%87%E7%AB%A0%E5%88%86%E7%B1%BB%E7%B3%BB%E5%88%97%E6%A0%87%E7%AD%BE%E5%8F%B3%E4%BE%A7%E4%BE%A7%E8%BE%B9%E6%A0%8F/</guid><description>&lt;p&gt;想把文章的标签放到网页右侧，做法是仿照 PaperMod 已有的左侧目录（TOC）侧边栏机制，在后面又加上了分类和系列，做成三个独立卡片，随页面滚动固定不动。本文记录实现过程和踩的坑。&lt;/p&gt;</description></item><item><title>giscus 评论区跟随 PaperMod 主题明暗切换</title><link>https://www.wkun.top/posts/giscus-%E8%AF%84%E8%AE%BA%E5%8C%BA%E8%B7%9F%E9%9A%8F%E4%B8%BB%E9%A2%98%E6%98%8E%E6%9A%97/</link><pubDate>Sat, 22 Aug 2026 18:00:00 +0800</pubDate><guid>https://www.wkun.top/posts/giscus-%E8%AF%84%E8%AE%BA%E5%8C%BA%E8%B7%9F%E9%9A%8F%E4%B8%BB%E9%A2%98%E6%98%8E%E6%9A%97/</guid><description>&lt;p&gt;折腾评论区的时候发现一个事：站点的评论区不会跟随主题变色，一直白底。查阅资料发现giscus官方配置中的&lt;code&gt;data-theme=&amp;quot;preferred_color_scheme&amp;quot;&lt;/code&gt;表示跟随系统变色，我把系统颜色从浅色改成深色后，评论区就变成了深色，但是我希望评论区跟随主题变色，所以需要做一些调整。&lt;/p&gt;</description></item></channel></rss>