介绍
Metalsmith-Typeset 是一个基于 Metalsmith 构建的插件，用于为静态网站内容应用类型设置。该插件利用了 Typesetting.js 库，给文章添加了句子搜索、排版控制、单词之间空格等功能。Metalsmith-Typeset 还可选择使用多种语言的匹配模式，如英语、德语、法语等。
在本文中，我们将探讨如何使用 Metalsmith-Typeset 插件。
安装
要开始使用 Metalsmith-Typeset，需要安装以下软件：
- Node.js
- Metalsmith
- Metalsmith-Typeset
您可以通过以下命令来安装到本地项目：
npm install metalsmith-typeset
配置
要配置 Metalsmith-Typeset，需要在 Metalsmith 的配置文件中引入插件并添加它。以下是一个基本配置示例：
-- -------------------- ---- ------- ----- ---------- - ---------------------- ----- ------- - ------------------------------ --------------------- ---------------- -- ---- ----------------------- -- ----- -------------- ----- ---- -- ------ --- -------------------- ------ - -- ----- ----- ---- ---展开代码
在上面的代码中，我们将 Metalsmith-Typeset 包的引入放在第二行。接着是 Metalsmith 实例的创建。然后定义了源目录和目标目录。这里的源目录是 src 目录，目标目录是 build 目录。接着是在 Metalsmith 插件链中使用 typeset 插件，这里设置了语言匹配模式为英语（en），最后调用 build() 方法来构建静态网站。
使用
在你的静态网站构建后，你可以在你的 HTML 文件中看到使用 Typesetting.js 库添加的样式。
那么在使用 Metalsmith-Typeset 之前，如何输出格式化的 HTML 内容？
-- -------------------- ---- ------- --------------------- ---------------- ----------------------- -------------- ----- ---- --- ------------ ----------- ----- -- - ----- ------- - ------------------- -- ----- ---- -- --------------------------------- -- - ----- - - ---------------------------------------------- -- ---------- -------------- - --------------------------- -- ---- ---- -- -------------------- - --- ----------------- --- ------- -- ------------ -- - -- ----- ----- ---- ---展开代码
如上所示，我们首先安装了 Cheerio 库来解析 HTML 内容。接下来是使用 Cheerio 来遍历所有的 HTML 文件，并为每个自然段应用 Typesetting.js 库。最后，我们重新设置 HTML 内容并完成页面的构建。
结论
Metalsmith-Typeset 提供了一种简单的方法来为网站中的所有自然段应用类型设置。您可以轻松地添加它到您的项目中，并形成您对网站内容的管理。希望这篇文章关于使用 Metalsmith-Typeset 插件的教程对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f421d8e776d08040dfd
