前言
Lanyon 是一个基于 Node.js 和 Gulp 的静态网站生成器，它使用了 Jekyll 主题 Lanyon 的样式和布局。使用 Lanyon 可以快速搭建一个简洁美观的静态网站，并且支持 Markdown 语法。
本文将详细介绍如何使用 Lanyon 搭建静态网站，同时提供一些示例代码和学习指导。
安装
在安装 Lanyon 之前，需要先安装 Node.js 和 Gulp。如果你还没有安装这两个工具，请先安装。
# 安装 Node.js（已安装可跳过） https://nodejs.org/en/ # 安装 Gulp（已安装可跳过） npm install -g gulp
安装 Lanyon：
npm install --save-dev lanyon
使用
初始化项目
使用 Lanyon 创建一个新的项目非常简单。首先，在命令行中进入你的项目目录，然后执行以下命令：
lanyon init该命令会在当前目录下创建一个名为 src 的文件夹，并在其中初始化 Lanyon 项目结构。
配置
Lanyon 的配置文件是 config.yml，它位于项目根目录中。默认情况下，Lanyon 的配置文件看起来像这样：
title: My Lanyon Site url: https://example.com author: name: Your Name email: your-email@example.com
你可以根据自己的需要修改这个文件。
内容
Lanyon 使用 Markdown 格式来撰写文章。默认情况下，Lanyon 会在 src/_posts 文件夹中自动创建一个名为 hello-world.md 的示例文章。
--- title: Hello World date: 2021-01-01 --- # Hello World! This is my first post.
你可以在 src/_posts 文件夹中创建更多的文章。文章的文件名必须遵循以下格式：YYYY-MM-DD-title.md，其中 YYYY-MM-DD 是文章发布日期，title 是文章标题。
构建网站
在命令行中进入项目目录，然后执行以下命令：
gulp该命令会生成静态网站，并将其输出到 dist 文件夹中。
预览网站
在命令行中进入项目目录，然后执行以下命令：
gulp serve该命令会启动一个本地服务器，并自动打开浏览器预览网站。
结语
在本文中，我们详细介绍了如何使用 Lanyon 搭建静态网站，并提供了一些示例代码和学习指导。希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/47458
