将博客转移到 Zola,并写了一个主题,暂定名 Cafe
。
先用一段时间,完善了后再考虑发布出去 😎。也可能因为太丑没人想要用
一些关于主题的笔记:
字体子集化
就侧边目录这几个字的程度,还是可以用上自定义中文字体的。使用 sfntly可以制作字体字集。
java -jar sfnttool.jar -s '首页归档项目关于' '猫啃网风雅宋.ttf' 'maokenwangfengyasong.min.ttf'
从 17318kb 减到了 5kb ……
将输出的文件复制到static
文件夹。在sass
文件夹中新建 custom.css
加载本地字体:
@font-face {
font-family: "猫啃网风雅宋";
src: url("/maokenwangfengyasong.min.ttf");
}
然后使用继承模板功能,在不修改原主题的情况下添加 css 文件。(扩展阅读:Extending a theme | Zola)
在 templates
文件夹下新建 base.html
{% extends "zola-theme-cafe/templates/base.html" %}
{% block head %}
{{ super() }}
<link href="{{ config.base_url }}custom.css" rel="stylesheet"/>
{% endblock %}
完成,收工。
Shortcodes
折叠
上面的代码折叠是一个Shortcode
(虽然没做什么特殊处理……)
使用方法:
{% details(summary="点击查看完整代码") %}
<!-- 内容 -->
{% end %}
参考资料
使用方法:
{% reference(title="参考资料") %}
- <内容>
{% end %}
参考资料
- 封面图片:Photo by Mike Kenneally on Unsplash