Metalsmith 是一个静态网站生成器,它使用 Node.js 和 Markdown 等标记语言来帮助快速构建静态博客、网站等。那么,metalsmith-author 又是什么呢?metalsmith-author 是 Metalsmith 的一个插件,它专门用来为文章设置作者信息。本文将重点介绍 metalsmith-author 的使用教程。
前置知识
在使用 metalsmith-author 之前,我们需要了解以下两点知识:
了解 Metalsmith
Metalsmith 是一个基于 Node.js 的静态网站生成器,可以帮助我们将 Markdown 等标记语言转换为 HTML 文件,并且可扩展性强,使用起来相对比较简单。
了解 NPM
NPM 是 Node.js 的包管理工具,它可以帮助我们快速地下载和安装 Node.js 的包。
安装与使用
- 首先,我们需要使用 NPM 安装 metalsmith-author 依赖,使用以下命令:
$ npm install --save metalsmith-author
- 安装成功后,在 metalsmith 的配置文件
metalsmith.js
中加入以下代码:
-- -------------------- ---- ------- ----- ---------- - ---------------------- ----- ------ - ----------------------------- --------------------- ------------- ---------- ----- --- ------------ -- - -- ------- - ----- ------ - ------------------- ---------------- ---
- 上面的代码中,我们使用
.use
方法来加载 metalsmith-author 插件,并设置了默认作者为 "分享者"。我们还可以在每篇文章的 YAML 头部设置作者,如下所示:
--- title: "Hello World" date: "2018-10-01" author: "Lucy" ---
- 当我们生成静态网站时,metalsmith-author 将会为我们自动添加作者信息。我们也可以在模板文件中使用以下代码插入作者信息:
<div> <p>Author: {{ author }}</p> </div>
示例代码
-- -------------------- ---- ------- ----- ---------- - ---------------------- ----- ------ - ----------------------------- --------------------- ------------- ---------- ----- --- ------------ -- - -- ------- - ----- ------ - ------------------- ---------------- ---
--- title: "Hello World" date: "2018-10-01" author: "Lucy" ---
<div> <p>Author: {{ author }}</p> </div>
总结
在本文中,我们学习了 metalsmith-author 的安装与使用方法,以及如何在 YAML 头部设置文章作者信息以及在模板文件中插入作者信息。metalsmith-author 可以帮助我们更好地管理文章的作者信息。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066f431d8e776d08040e26