← 返回首页

START HERE / ASTRO + FRONT MATTER CMS

从写第一篇文章开始。

这个页面解释博客的文件结构、文章字段和日常发布流程。你主要需要编辑 Markdown,不需要先学会 Astro。

1. 去哪里写文章

博客文章都放在 src/content/blog/。每个 .md 文件就是一篇文章,文件名会成为 URL 的一部分。

2. Front Matter 是什么

文件开头的 YAML 区域叫 Front Matter,它是文章的结构化信息。Front Matter CMS 会读取这些字段,并提供表单化编辑体验。

---
title: "文章标题"
description: "首页显示的摘要"
pubDate: 2026-09-07
category: "技术"
tags: ["Astro"]
draft: false
---
字段用途
title文章标题,必填
description首页摘要,必填
pubDate发布日期,必填
category分类,例如技术、部署、随笔
tags标签数组,例如 ["Astro", "学习"]
draft设为 true 时不会显示在首页

3. 如何预览和发布

在 VS Code 中安装 Front Matter CMS 扩展后,可以从命令面板打开它的 Dashboard,创建或编辑文章。也可以直接编辑 Markdown。

npm run dev       # 本地预览
npm run build     # 发布前检查
git add .
git commit -m "Add a new post"
git push          # Cloudflare 自动部署

4. 记住这一条

文章内容在 Markdown,字段规则在 src/content.config.ts,页面模板在 src/pages/。先只改 Markdown,等你熟悉之后再改页面。