hexo博客支持数学公式

发表于 更新于 分类于 Changyan：

  1. 安装 hexo-renderer-kramed

    1
    2
    npm uninstall hexo-renderer-marked --save
    npm install hexo-renderer-kramed --save

  2. 修改主题配置文件，找到mathjax的enable改成true

  3. 在文章font-matter中加入mathjax: true

hexo博客支持数学公式

安装新的渲染器

先卸载内置的marked

1
cnpm uninstall hexo-renderer-marked --save

安装kramed

1
cnpm install hexo-renderer-kramed --save

修改主题配置文件

打开theme/XXXX（主题名字）/_config.yml，修改enable为true：

image-20220315202647196

解决kramed语句冲突

去node_modules\kramed\lib\rules\inline.js下：修改第11行代码和第20行代码：

1
2
//  escape: /^\\([\\`*{}\[\]()#$+\-.!_>])/,
escape: /^\\([`*\[\]()#$+\-.!_>])/
1
2
//  em: /^\b_((?:__|[\s\S])+?)_\b|^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,
em: /^\*((?:\*\*|[\s\S])+?)\*(?!\*)/

添加TodoList支持

找到node_modules\kramed\lib\renderer.js

1
2
3
4
5
6
7
8
9
// Support To-Do List
Renderer.prototype.listitem = function(text) {
  if (/^\s*\[[x ]\]\s*/.test(text)) {
    text = text.replace(/^\s*\[ \]\s*/, '<input type="checkbox"></input> ').replace(/^\s*\[x\]\s*/, '<input type="checkbox" checked></input> ');
    return '<li style="list-style: none">' + text + '</li>\n';
  } else {
    return '<li>' + text + '</li>\n';
  }
};

添加文章font-matter

在文章font-matter中加入mathjax: true

image-20220315202812735