npm 包 gatsby-remark-widows 使用教程

阅读时长 3 分钟读完

在前端开发中,排版与排版美观性是一个非常重要的技能点,而其中一个细节问题是如何避免出现孤独的单词,这些单词被叫做 windows。使用 gatsby-remark-widows 插件可以很容易地解决这个问题。

什么是 gatsby-remark-widows

gatsby-remark-widows 是一个在 Gatsby 中解决孤立单词问题的插件。

在 Gatsby 中生成一个静态站点时,我们可以使用 Markdown 语法编写文本内容,并使用 gatsby-transformer-remark 插件将 Markdown 转换成 HTML,但它默认不会解决孤立单词问题。

如何使用 gatsby-remark-widows

安装 gatsby-remark-widows 插件:

编辑 gatsby-config.js 配置文件:

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

以上配置将启用该插件,实现自动避免孤立单词的问题。注:默认情况下,该插件使用 作为分隔符。

gatsby-remark-widows 示例

如果我们编写一篇类似的 Markdown 文章:

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

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

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

---

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

---

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

一个有着完美排版的网站就是成功的一半!

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

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

-- --

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

- ------------------------------------------------------------------------------ --------
------------------------------------------------------------------------------------------------------------------------
纠错
反馈