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

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

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

适用环境:CentOS Stream 9 / Rocky Linux 9 难度:中等 一、为什么要换 Nginx + Certbot(Let’s Encrypt)是经典组合,但日常维护有两个痛点: 证书每 90 天要续期,虽然 Certbot 有定时任务,但偶尔还是会因为网络、配置问题失败,需要人工处理。 配置相对繁琐:server 块、ssl 证书路径、http 跳 https 的 301、gzip 等都要手写。 Caddy 的核心卖点是自动 HTTPS: ...

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

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