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

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

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

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