hexo+yilia替换渲染引擎，支持emoji表情

阅读数：8次 2019-11-10

字数统计: 491字 | 阅读时长≈ 2分

Hexo默认是采用hexo-renderer-marked渲染器将markdown渲染成HTML，这个渲染器不支持插件扩展，因此不能支持表情；还有一个支持插件扩展的是 hexo-renderer-markdown-it，所以我们可以使用这个渲染引擎来支持emoji表情。

就比如这样的表情：😁😂🤣🍱，更多可参考：测试新的渲染引擎和表情

替换渲染引擎，支持emoji表情

参考：https://segmentfault.com/a/1190000009478837#articleHeader5

如何让markdown可以解析emoji呢？实际上我们发现，在编辑器中输入 :blush: 并没有表情出现，是为什么呢？这是markdown渲染引擎的问题。
Hexo默认是采用hexo-renderer-marked,这个渲染器不支持插件扩展，当然就不行了，还有一个支持插件扩展的是 hexo-renderer-markdown-it（github：https://github.com/hexojs/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文件，添加如下内容

配置H:\Hexo\_config.yml：

# Markdown-it config
## Docs: https://github.com/celsomiranda/hexo-renderer-markdown-it/wiki
markdown:
  render:
    html: true          # 是否对HTML标签进行解析，false时HTML将按照原样输出
    xhtmlOut: false     # 是否需要满足严格的XHTML格式，换行为<br />
    breaks: true
    linkify: true
    typographer: true
    quotes: '“”‘’'
  plugins:
    - markdown-it-abbr
    - markdown-it-footnote
    - markdown-it-ins
    - markdown-it-sub
    - markdown-it-sup
    - markdown-it-emoji  # add emoji
  anchors:
    # Minimum level for ID creation. (Ex. h2 to h6)
    level: 2
    # A suffix that is prepended to the number given if the ID is repeated.
    collisionSuffix: 'v'
    # If `true`, creates an anchor tag with a permalink besides the heading.
    permalink: false
    # Class used for the permalink anchor tag.
    permalinkClass: header-anchor
    # The symbol used to make the permalink
    permalinkSymbol: ¶

更近一步

Hexo Markdown 拓展:https://maqingbo.github.io/2019/03/12/Hexo Markdown 拓展/
Hexo中添加emoji表情：https://blog.csdn.net/weixin_30745641/article/details/95686757

本文作者： 荷塘月色
发布时间： 2019-11-10
最后更新： 2020-07-20
本文标题： hexo+yilia替换渲染引擎，支持emoji表情
本文链接： https://www.yansheng.xyz/article/b902694c.html
版权声明： 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可。转载请注明出处！