一篇带脚注与长文排版的文章

长文更容易暴露排版问题：段落节奏、标题层级、代码块宽度。

背景

静态站点适合沉淀内容。读者用搜索引擎进来，读完即走；RSS 给愿意追的人。

正文段落

中英混排时注意标点与空格。例如：在 Astro 里用 Content Collections 管理 Markdown，比手写扫描脚本更稳。

代码：

const posts = await getCollection('posts', ({ data }) => !data.draft);

层级

三级标题

细节说明放在 h3 下，避免首页目录过长。

另一个细节

• 控制每节长度
• 关键句可加粗或独立成引用

一段引用，用来打断长段落。

小结

写完后打开文章页，确认 TOC 锚点与阅读进度是否自然。