在前端开发和写作中，我们经常会使用 Markdown 这种简洁而功能强大的标记语言来排版和撰写文章、文档等。而在 Markdown 中，语法高亮也是一个很重要的功能。本文将介绍一种基于 npm 包 markdown-it 和 markdown-it-annotate 和 markdown-it-container 的插件 markdown-it-highlight-lines，它可以很方便地实现 Markdown 中对某一行或多行进行高亮标记的功能。
安装
首先，在项目目录下使用 npm 安装 markdown-it-highlight-lines：
npm install markdown-it-highlight-lines --save
使用方法
加载插件
在项目的 JS 文件中，加载 markdown-it 和 markdown-it-highlight-lines：
var markdownIt = require('markdown-it');
var highlightLines = require('markdown-it-highlight-lines');
var md = new markdownIt();
md.use(highlightLines);高亮单行代码
在 Markdown 文本中，使用 {|1} 的格式来标记需要高亮的行。例如：
-- -------------------- ---- -------
------------
-----
-------- --------- ----- -
------ ---- - -----
-
-------
---------------------------
--- ------
---------------- -------- ----------
-----
-------------
-----
-------- --------- ----- -
------ ---- - -----
-
-------- -------------- ----- -
------ ---- - -----
-
-------- ------------ ----- -
------ ---- - -----
-
---------
-------------------------------
-- --
--------------------------- -------
--- --------
----------- --------
-----
--- -- - --- -------------
---------------------- - ------- ----- ----- -------------------- ---- -------
-----------
-----
-------- --------- ----- -
------ ---- - -----
-
-------- -------------- ----- -
------ ---- - -----
-
-------- ------------ ----- -
------ ---- - -----
-
---------
--- ------------
----------------- ------------
-----
--- -- - --- -------------
---------------------- - ----------- ---- ----- -------------------- ---- -------
------------
-----
-------- --------- ----- -
------ ---- - -----
-
-------
-- ----
-----
--- ---------- - -----------------------
--- -------------- - ---------------------------------------
--- -- - --- -------------
-----------------------
--- ------------ - -
------------
--------
-------- --------- ----- -
------ ---- - -----
-
----------
--
-------------------------------------结语
markdown-it-highlight-lines 是一个非常实用的 Markdown 插件，它不仅方便我们在 Markdown 中进行语法高亮，还可以在写作过程中快速定位和修改代码。希望这篇文章能够帮助到开发者们更好地使用这一插件。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67204