内容发布全流程(写文章 + 推送上线)
- 1Firefly 简单使用指南
- 2Firefly 布局系统详解
- 3Firefly Wiki Link 内部链接示例
- 4Firefly 一款清新美观的 Astro 博客主题模板
- 5在文章中嵌入视频
- 6Firefly 文章加密
- 7Markdown 教程
- 8Markdown 扩展功能
- 9Markdown Mermaid 图表
- 10Markdown PlantUML 图表
- 11Firefly 代码块示例
- 12KaTeX 数学公式示例
- 13MDX 格式文章示例
- 14内容发布全流程(写文章 + 推送上线)本文
- 15碎碎念(动态)维护指南
- 16相册与照片墙维护指南
- 17公告与固定页面文案维护
- 18友链·导航书签·站点入口维护
- 19R2 图床运营规范
- 20pnpm 常用指令速查(本地开发与构建)
📖 一句话理解本站内容
本站是静态站:文字(Markdown)存在 Git 仓库里,图片存在对象存储里,两者分开。你只要做一件事——改好文字 → git push,剩下的构建、上线全部自动完成。
你在 Obsidian / 编辑器里写 .md │ 图片先传图床 → 得到 https://cdn.xxx.top/xxx.webp │ 正文里用  引用 │ git add → commit → push(GitHub) │ 云端自动构建 → 站点更新仓库的位置、图床的上传工具、每次构建后去哪个平台确认,见本系列「R2 图床运营规范」。本文只讲「内容怎么发布」。
一、内容文件都放在哪
src/content/├── posts/ ← 博客文章(长篇,本文的主角)│ ├── xxx.md│ └── 子目录/ ← 也可以建子目录归类,不影响发布├── dynamic/ ← 碎碎念(短记录,单独一篇讲)└── spec/ ← 固定页面(关于/留言板/协议)判断标准:想认真写的长篇 → posts;随手一句话/一张图 → dynamic;站点固定文案 → spec。
二、新建一篇文章
方式 A:脚手架命令(推荐)
pnpm new-post my-first-post会在 src/content/posts/my-first-post.md 生成带完整 frontmatter 模板的文件,你只需填内容。
方式 B:手动新建
在 src/content/posts/ 里新建 .md 文件,最少只需 3 个字段:
---title: 我的第一篇文章 # 网页显示的大标题published: 2026-09-07 # 发布日期,决定出现在哪一天category: 闲谈杂录 # 分类(留空也可以)---正文……支持完整 Markdown。常用可选字段
| 字段 | 作用 | 什么时候用 |
|---|---|---|
description | 摘要,显示在列表卡片上 | 想让首页简介好看点就填 |
tags | 标签数组 [A, B] | 按主题聚合同类文章 |
image | 封面图 | 网络链接或相对路径 |
pinned | true = 置顶到列表顶部 | 公告类、长期有效文章 |
draft | true = 草稿,不上线 | 没写完不想发布 |
updated | 修订日期 | 大改后补一笔 |
password / passwordHint | 加密整篇正文 | 私密文章(见系列「文章加密」篇) |
series / seriesOrder | 归入系列 | 见下文 |
⚠️ cover 图片规范:封面、正文图片一律传图床后填
https://…完整链接,不要往仓库里塞图片文件(会让仓库变大、构建变慢)。传图细节见 R2 图床运营规范。
三、系列字段(series / seriesOrder)
「系列」就是把几篇文章串成一个合集,在 /series/ 页面统一展示、自动生成上一篇/下一篇导航。
---title: 某一篇series: "Firefly 教程" # 填同一个系列名 → 自动归到一起seriesOrder: 5 # 该系列内的排序,数字小的在前---- 归到哪个系列,取决于
series填的名字,跟文件在哪个目录无关 - 不填
series= 独立文章,不进任何系列 seriesOrder只影响系列内顺序,不影响主页按日期的排序
本站约定:以后所有本站维护教程都放进
Firefly 教程系列,新文章记得seriesOrder接续现有最大号。
四、发布:git 三步
写完、本地预览没问题后,在仓库根目录执行:
git add .git commit -m "新增:xxx 文章"git push三步各管一件事:
| 命令 | 作用 |
|---|---|
git add . | 把改动「登记」进暂存区 |
git commit | 打一个本地存档点 |
git push | 把存档传到 GitHub —— 只有这一步才会触发线上构建 |
commit 消息建议用 新增:… / 修改:… / 删除:… 开头,方便以后翻历史。
push 成功后,GitHub 会自动触发构建,多个部署平台陆续更新。构建需要一两分钟,别急着刷新。
本地预览(发布前检查)
pnpm dev # 打开 http://localhost:4321 预览pnpm build # 生产构建,发布前跑一遍确保没报错pnpm 全部指令、构建流水线原理、常见坑,见本系列「pnpm 常用指令速查」。
五、修改与删除文章
- 改文字:直接改 .md → git 三步 → 覆盖更新
- 改网址:文章网址 = 文件相对路径去掉扩展名(
my-first-post.md→/posts/my-first-post/)。改名 = 改网址,会让旧链接 404、影响已分享出去的地址——发布过的文章尽量别改名 - 下线文章:最稳妥是
draft: true(保留草稿可再启用);真要删就删文件,但注意删了无法找回
六、Obsidian 写作小贴士(个人习惯)
- Markdown 语法与系列里的《Markdown 教程》一致,Obsidian 所见即所得
- 传图用图床工具,自动返回
格式直接粘贴 - 写「本站维护教程」时,正文开头能配一张封面/示意图观感更好
✅ 发布清单(自检)
- 图片已传图床、正文里是
https://…链接(不是本地路径) - frontmatter 完整,
published是YYYY-MM-DD pnpm dev本地能正常渲染git add → commit → push三连,push 输出无报错- 一分钟后线上刷新能看到
支持与分享
如果这篇文章对你有帮助,欢迎分享给更多人或打赏支持!





