前言 {#前言}

如何让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插件 {#安装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 |