这个模板面向「只写文章、不要后台」的场景：每个页面都是真实 HTML，搜索引擎可以直接抓取正文，无需执行复杂前端路由。
目录一览
index.html— 首页与文章列表categories/*.html— 分类总览与各分类下的文章列表articles/*.html— 各篇文章css/main.css— 全局样式js/main.js— 仅移动端菜单，可删改sitemap.xml、robots.txt— 收录辅助
新增一篇文章
- 复制本篇或另一篇
articles下的 HTML。 - 修改
<title>、meta description、canonical、Open Graph 与 JSON-LD 中的标题、日期与 URL。 - 在
index.html与对应categories/某分类.html中各增加一条卡片，并把新 URL 写入sitemap.xml。
代码示例
// 正文中使用 <pre><code> 即可，爬虫与普通读者都能直接阅读
function hello(name) {
return `Hello, ${name}`;
}把
YOUR-DOMAIN.com全部换成你的正式域名，避免 canonical 与 sitemap 指向错误。