先确定信息结构

一个基础但完整的博客至少需要首页、文章列表、文章详情和关于页面。首页回答“这个站点是谁、写什么、有什么值得看”;文章列表帮助读者快速扫描;文章页负责沉浸阅读;关于页建立信任。

保持页面模板一致

导航、页脚、字体、按钮和卡片样式应当复用同一套规则。即使是纯 HTML 项目,也可以通过统一 class 命名减少维护成本。后续新增文章时,只需要复制文章模板并替换内容。

博客的目标不是展示技术复杂度,而是让内容被稳定地发现、阅读和再次访问。

写 CSS 时建立节奏

好看的页面通常不是靠某一种颜色完成的,而是靠字号、行高、宽度、留白、边框和图片比例共同塑造。正文阅读宽度建议控制在 680 到 760 像素之间,卡片可以更宽,但文字行长不能过长。

部署策略

  1. 本地用浏览器直接打开 HTML 文件确认页面结构。
  2. 将所有页面、样式和图片引用放在固定目录中。
  3. 部署到 GitHub Pages、Netlify 或 Vercel 等静态托管平台。
  4. 每次新增文章后检查链接、标题、描述和移动端布局。

后续可以扩展什么

当文章数量变多时,可以加入标签页、搜索、RSS、站点地图和自动生成归档。但在内容还少时,先把阅读体验做好,比过早引入复杂构建流程更实际。