如何使用 Markdown 进行荧光高亮
在使用 Markdown 做笔记时,为了能让重点突出,我经常会使用本地的 Typora 编辑器支持双等号的高亮逻辑:==想要高亮的文本==。但是 Markdown 的基本语法不支持文字高亮,而且我将笔记上传到我的 Hexo 博客时发现并没有高亮显示出来,我便上网搜集到了解决方法。
修改渲染器让 Hexo 博客支持等号高亮
-
将 Hexo 渲染器换成 hexo-renderer-markdown-it-plus,并且安装两个依赖 markdown-it 和 markdown-it-mark
1
2
3
4npm uninstall hexo-renderer-marked --save
npm install hexo-renderer-markdown-it-plus --save
npm install markdown-it --save
npm install markdown-it-mark --save -
修改 Hexo 博客目录里的配置文件
_config.yml,添加一下内容:1
2
3
4markdown:
plugins:
- "markdown-it"
- "markdown-it-mark"
使用 HTML 实现高亮(无需修改博客配置)
-
使用 HTML 标签
<mark>...</mark>:可以在标签中添加参数,指定高亮的颜色。<mark style="background-color: green; color: white;">绿色高亮</mark>上述代码的效果就是这样(绿底白字):绿色高亮
-
使用
<span>标签:<span style="background-color: #FFFF00">高亮文本</span>高亮文本