Hexo 4 更多Markdown语法

304 字

2 分钟

Hexo 4 更多Markdown语法

2022-08-13

Hexo

前言#

我现在用的 Markdown 渲染器是 hexo-renderer-markdown-it，相比较 Hexo 默认的渲染器 hexo-renderer-marked，它的渲染速度更快、功能更丰富，例如它支持注脚、下划线 等高级语法，这是默认的渲染器所不具备的，因此写作会更加方便。

安装 hexo-renderer-markdown-it#

首先，卸载原来默认的渲染器：

1
npm uninstall hexo-renderer-marked

然后，安装 hexo-renderer-markdown-it：

1
npm install hexo-renderer-markdown-it

完成后就能用该渲染器对文本进行渲染了，但例如注脚等功能需要额外的配置。

安装 Markdown 插件#

这里我以注脚为例，演示如何安装更多配套的功能插件。

首先，安装 markdown-it-footnote 注脚插件：

1
npm install markdown-it-footnote

然后，打开 hexo 的 _config.yml 文件进行配置，在 # Extensions 行后增加如下内容：

1
# hexo-renderer-markdown-it
2
markdown:
3
  render:
4
  plugins:
5
    - markdown-it-footnote
6
  anchors:

更多的方法可以参考：【Hexo】选择更高级的Markdown渲染器

1
markdown:
2
  preset: "default"
3
  render:
4
    html: true
5
    xhtmlOut: false
6
    langPrefix: "language-"
7
    breaks: true
8
    linkify: true
9
    typographer: true
10
    quotes: "“”‘’"
11
  enable_rules:
12
  disable_rules:
13
  plugins:
14
    - markdown-it-abbr
15
    - markdown-it-cjk-breaks
16
    - markdown-it-deflist
17
    - markdown-it-emoji
18
    - markdown-it-footnote
19
    - markdown-it-ins
20
    - markdown-it-mark
21
    - markdown-it-sub
22
    - markdown-it-sup
23
    - markdown-it-checkbox
24
    - markdown-it-imsize
25
    - markdown-it-expandable
26
    - name: markdown-it-container
27
      options: success
28
    - name: markdown-it-container
29
      options: tips
30
    - name: markdown-it-container
31
      options: warning
32
    - name: markdown-it-container
33
      options: danger
34
  anchors:
35
    level: 2
36
    collisionSuffix: ""
37
    permalink: false
38
    permalinkClass: "header-anchor"
39
    permalinkSide: "left"
40
    permalinkSymbol: "¶"
41
    case: 0
42
    separator: "-"