前言

如何让markdown可以解析emoji呢？在编辑器中输入 :blush: 并没有表情出现，为什么呢？ 这是markdown渲染引擎的问题，Hexo默认是采用hexo-renderer-marked，这个渲染器不支持插件扩展，当然就不行了，还有一个支持插件扩展的是 hexo-renderer-markdown-it，所以我们可以使用这个渲染引擎来支持emoji表情，具体实现过程如下。

更换渲染引擎

进入blog目录下，执行以下命令：

1
2
npm un hexo-renderer-marked --save
npm i hexo-renderer-markdown-it --save

安装emoji插件

1
npm install markdown-it-emoji --save

修改配置文件

修改_config.yml文件，添加如下内容

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
# Markdown-it config
## Docs: https://github.com/celsomiranda/hexo-renderer-markdown-it/wiki
markdown:
  preset: 'default'
  render:
    html: true
    xhtmlOut: false
    langPrefix: 'language-'
    breaks: true
    linkify: true
    typographer: true
    quotes: '“”‘’'
  enable_rules:
  disable_rules:
  plugins:
    - markdown-it-abbr
    - markdown-it-footnote
    - markdown-it-ins
    - markdown-it-sub
    - markdown-it-sup
    - markdown-it-emoji  # add emoji
  anchors:
    level: 2
    collisionSuffix: ''
    permalink: false
    permalinkClass: 'header-anchor'
    permalinkSide: 'left'
    permalinkSymbol: '¶'
    case: 0
    separator: '-'
  images:
    lazyload: false
    prepend_root: false
    post_asset: false

插件访问地址

hexo-renderer-markdown-it