给我的 Hexo 添加了注脚功能

选择 Markdown 渲染器

根据网上查找的资料,照猫画虎地做了一遍。

首先是安装 一个第三方的 markdown 渲染插件hexo-renderer-markdown-it,号称速度比默认的还要快。

进行安装

在 hexo 博客的根目录执行

1
2
$ npm un hexo-renderer-marked --save
$ 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
markdown:
render:
html: true
xhtmlOut: false
breaks: false
linkify: true
typographer: true
quotes: '“”‘’'
plugins:
- markdown-it-footnote
- markdown-it-sup
- markdown-it-sub
- markdown-it-abbr
anchors:
level: 2
collisionSuffix: 'v'
permalink: true
permalinkClass: header-anchor
permalinkSymbol:

使用方法

在博文中需要添加注脚的地方添加写上 [^1] 这样的标记 在博文最末添加 [^1]: 注脚内容 即可

注意:标记中,只以使用以 数字 形式的注脚标记,我记过使用英文,不能正常解析!!!

值得一提

查找的资料中表明,此渲染器模块,可以以插件的形式,支持如表情图标这样的功能。有兴趣可以自行添加。

参考资料