项目主页: https://github.com/xianmin/hugo-theme-jane

更新内容

  • 使用 Pico CSS 作为配色方案,可切换主题颜色,可切换 dark / light 模式。
  • 自定义主页。
  • 添加 STYLE SETTINGS ,位于 /assets/sass/_settings.scss ;
  • 弃用 Category 页面,合并到 Archive 页面。

由于修改的地方比较多,还有很多地方不完善,请您谅解!

自定义你的主页

原本的主页是翻页式的文章列表,风格难免有些单一。现在你可以拥有一个更加个性化的主页了。

复制 /exampleSite/content/_index.md 到你的网站 /content/_index.md ,修改里面的参数。

对于多语言站点,请创建类似的 _index.language.md 文件,比如 _index.zh-cn.md

通过 STYLE SETTINGS 个性化你的网站

/assets/sass/_settings.scss/assets/sass/_custom.scss 复制到你的网站根目录下(注意:路径名、文件名要一致)。

_settings.scss 中修改变量,在 /assets/sass/_custom.scss 中添加自定义样式。

从旧版本升级到 v3

由于新版本使用到了 Sass 语言的最新功能,需要安装 Dart Sass 。

安装指南见官方文档: https://gohugo.io/hugo-pipes/transpile-sass-to-css/#dart-sass

如果你使用了 CI/CD 自动化工具,请记得同样要安装 Dart Sass: https://gohugo.io/hugo-pipes/transpile-sass-to-css/#installing-in-a-production-environment

注意: 升级之后可能会遇到一些兼容性问题。如果遇到困难,欢迎提 issue。

这个主题的开发理念

  1. 没有 node_modules ,越少的依赖越容易维护;
  2. 鼓励使用者按照个人喜好修改主题,让网站更个性化;
  3. 阅读体验始终是最重要的;
  4. 一次部署,专心写作,不再折腾。

后记

这个网站主题用了七年了,除了第一年改动比较频繁,之后就没怎么动过。

我一直觉得对于个人博客,写作内容才是最重要的,网站的样式嘛,看的过去就行了。

这次大改版,也是心血来潮,彻底改了配色方案,顺便升级一下 hugo 版本。

希望使用者能够喜欢。