转载链接——hexo博客添加emoji表情（转载） | inkbottle’s blog (ink-bottle.github.io)

相关链接——GitHub - hexojs/hexo-renderer-marked: Markdown renderer for Hexo

修改内容

1. 安装新的渲染器

首先进入博客目录，卸载hexo默认的marked渲染器，安装markdown-it渲染器，运行的命令如：

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

之后安装markdown-it-emoji插件

1
npm install markdown-it-emoji --save

操作如下：

image-20241028004054849

2. 编辑站点配置文件

这里的站点配置文件是指位于博客根目录下的 _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
# Markdown-it config
## Docs: https://github.com/celsomiranda/hexo-renderer-markdown-it/wiki
markdown:
  render:
    html: true
    xhtmlOut: false
    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:
    level: 2
    collisionSuffix: 'v'
    # If `true`, creates an anchor tag with a permalink besides the heading.
    permalink: false  
    permalinkClass: header-anchor
    # The symbol used to make the permalink
    permalinkSymbol: ¶