https://chenshungen.cn/tags/%E7%BD%91%E7%AB%99%E5%BB%BA%E8%AE%BE/Recent content in 网站建设 on Chen ShungenHugozh-cnThu, 16 Apr 2026 00:00:00 +0000https://chenshungen.cn/blog/ai-native-website/Thu, 16 Apr 2026 00:00:00 +0000https://chenshungen.cn/blog/ai-native-website/<h2 id="为什么要告别-wordpress">为什么要告别 WordPress？</h2> <p>WordPress 是一个优秀的内容管理系统，但对于一个想要通过 AI 工具（如 Claude Code）来管理内容的开发者来说，它有几个痛点：</p> <ol> <li><strong>内容存储在数据库中</strong>，AI 工具无法直接读写</li> <li><strong>PHP + MySQL 的技术栈</strong>维护成本高</li> <li><strong>安全更新</strong>需要频繁关注</li> <li><strong>动态渲染</strong>相比静态站点速度慢</li> </ol> <h2 id="新方案hugo--adritian">新方案：Hugo + Adritian</h2> <p>最终选择了 Hugo 作为静态站点生成器，配合 Adritian 主题：</p> <ul> <li><strong>内容即文件</strong>：所有文章都是 Markdown 文件，存储在 Git 仓库中</li> <li><strong>AI 友好</strong>：Claude Code 可以直接创建和编辑 <code>.md</code> 文件</li> <li><strong>零维护</strong>：纯静态 HTML，没有数据库，没有后端</li> <li><strong>极速</strong>：毫秒级页面加载</li> </ul> <h2 id="技术栈">技术栈</h2> <table> <thead> <tr> <th>组件</th> <th>选择</th> <th>原因</th> </tr> </thead> <tbody> <tr> <td>静态生成器</td> <td>Hugo</td> <td>Go 构建，速度极快</td> </tr> <tr> <td>主题</td> <td>Adritian</td> <td>专业网站风格，非纯博客</td> </tr> <tr> <td>部署</td> <td>阿里云 ECS</td> <td>国内访问最快，已有备案</td> </tr> <tr> <td>CI/CD</td> <td>GitHub Actions</td> <td>git push 自动构建部署</td> </tr> </tbody> </table> <h2 id="ai-内容发布流程">AI 内容发布流程</h2> <div class="highlight-wrapper"> <button class="copy-code-btn" type="button" aria-label="Copy code to clipboard"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect> <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path> </svg> <span class="copy-text">Copy</span> </button><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-text" data-lang="text"><span class="line"><span class="cl">Claude Code 写 Markdown → git push → GitHub Actions 构建 → 部署到 ECS</span></span></code></pre></div></div> <p>整个过程零人工干预，从写作到上线完全自动化。</p>