Markdown文本高亮（==）

目的：Hexo 引入文本高亮（==）的支持

方式 1：<mark>...</mark>

源码:
<mark>用 mark 标签让文字高亮</mark>

效果:
用 mark 标签让文字高亮

也可以在 <mark> 标签中添加参数 style="background-color: #FFFF00" 指定背景高亮的颜色。

方式 2：==...==

源码:
==用两个等号（MarkDown 语法）让文字高亮==

效果:
用两个等号（MarkDown 语法）让文字高亮

在文字两边分别加两个等号（==...==）。有些编辑器支持这种 MarkDown 语法，会把文字两侧的等号渲染成 <mark>...</mark> 标签。

但是，很遗憾 Hexo 默认情况不支持。

方式 3：<font color=Red>...</font>

源码:
<font color=Red>用 font（HTML 语法）设置字体颜色</font>

效果:
用 font（HTML 语法）设置字体颜色

让 Hexo 博客支持等号高亮的方法

首先，给 Hexo 更换渲染器，把渲染器换成 hexo-renderer-markdown-it-plus，并且安装两个依赖 markdown-it 和 markdown-it-mark。

1
2
3
4

npm uninstall hexo-renderer-marked --save
npm install hexo-renderer-markdown-it-plus --save
npm install markdown-it --save
npm install markdown-it-mark --save

然后，修改博客目录里的 _config.yml 文件，添加以下内容：

1
2
3
4

markdown:
  plugins:
    - "markdown-it"
    - "markdown-it-mark"

让各种本地编辑器支持等号高亮的方法

(1) VSCode：VSCode 默认是不支持等号高亮的。需要安装插件 Markdown Preview Enhanced 或 Markdown Extended，并用它取代 VSCode 默认的预览就可以了。

文章参考：https://blog.kukmoon.com/3eacfb91/

end