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