静态博客：从文字到页面

建站演示文章：用于展示本站的内容与排版，可按需要替换为自己的笔记。

三个地方，各做一件事

静态博客通常有三层：源文件负责内容和配置，构建过程将它们转换成页面，托管平台把页面交给访问者。

层次	保存什么	常见操作
源文件	Markdown、样式、图片	写作与修改
构建产物	HTML、CSS、JavaScript	生成与检查
托管平台	可公开访问的产物	部署与访问

如果想改一句正文，应修改 Markdown 源文件，再重新构建。直接修改生成后的 HTML，下次构建时可能被覆盖。

页面为何能交互

静态站点也可以包含搜索、切换主题和本地收藏。这些功能可以在浏览器中运行。跨设备同步评论或真实阅读量，则需要额外的数据服务。

本站的边界

首版示例内容与本地互动用于演示。没有接入服务的栏目应明确标注状态，不把本地计数展示为全站真实数据。

发布前的检查顺序

1. 本地打开修改的页面，查看内容和图片。
2. 生成生产构建，检查报错。
3. 预览构建产物，尝试站内导航与搜索。
4. 部署后从正式入口再访问一次。

如果页面不见了，先确认文件路径和导航链接是否对应；如果只有部署后图片失效，再检查基础路径及文件名大小写。

相关示例：Markdown 排版。