在前端开发过程中，随着项目规模变大，数据的处理和管理也会变得更为复杂。这时就需要使用一些工具来辅助我们完成这项工作。Metalsmith-Medium-Data 就是一个非常实用的数据处理工具，可以简化我们的代码开发，提高生产效率。
Metalsmith-Medium-Data 是什么？
Metalsmith-Medium-Data 是一个可以帮助你将 Medium 文章转化为数据的插件。通过这个插件，你可以加载几乎所有的 Medium 文章的元数据，可以从数据中获取文章标题、发布时间、标签、文章内容等，以便于在实际的开发中更好的显示这些信息。
Metalsmith-Medium-Data 的安装
在使用 Metalsmith-Medium-Data 之前，你需要先确保你已经安装好了 Node.js，如果没有，请先安装 Node.js。下面是基于 npm 的安装教程：
npm install metalsmith-medium-data --save-dev
Metalsmith-Medium-Data 的使用方法
在使用 Metalsmith-Medium-Data 之前，你需要先了解 Metalsmith 的基本操作和基础配置，比如：Metalsmith、Metalsmith-EJS 等等一些基础操作和配置。在这里，我们假设你已经了解了这些知识，并按照要求在项目中安装了 Metalsmith。
在 Metalsmith 中使用 Metalsmith-Medium-Data
要在 Metalsmith 中使用 Metalsmith-Medium-Data，你需要首先在 metalsmith() 中引入 Metalsmith-Medium-Data 插件，如下：
const mediumData = require('metalsmith-medium-data')
metalsmith(__dirname)
.use(mediumData({
username: 'Your Medium Username',
count: 100,
destination: 'medium-data.json'
}))引入插件后，你可以根据自己的需要进行配置，例如：
username：你在 Medium 上的用户名。count：从 Medium 获取的文章条数。destination：将获取的数据保存到的文件名。
在 EJS 模板中使用 Metalsmith-Medium-Data
在 EJS 模板中，你可以通过metalsmith-metadata获取 Metalsmith-Medium-Data 生成的数据。一个简单的例子如下：
<ul>
<% Object.keys(mediumData).forEach(function(key) { %>
<li><%= mediumData[key].title %></li>
<% }) %>
</ul>在这个例子中，mediumData[key] 代表 JSON 文件中的每个文章内容。你可以根据自己的需要展示文章的任何部分。
完整示例
-- -------------------- ---- -------
----- ---------- - ---------------------
----- ---------- - ---------------------------------
----- --- - -------------------------
----- -------- - ------------------------------
----- ---------- - --------------------------------
---------------------
-----------
----- -
------ -------- -----
-
--
----------------
-----------------------
-----------------
--------- ----- ------ ----------
------ ---
------------ ------------------
---
----------------
-----------------
-------- --------
---
----------
---------- -----------
---
-------------------- -
-- ----- ----- ---
--通过以上配置，我们实现了一个简单的博客系统，它从 Medium 中获取了你的文章，并利用 EJS 模板进行显示。
总结
Metalsmith-Medium-Data 是一个非常实用的数据处理工具，可以为我们提供完善的 Medium 文章数据，并帮助我们更加方便地进行前端开发。当然，除此之外，在使用 Metalsmith-Medium-Data 及其他任何插件前，我们还需要先掌握 Metalsmith 基本操作和配置，只有这样，我们才能更好地使用它们，提高我们的生产效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005574f81e8991b448d4471