Waline + Hugo Hugo+ Git Git + Gitalk+ Disqus

Hugo 日记风格博客主题,支持评论、暗色模式、多语言等第三方集成

Hugo 负责静态站点生成,Git 子模块管理主题,Gitalk/Waline/Disqus 提供评论能力。

✓ 移动端与宽屏自适应✓ 暗色模式自动/手动切换 ✕ LaTeX 默认关闭✕ 详细定制需查阅 wiki

方案简介

Hugo Theme Diary 是一个从 SumiMakito/hexo-theme-Journal 移植而来的 Hugo 博客主题,定位为「隻言片語・於此匯聚 / Moments piled up」的日记式写作平台。它面向使用 Hugo 搭建个人博客/随笔站点的用户,通过集成 Gitalk、Waline、Disqus、LiveRe、Twikoo 等第三方评论服务以及 Google Search、Analytics 等,提供开箱即用的静态博客方案。

亮点与能力

  • 可定制:借助详细的项目 wiki 易于定制
  • 自适应:对移动端与宽屏友好
  • 集成丰富:第三方服务集成(Gitalk、LiveRe、Disqus、Waline、Twikoo、Google Search、Analytics 等)
  • 便利:带滚动监听的目录(Table of Contents with scroll spy)
  • 专业:LaTeX 支持(默认关闭)
  • 优雅:暗色模式(自动或手动切换)
  • 国际化:支持英、简中、繁中、法、德、巴西葡语
  • 性能:1.3.0 移除 jQuery 及冗余脚本,性能提升

组成与分工

  • Hugo:静态站点生成器,主题运行的基础框架
  • Git:以 submodule 方式获取与更新主题
  • Gitalk / LiveRe / Disqus / Waline / Twikoo:可选的第三方评论服务
  • Google Search / Analytics:站内搜索与访问统计

实施步骤

若站点使用 Git 做版本控制,在 Hugo 站点根目录执行以下步骤。

1. 获取主题目录

bash
git submodule add https://github.com/AmazingRise/hugo-theme-diary.git themes/diary

2. 更新 git 仓库

bash
git submodule update --remote --merge

3. 运行示例站点

在 themes/diary/exampleSite 目录下执行:

bash
hugo server --themesDir ../..

使用与配置要点

个性化配置参考 exampleSite/config.toml,可修改配置项、第三方服务、写作与样式等。详细定制说明见项目 wiki。

注意事项与常见问题

  • LaTeX 支持默认是关闭的,需要手动启用。
  • 更多定制细节请查阅项目 wiki。

优缺点

  • ✓ 移动端与宽屏自适应
  • ✓ 暗色模式自动/手动切换
  • ✕ LaTeX 默认关闭
  • ✕ 详细定制需查阅 wiki

出处

本方案挖掘自开源项目 AmazingRise/hugo-theme-diary,方案内容与实施命令均来自其 README 原文。

方案出处
AmazingRise/hugo-theme-diary:Moments piled up. A Hugo theme ported from SumiMakito/hexo-theme-Journal.
671 star Moments piled up. A Hugo theme ported from SumiMakito/hexo-theme-Journal.

本方案由真实开源项目挖掘整理,实施命令均来自其 README 原文,安装使用请遵循项目开源协议。