Hugo PaperMod 移动端汉堡菜单

Hugo PaperMod 移动端导航栏改造:汉堡菜单与悬浮面板

博客用的是 Hugo 的 PaperMod 主题,默认的导航栏在手机上是横向滚动的:菜单项一多就溢出屏幕,想看后面的得用手指拖着划,很难受。我希望把它改成常见的「点一下汉堡按钮弹出菜单」的形式,顺手还要让导航栏吸顶、点空白处能收回。这篇记录一下完整的改法。 ...

2026年9月3日 · 6 分钟 · 2714 字
Hugo PaperMod 自定义 404 与系列导航

Hugo PaperMod 自定义 404 页面与系列导航

PaperMod 主题自带的 404 页面只有一句纯文字,很简陋;右侧侧边栏的「系列」卡片此前也只放了系列名链接,不显示系列里的其他文章。这次给博客补上自定义 404 页面,并把系列内导航做进右侧系列卡片里。本文记录实现过程。 ...

2026年9月1日 · 5 分钟 · 2182 字
Hugo PaperMod 右侧侧边栏

Hugo PaperMod 文章分类/系列/标签右侧侧边栏

想把文章的标签放到网页右侧,做法是仿照 PaperMod 已有的左侧目录(TOC)侧边栏机制,在后面又加上了分类和系列,做成三个独立卡片,随页面滚动固定不动。本文记录实现过程和踩的坑。 ...

2026年8月22日 · 5 分钟 · 2157 字
giscus 评论区跟随主题明暗切换

giscus 评论区跟随 PaperMod 主题明暗切换

折腾评论区的时候发现一个事:站点的评论区不会跟随主题变色,一直白底。查阅资料发现giscus官方配置中的data-theme="preferred_color_scheme"表示跟随系统变色,我把系统颜色从浅色改成深色后,评论区就变成了深色,但是我希望评论区跟随主题变色,所以需要做一些调整。 ...

2026年8月22日 · 4 分钟 · 1759 字
首页打字机特效手机端显示不全修复

首页打字机特效手机端文字显示不全的修复

最近发现手机端访问首页时,标题「半知半解,且过且学!」的打字机特效走完之后,文字右侧被截断、显示不全,而桌面端一切正常。本文记录排查过程与修复方案。 ...

2026年8月22日 · 4 分钟 · 1829 字