博客主题 Jane V3 大版本更新
项目主页: 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。
这个主题的开发理念
- 没有
node_modules
,越少的依赖越容易维护; - 鼓励使用者按照个人喜好修改主题,让网站更个性化;
- 阅读体验始终是最重要的;
- 一次部署,专心写作,不再折腾。
后记
这个网站主题用了七年了,除了第一年改动比较频繁,之后就没怎么动过。
我一直觉得对于个人博客,写作内容才是最重要的,网站的样式嘛,看的过去就行了。
这次大改版,也是心血来潮,彻底改了配色方案,顺便升级一下 hugo 版本。
希望使用者能够喜欢。
文章作者 贤民
上次更新 2024-09-20
许可协议 原创文章,如需转载请注明文章作者和出处。谢谢!