在前端开发过程中，我们经常使用 Markdown 这种轻量级标记语言来进行文档编写和展示，而 markdown-it 是一个强大的 Markdown 解析器。但是，有时候我们需要对解析出来的 Token 进行修改，此时可以使用 markdown-it 的插件 @gerhobbelt/markdown-it-modify-token。
安装
首先，我们需要安装 @gerhobbelt/markdown-it-modify-token：
npm install @gerhobbelt/markdown-it-modify-token
使用
在使用 @gerhobbelt/markdown-it-modify-token 之前，我们需要先了解 Markdown Token 的概念。Token 是 markdown-it 进行解析过程中产生的一种数据结构，它代表了 Markdown 文本中的每一个语法单元和标记。
例如，对于如下 Markdown 文本：
# This is a title This is **bold** text.
解析出来的 Token 数组如下：
-- -------------------- ---- -------
-
-
------- ---------------
------ -----
-------- -----
------ -
--
-
--
---------- --
-------- --
----------- -----
---------- --
--
-
------- -------
------ ---
-------- -----
------ -
--
--
--
---------- --
-------- --
----------- -----
---------- ----- -- - ------
--
-
------- ----------------
------ -----
-------- -----
------ -
---
--
--
---------- ---
-------- --
----------- -----
---------- --
--
-
------- -------
------ ---
-------- -----
------ -
---
--
--
---------- --
-------- --
----------- -----
---------- ----- -- -
--
-
------- --------------
------ ---------
-------- -----
------ -
---
--
--
---------- --
-------- --
----------- -----
---------- --
--
-
------- -------
------ ---
-------- -----
------ -
---
--
--
---------- --
-------- --
----------- -----
---------- ------
--
-
------- ---------------
------ ---------
-------- -----
------ -
---
--
--
---------- ---
-------- --
----------- -----
---------- --
--
-
------- -------
------ ---
-------- -----
------ -
---
--
--
---------- --
-------- --
----------- -----
---------- - ------
-
-可以看到，Token 是一个数组，每个元素代表一个语法单元或标记。每个 Token 对象都有 type 字段表示其类型，例如 heading_open 表示标题的起始标记，text 表示纯文本。此外，Token 对象还有其他字段，例如 map 表示在源文件中的位置，content 表示 Token 对应的文本内容等。
@gerhobbelt/markdown-it-modify-token 的作用就在于对这些 Token 进行修改。下面我们来看一个例子：
-- -------------------- ---- -------
----- -- - ------------------------
----- ----------- - -----------------------------------------------
-- ------------ -- --
------------------- -------- ---- -- -
-- ----------------- --- ------- -
------------------- - --- - ------------------- - ---
-
--
----- ------ - --------------- -- ---- -------
-------------------上面的示例代码通过使用 @gerhobbelt/markdown-it-modify-token 插件，在 text 类型的 Token 前后添加了 < 和 > 标记，从而得到了如下输出：
<p><This is some text.></p>
可以发现，插件在解析时调用了传入的回调函数，在回调函数中我们可以对 Token 进行任意修改并返回修改后的 Token 数组。
总结
通过本文的介绍，我们了解了如何使用 @gerhobbelt/markdown-it-modify-token 插件来对 Markdown Token 进行修改。此外，我们还了解了 Token 的概念和用法，这对于对 Markdown 进行深入学习和应用都有很大帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f02c870403f2923b035bd87