在前端开发中,排版与排版美观性是一个非常重要的技能点,而其中一个细节问题是如何避免出现孤独的单词,这些单词被叫做 windows。使用 gatsby-remark-widows 插件可以很容易地解决这个问题。
什么是 gatsby-remark-widows
gatsby-remark-widows 是一个在 Gatsby 中解决孤立单词问题的插件。
在 Gatsby 中生成一个静态站点时,我们可以使用 Markdown 语法编写文本内容,并使用 gatsby-transformer-remark 插件将 Markdown 转换成 HTML,但它默认不会解决孤立单词问题。
如何使用 gatsby-remark-widows
安装 gatsby-remark-widows 插件:
npm install --save gatsby-remark-widows
编辑 gatsby-config.js
配置文件:
-- -------------------- ---- ------- -------------- - - -------- - - -------- ---------------------------- -------- - -------- - ---------------------- - - - - --
以上配置将启用该插件,实现自动避免孤立单词的问题。注:默认情况下,该插件使用 作为分隔符。
gatsby-remark-widows 示例
如果我们编写一篇类似的 Markdown 文章:
-- -------------------- ---- ------- - -------- ----------------------------------------- -------------------- ------- ------------------------ --- --- ------- ------ -------------------- --- ------------- -------------- - - -------- - - -------- ---------------------------- -------- - -------- - ---------------------- - - - - --
一个有着完美排版的网站就是成功的一半!
-- -------------------- ---- ------- ---- ---- --------------- -- -- ------------------------------------------------------ -------------------- ------------------- - ------------------------------------------------------------------------------ -------- ------------------------------------------------------------------------------------------------------------------------