Hexo的文章内容默认是不支持emoji表情的,作为一个有逼格的码农,怎么少得了丰富的表情语言,今天就研究了下怎么支持emoji。

Hexo默认的markdown编译插件是hexo-renderer-marked,看了一下相关文档,好像没办法支持emoji,还好在Hexo的plugins页,我们找到了另外一个markdown插件hexo-renderer-markdown-it,而且号称速度比默认的还要快,最主要的是,在markdown-it的文档里面,我们发现它可以通过plugins的方式支持emoji

下面我们就来替换markdown插件

1
2
3
$ cd /ppxu/blog/
$ npm un hexo-renderer-marked --save
$ npm i hexo-renderer-markdown-it --save

不过此时的hexo-renderer-markdown-it还是用不了emoji的,我们需要加上emoji的plugin

1
2
$ cd node_modules/hexo-renderer-markdown-it/
$ npm install markdown-it-emoji --save

然后编辑Hexo的配置文件_config.yml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
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
- markdown-it-emoji
anchors:
level: 2
collisionSuffix: 'v'
permalink: true
permalinkClass: header-anchor
permalinkSymbol:

关键就是在plugins里加上- markdown-it-emoji,其他的配置说明可以参见wiki

重启Hexo服务,即可生效,这里输入:smile: :smirk: :relieved:,效果 😄 😏 😌

当然直接输入表情也是可以的 😂