EmDash CMS

优先使用其中的 blog-cloudflare 模板。

目标是开发一个类似 https://blog.cloudflare.com/ 的个人内容网站。

技术架构保持 EmDash 官方 Cloudflare 方案：

- Astro

- TypeScript

- EmDash CMS

- Cloudflare Workers

- Cloudflare D1

- Cloudflare R2

要求：

1. 保留 EmDash CMS 的后台内容管理能力，不重新开发 CMS 核心。

2. 主要改造前台 Theme 和页面布局。

3. 参考 Cloudflare Blog 的信息架构和视觉风格，包括：

- 首页文章列表

- Featured Article

- 分类 / Tag

- 文章详情页

- 右侧文章目录 TOC

- 作者信息

- 发布时间

- 阅读时间

- 搜索

- RSS

- 响应式布局

4. 整体 UI 风格参考 Cloudflare Blog：

- 简洁

- 大量留白

- 内容优先

- 清晰的 Typography

- 桌面端宽内容区域

- 移动端良好适配

5. 内容必须通过 EmDash 后台创建、修改和发布。

6. 发布文章时不依赖 Markdown 文件提交 Git，也不需要重新构建网站。

7. 前台通过 EmDash API / Content Loader 动态读取内容。

8. 尽量复用 EmDash 官方能力，避免重复实现文章、分类、Tag、搜索、媒体管理等 CMS 功能。

不要修改 EmDash 核心源码。

所有定制代码尽量放在 Astro Theme、components、layouts 和 pages 层。

先分析 emdash-cms/templates 项目结构以及 blog-cloudflare 模板，

然后分析 blog.cloudflare.com 的页面结构，

输出改造方案和目录结构，再开始编码。

Continue reading