项目主页: 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 版本。

希望使用者能够喜欢。