之前就有评论问我是否可以开源我的博客修改,不过由于该博客主题升级到了V4版本,我又做了好多修改,升级+开源的工作比较麻烦。
所以拖了很久,终于上线了,欢迎大家使用~,开源版是基于 Hugo-Theme-Stack 主题 V4 版本进行修改的。
这个博客主题本身就很受欢迎,有很多人都在使用,官方版本已经很不错了,也可以直接使用官方版本。
项目地址:👉 Hugo Stack Starter
我的 Demo:🌐 Live Demo
官方 Demo:🌐 Hugo Stack Official Demo
为什么要做这个模板?
我非常喜欢 Hugo Theme Stack 这个主题的极简和优雅,它在 GitHub 上有着极高的人气。我基于个人喜好,进行了一系列的修改:
- 给代码块加上了 Mac 风格的三色圆点,并实现了长代码自动折叠。
- 重构了移动端的导航栏,加入了动画效果和深色模式切换。
- 开发了一个完整的
/stats/统计页,展示我的写作热力图和分类习惯。 - 引入了 Waline 评论系统,并美化了它的样式。
- 设计了双栏网格的 PC 端首页布局。
以上是本次开源的主要内容,其他内容暂未迁移,如果你喜欢我的其他模块,我也可以进行添加到开源版本。
它有什么特点?
🚀 开箱即用
我已经将它设置为 GitHub Template,并内置了 GitHub Actions 工作流。只需要在浏览器中点击 Use this template,改一行 config.toml 里的域名,你的博客就能立即部署到 GitHub Pages 上!
🎨 时尚的颜色外观
整套 UI 采用了深海蓝 + 暖米白的护眼配色,暗色模式也经过了精心调优(采用类似 GitHub Dark 的黑灰搭配),并在卡片悬浮、菜单展开等地方加入了细腻的微交互动画。
📖 内置教程
为了降低大家的上手门槛,我在模板里内置了6篇教程文章。当你克隆并运行这个博客时,首页展示的不再是空荡荡的占位符,而是手把手教你如何配置域名、如何接入 Waline 评论、如何使用内置组件的图文指南。
结语
如果你也想要搭建一个属于自己的博客,或者想换一个新的主题,不妨来试试 Hugo Stack Starter 吧!如果有任何建议,欢迎在仓库里提 Issue 或者在评论区直接告诉我。
当然我本人能力有限,不代表这个博客一定符合所有人的审美,如果大家有更好的建议,也欢迎提出来。