## ✨ 主要特性 - **极速构建** - 比 Ruby Jekyll 快约 20 倍 - **实时预览** - 修改文件自动刷新页面 - **Sass 支持** - 完整的 Sass/SCSS 编译 - **Liquid 模板** - 完整的模板语法支持 - **Front Matter** - YAML 头部元数据 - **Markdown** - 标准 Markdown 语法 安装后访问应用，您将看到一个预置的示例博客站点，包含： - 首页（文章列表） - 关于页面 - 3 篇示例博客文章 ## 📝 创建新文章 1. 在 `_posts` 目录下创建 Markdown 文件 2. 文件命名格式：`YYYY-MM-DD-文章标题.md` **文章模板**： ```yaml --- layout: post title: "文章标题" date: 2024-12-17 categories: [分类1, 分类2] author: 作者名 --- 正文内容... ``` **示例**：创建 `_posts/2024-12-18-my-first-post.md` ## 📄 创建新页面 在站点根目录创建 `.md` 文件，添加 `permalink` 设置： ```yaml --- layout: default title: 页面标题 permalink: /page-url/ --- 页面内容... ``` ## ⚙️ 站点配置 编辑 `_config.yml` 修改站点信息： ```yaml title: "站点标题" description: "站点描述" author: "作者名" email: "your-email@example.com" ``` ## 🎨 自定义布局 编辑 `_layouts` 目录下的模板文件： | 文件 | 用途 | |------|-----| | `default.html` | 基础布局（导航栏、页脚） | | `post.html` | 博客文章布局 | **常用 Liquid 标签**： - `{{ site.title }}` - 站点标题 - `{{ page.title }}` - 页面标题 - `{{ content }}` - 页面内容 - `{% for post in site.posts %}` - 遍历文章 ## 📁 目录结构 ``` /app ├── _config.yml # 站点配置 ├── _layouts/ # 布局模板 │ ├── default.html │ └── post.html ├── _posts/ # 博客文章 │ ├── 2024-12-17-welcome.md │ └── ... ├── index.md # 首页 └── about.md # 关于页 ```