npm 包 rehype 使用教程

阅读时长 3 分钟读完

简介

rehype 是一个基于 unified 的 HTML 处理器,可以让你使用插件来解析、转换和操作 HTML。它的设计使得它非常适合用于静态站点生成器中,它可以轻松地将 Markdown 文件转换为 HTML。

安装

使用 npm 进行安装:

用法

基本用法

-- -------------------- ---- -------
----- ------- - -------------------
----- -------- - ------------------------
----- ------ - ------------------------
----- ---- - ----------------------------

----- --------- - ---------
  --------------
  ------------
  -----------

-------------------- ----- -------- ----- ----- -- -
  -- ----- ----- ----
  --------------------------
---

自定义插件

-- -------------------- ---- -------
----- ------- - -------------------
----- -------- - ------------------------
----- ------ - ------------------------
----- ----- - ----------------------------
----- ---- - ----------------------------

-------- ---------- -
  ------ -------- ----------------- -
    ----------- ---------- ------ -- -
      -- ------------- --- ---- -
        --------------- - - ---------- ---------- --
      -
    ---
  --
-

----- --------- - ---------
  --------------
  ------------
  --------------
  -----------

-------------------- ----- -------- ----- ----- -- -
  -- ----- ----- ----
  --------------------------
---

插件顺序

rehype 的插件顺序是从上到下的,需要注意一些特定的插件之间的顺序,比如 rehype-highlightrehype-katex

总结

使用 rehype 可以让我们轻松地处理 HTML,从而方便地用于静态站点生成器中。同时,rehype 还支持自定义插件,可以让我们更加灵活地处理 HTML。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/41746

纠错
反馈