1. 卸载Marked渲染器,安装Markdown it Plus渲染器。

    1
    2
    npm uninstall hexo-renderer-marked --save
    npm install hexo-renderer-markdown-it-plus --save
  2. 配置_config.yml文件。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    markdown_it_plus:
    highlight: true
    html: true
    xhtmlOut: true
    breaks: true
    langPrefix:
    linkify: true
    typographer:
    quotes: “”‘’
    plugins:
    - plugin:
    name: markdown-it-katex
    enable: true
    - plugin:
    name: markdown-it-mark
    enable: false
  3. 在博客html的head中加载Katex的CSS样式。

    1
    2
    3
    vi themes/next/layout/_partial/head.swig
    添加:
    <link href="https://cdn.bootcss.com/KaTeX/0.7.1/katex.min.css" rel="stylesheet">
  4. 最后重新编译部署。
    可能会提示插件markdown-it-katex不存在,使用命令npm install markdown-it-katex --save安装即可。

附:Katex渲染器语法参考