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

更新内容

  • 使用 Pico CSS 作为配色方案，可切换主题颜色，可切换 dark / light 模式。
  • 添加 STYLE SETTINGS ，位于 /assets/sass/_settings.scss ；
  • 使用 hugo-mods/icons 添加图标 ；
  • 弃用 Category 页面，合并到 Archive 页面。

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

通过 STYLE SETTINGS 个性化你的网站

将 /assets/sass/_settings.scss 和 /assets/sass/_custom.scss 复制到你的网站根目录下（注意：路径名、文件名要一致）。

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

从旧版本升级到 v3

  1. 由于新版本使用到了 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

  1. 由于新版本使用到了 hugo module ，请在你的配置文件 config.toml 中加入以下内容：
1
2
3
4
5
6

# icons used by Jane, import module
[module]
  [[module.imports]]
    path = 'github.com/hugomods/icons/vendors/mdi'
  [[module.imports]]
    path = 'github.com/hugomods/icons/vendors/lucide'

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

这个主题的开发理念

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

后记

这个网站主题是我自己写的，用了七年了，除了第一年改动比较频繁，之后就没怎么动过。

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

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

希望使用者能够喜欢。