npm 包 Jerkyll 使用教程

什么是 Jerkyll？

Jerkyll 是一个静态网站生成器，可以用来创建博客、文档等静态网站。它使用 Markdown 或 HTML 作为内容输入，生成静态网站。

使用 Jerkyll 可以方便快捷地创建自己的博客站点。下面，我们将介绍如何使用 npm 包 Jerkyll 快速搭建博客站点。

安装 Jerkyll

安装 Jerkyll 很简单，只需要使用 npm 即可。打开终端或命令行窗口，输入以下命令：

npm install -g jekyll

这个命令会全局安装 Jerkyll。如果你已经安装了，也可以使用以下命令检查版本：

jekyll -v

创建 Jerkyll 站点

安装好 Jerkyll 后，我们可以使用命令行创建基础的 Jerkyll 站点：

jekyll new my-site

这个命令会在当前目录下创建一个名为 my-site 的文件夹，其中包含了一个简单的 Jerkyll 站点的框架。

运行 Jerkyll 站点

在创建好的站点文件夹中，可以使用以下命令启动 Jerkyll 服务：

cd my-site
bundle exec jekyll serve

然后在浏览器中访问 http://localhost:4000/ 即可看到 Jerkyll 站点的效果。

使用 Jerkyll 创建页面

Jerkyll 使用 Markdown 或 HTML 创建页面。在 my-site 文件夹中，找到 _posts 文件夹，可以看到一些示例文件。以 "2022-01-01-example.md" 为例，这个文件中的内容如下：

---
layout: post
title: "Example"
---

This is an example page created using Jerkyll.

在上面的 YAML 头部，指定了页面布局（layout）和标题（title）。接下来的内容是 Markdown 或 HTML 格式的页面内容。

在 my-site 文件夹中创建一个新的 Markdown 文件，比如 "my-page.md"，并写入以下内容：

---
layout: page
title: "My Page"
---

This is my page created using Jerkyll.

保存之后，重新启动 Jerkyll 服务，即可在浏览器中访问 http://localhost:4000/my-page.html 看到新创建的页面。

自定义 Jerkyll 站点

Jerkyll 站点支持自定义配置。可以在 my-site 文件夹中找到 _config.yml 文件，修改其中的参数即可。

比如，可以修改站点的标题（title）：

title: My Site

也可以修改站点的 URL（url）：

url: http://example.com

结论

通过本文的介绍，相信你已经掌握了如何使用 npm 包 Jerkyll 快速搭建博客站点的方法。Jerkyll 是一个十分强大的静态网站生成器，可以方便快捷地创建自己的博客站点。希望本文对你有所帮助。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005532281e8991b448d0743