发布于 

我对新主题所做的小修改

今天,我将主题更新到了 1.4 版本,并重新进行了配置,更换了新的评论系统。然而,原版的主题并不能完全满足我的需求。目前来看主要是两个。

KaTeX

我的文章中有时会涉及到一些数学公式,这些公式一般是用 LaTeX 来书写的。然而,也许是我在 Hexo 博客根目录 _config.yml 文件中的 KaTeX 配置并不正确,安装的 KaTeX 插件无法发挥作用。无奈,采用了直接向主题模板文件添加 KaTeX 相关文件的做法。
具体方法是,找到主题模板所在的文件,如果是通过 npm 安装,则在 node_modules 文件夹下,如果是通过 Git 安装,则一般在 themes 文件夹下。
对于我使用的 Stellar 来说,在主题文件夹下找到 layout/_partial/head.ejs,一直向下查找可以看到<head></head> 标签。在其中添加如下代码:

1
2
3
4
5
6
7
8
9
10
11
12
<link href="https://cdn.bootcdn.net/ajax/libs/KaTeX/0.13.0/katex.min.css" rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/KaTeX/0.13.0/katex.min.js"></script>
<script>
var katex_config = {
delimiters:
[
{left: "$$", right: "$$", display: true},
{left: "$", right: "$", display: false}
]
};
</script>
<script defer src="https://cdn.bootcdn.net/ajax/libs/KaTeX/0.13.0/contrib/auto-render.min.js" onload="renderMathInElement(document.body,katex_config)"></script>

我在这里使用的是 KeTeX0.13.0 的最小化版本,使用国内的 BootCDN 进行加速。这样生成的静态页面就支持 LaTeX 公式了。

公式示例

行间公式:$$\frac {1}{2}$$
行内公式:12\frac {1}{2}

评论

虽然主题自带的 Beaudar 是十分优秀的中文评论插件,但是由于 Beaudar 使用 Github 作为登录账户,登录不是很稳定。我从网上找到了 Gissues,一个 Gitee 版本的 Beaudar。然而折腾了好长时间,Gissues 在我这里只能提交评论,无法正常读取已经提交的评论,只好暂时放弃,仍然使用 Beaudar