博客文章页必须用包裹全文，和须在内且格式统一，css需独立选择器，资源路径全用根相对路径，标题与描述须动态生成。
博客文章页（post.html 或类似命名）必须和首页 index.html 在语义结构、样式复用、路径约定上保持一致，否则后期维护成本会指数级上升——比如改个标题颜色要同时修两个文件，加个阅读时间得手动补十篇。
文章页必须用 @#@#@#@#@#@#@#@#@#@0、<img src="/assets/cover.jpg">。否则一旦把文章页放进 /posts/ 子目录，相对路径就会全崩。
- 绝对 URL（
https://example.com/style.css）看似保险，但本地开发时无法离线预览，且换域名要批量替换
- 不推荐使用
<base href="/">，它会影响所有相对链接（包括锚点），容易引发导航跳转异常
- 文章内链接到其他文章，也统一用根路径：
@#@#@#@#@#@#@#@#@#@1，别写成 ../js-closure.html
https://example.com/style.css）看似保险，但本地开发时无法离线预览，且换域名要批量替换<base href="/">，它会影响所有相对链接（包括锚点），容易引发导航跳转异常@#@#@#@#@#@#@#@#@#@1，别写成 ../js-closure.html
最易被忽略的是文章页的 <title></title> 和 <meta name="description"> ——它们不能硬编码，必须随每篇文章内容动态变化。哪怕现在手写 HTML，也要在 <title></title> 里留空并加注释 <!-- TITLE: [文章标题] -->，为以后接入静态生成器或简单脚本替换埋好钩子。
<article><header><h1>CSS Grid 布局避坑指南</h1>
<p class="meta"><time datetime="2024-03-10">Mar 10, 2024</time> • 阅读 6 分钟</p>
</header><p><code>grid-template-areas</code> 中空字符串和点(.)行为不同...</p>
</article>前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
