如何使用 Markdown 进行荧光高亮
RunnerQuan Lv1

在使用 Markdown 做笔记时,为了能让重点突出,我经常会使用本地的 Typora 编辑器支持双等号的高亮逻辑:==想要高亮的文本==。但是 Markdown 的基本语法不支持文字高亮,而且我将笔记上传到我的 Hexo 博客时发现并没有高亮显示出来,我便上网搜集到了解决方法。

修改渲染器让 Hexo 博客支持等号高亮

  1. 将 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
  2. 修改 Hexo 博客目录里的配置文件 _config.yml,添加一下内容:

    1
    2
    3
    4
    markdown:
    plugins:
    - "markdown-it"
    - "markdown-it-mark"

使用 HTML 实现高亮(无需修改博客配置)

  1. 使用 HTML 标签 <mark>...</mark>:可以在标签中添加参数,指定高亮的颜色。

    <mark style="background-color: green; color: white;">绿色高亮</mark>

    上述代码的效果就是这样(绿底白字):绿色高亮

  2. 使用 <span> 标签:

    <span style="background-color: #FFFF00">高亮文本</span>

    高亮文本