第一篇：站点搭建记录

这一站点的诞生，多少和一次长途旅行有关。从川西回来以后，我总想找个地方把路上拍的照片、夜里写的随笔都安顿下来，于是有了这个站。这篇文章记录了它从静态 HTML 到 Node 后台的搭建过程，也顺便当作给后来者的一份笔记。

站点结构

所有文章文件都放在 blog/posts/ 目录下，文件名建议用英文 + 短横线，例如 my-first-post.html。文章采用「杂志风」版式：标题居中、正文采用窄栏阅读，封面图横跨宽栏，整体阅读体验接近纸刊。

图片可以走本地路径或七牛云 CDN。在 <img> 标签上添加 data-cdn-src 属性即可被 CDN 替换：

<img src="assets/images/placeholder.svg"
     data-cdn-src="posts/hello-world/cover.jpg"
     alt="封面">

未配置 CDN 时，浏览器会显示 src 指向的本地占位图；配置后由 main.js 自动替换为七牛 CDN 地址。

杂志感来自留白与节奏，而不是装饰。

列表：

代码块示例：

function hello() {
  console.log('Hello, World');
}

后台管理上线后，可以直接通过 /admin 入口创建与编辑文章，无需手动改 HTML。后台会自动同步封面图到七牛云。