Hexo启用emoji表情支持

发表于 分类于 阅读次数： 本文字数： 299 阅读时长 ≈ 1 分钟

HEXO默认使用的MarkDown渲染器是不支持emoji表情的，即使是你在页面插入了例如‘😃’这样的emoji代码，也无法正常识别为😃表情图标。
这样就需要替换HEXO默认的渲染器。运行下面的命令，首先卸载原来的渲染器，然后安装新的渲染器，最后安装支持emoji的渲染器插件。

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

插件安装之后，在站点配置文件_config.yml中添加关于markdown的配置字段即可，如果不懂相关配置参数，可无脑复制以下字段。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
## markdown 渲染引擎配置，默认是hexo-renderer-marked，这个插件渲染速度更快，且有新特性  
markdown:  
  render:  
    html: true  
    xhtmlOut: false  
    breaks: true  
    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:

在需要插入emoji的地方插入对应的代码，最后重新部署HEXO即可。😆
我复制了一份常用的MarkDown emoji代码，可以参考复制。😃

▶️ https://miaoyang.win/about/emoji

引用

Hexo NexT 开启 emoji | Kinboy’s note