FreedomPost 第一篇：把阅读体验放在正中间

FreedomPost 的第一版不是传统博客首页，而是一个专注阅读的三栏工作台：左侧是文章列表，中间是当前文章目录，右侧是正文和评论。

核心目标 是让访客通过文章标题或分享链接直接进入内容，不被复杂导航打断。

本轮已经落地的体验

• 根路径自动打开最新文章
• 左侧文章列表和本地搜索
• 文章目录默认展开并可折叠
• 点击文章无刷新切换
• 复制文章链接
• 代码块显示语言、行号、复制和折叠

内容模型

第一版的内容统一作为文章处理，简历、作品、资料和笔记都可以放在同一模型里。

代码块示例

1interface ArticleCacheItem {2  slug: string;3  html: string;4  cachedAt: number;5}67const cache = new Map<string, ArticleCacheItem>();

Mermaid 占位

1flowchart LR2  A[保存文章] --> B[生成静态产物]3  B --> C[前台无刷新阅读]

下一步

接下来会把后台登录、文章 CRUD、编辑器和发布管线接上，让这个阅读器从静态样本走向真正可用。