什么是 eleventy-xml-plugin
eleventy-xml-plugin 是一个针对 eleventy 静态网站生成器的 npm 包,它可以将你的网站内容转化为 XML 格式,在 SEO 优化或 Sitemap 的生成方面可以发挥重要作用。
eleventy-xml-plugin 的安装
要使用 eleventy-xml-plugin,你需要先安装 eleventy,可以通过以下命令:
npm install -g eleventy
接着通过以下命令安装 eleventy-xml-plugin:
npm install @11ty/eleventy-plugin-xml --save-dev
配置 eleventy-xml-plugin
eleventy-xml-plugin 的配置非常简单,只需在 .eleventy.js 文件里增加以下代码:
const eleventyPluginXml = require("@11ty/eleventy-plugin-xml"); module.exports = function(eleventyConfig) { eleventyConfig.addPlugin(eleventyPluginXml); };
eleventy-xml-plugin 的使用
eleventy-xml-plugin 的使用非常方便,在 eleventy 的所有文件中,只需在 YAML 头信息里增加 xml: true 字段,即可输出 xml 文件。
例如,我们在一个 Markdown 文件中想要输出 xml 格式的内容,只需要在头信息中增加以下代码:
--- title: "My Blog Post" date: 2020-10-31 xml: true ---
将 yaml 格式的头信息中的 xml 属性值设置为 true。
eleventy-xml-plugin 示例代码
下面是一个 eleventy-xml-plugin 的示例代码:
--- title: "My Blog Post" date: 2020-10-31 xml: true --- <h1>My Blog Post</h1> <p>This is my first blog post</p>
在执行 eleventy 的构建命令时,eleventy-xml-plugin 会自动生成如下的 XML 文件:
<?xml version="1.0" encoding="utf-8"?> <rss> <channel> <title>My Blog Post</title> <pubDate>Sat, 31 Oct 2020 00:00:00 GMT</pubDate> <description>This is my first blog post</description> </channel> </rss>
总结
eleventy-xml-plugin 是一个方便实用的 npm 包,它的使用非常简单,可以极大地方便生成网站 SEO 优化所需的 sitemap。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60067369890c4f7277584054