先确定信息结构
一个基础但完整的博客至少需要首页、文章列表、文章详情和关于页面。首页回答“这个站点是谁、写什么、有什么值得看”;文章列表帮助读者快速扫描;文章页负责沉浸阅读;关于页建立信任。
保持页面模板一致
导航、页脚、字体、按钮和卡片样式应当复用同一套规则。即使是纯 HTML 项目,也可以通过统一 class 命名减少维护成本。后续新增文章时,只需要复制文章模板并替换内容。
博客的目标不是展示技术复杂度,而是让内容被稳定地发现、阅读和再次访问。
写 CSS 时建立节奏
好看的页面通常不是靠某一种颜色完成的,而是靠字号、行高、宽度、留白、边框和图片比例共同塑造。正文阅读宽度建议控制在 680 到 760 像素之间,卡片可以更宽,但文字行长不能过长。
部署策略
- 本地用浏览器直接打开 HTML 文件确认页面结构。
- 将所有页面、样式和图片引用放在固定目录中。
- 部署到 GitHub Pages、Netlify 或 Vercel 等静态托管平台。
- 每次新增文章后检查链接、标题、描述和移动端布局。
后续可以扩展什么
当文章数量变多时,可以加入标签页、搜索、RSS、站点地图和自动生成归档。但在内容还少时,先把阅读体验做好,比过早引入复杂构建流程更实际。