为hexo添加上标、下标、脚注等功能

hexo 默认的markdown解析虽然说是 GFM 但是是不支持 上标、下标、脚注这些内容的，不过这些功能还是很实用的哦，所以你可以这么解决：

通过添加hexo插件

hexo-renderer-markdown-it

Main Features 主要功能

• Support for Markdown, GFM and CommonMark

  支持这三种语法

• Extensive configuration

  强大的功能配置

• Faster than the default renderer | hexo-renderer-marked

  比hexo默认的更快

• Safe ID for headings

• Anchors for headings with ID

  不知道说的safeid和锚点有毛用，暂时用不到

• Footnotes

  脚注

• sub H~2~O

  下标

• sup x^2^

  上标

• ins Inserted

  下划线

具体用法

第一步，安装插件

由于hexo默认有渲染器，所以要吧原来的先卸载掉，换成新的，所以，进入你的hexo目录，然后：

1

$ npm un hexo-renderer-marked --save

执行没出错的话就继续，装上 hexo-renderer-markdown-it 执行下面的命令安装：

1

$ npm i hexo-renderer-markdown-it --save

第二步，配置插件

上面说了，配置功能很强大，但是作为普通用户完全没毛必要去配置了，直接复制完整配置就够用了， 如果有特殊需要，自己看文档咯。

一下是官方给出的完整配置，添加到你hexo根目录的 _config.yml 即可

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22

# Markdown-it config
## Docs: https://github.com/celsomiranda/hexo-renderer-markdown-it/wiki
markdown:
  render:
    html: true
    xhtmlOut: false
    breaks: true
    linkify: true
    typographer: true
    quotes: '“”‘’'
  plugins:
    - markdown-it-abbr
    - markdown-it-footnote
    - markdown-it-ins
    - markdown-it-sub
    - markdown-it-sup
  anchors:
    level: 2
    collisionSuffix: 'v'
    permalink: true
    permalinkClass: header-anchor
    permalinkSymbol: ¶

对于高级用户， 附上官方wiki地址 戳我