https://www.e7coding.com/tags/hugo/Recent content in Hugo on E7CodingHugozh-cnJoyJoyThu, 11 Jun 2026 00:00:00 +0000https://www.e7coding.com/posts/static-site-hosting/Thu, 11 Jun 2026 00:00:00 +0000Joyhttps://www.e7coding.com/posts/static-site-hosting/<h2 id="为什么静态站托管几乎免费">为什么静态站托管几乎免费</h2> <p>没有服务器、没有数据库，CDN 直接分发 HTML —— 这让静态博客可以挂在各家 免费额度上长期运行。</p> <h2 id="四家对比">四家对比</h2> <ul> <li><strong>Cloudflare Pages</strong>：构建额度宽松，全球 CDN 最快，推荐</li> <li><strong>Vercel</strong>：体验顺滑，但商业用途需留意条款</li> <li><strong>Netlify</strong>：老牌，表单/函数生态完整</li> <li><strong>GitHub Pages</strong>：最简单，但构建能力有限</li> </ul> <p>对个人博客，<strong>Cloudflare Pages + Hugo</strong> 是当前性价比最高的组合。</p>https://www.e7coding.com/posts/hello-hugo/Wed, 10 Jun 2026 00:00:00 +0000Joyhttps://www.e7coding.com/posts/hello-hugo/<h2 id="为什么是-hugo">为什么是 Hugo</h2> <p>Minimal UI 是一套基于 React + MUI 的后台模板，观感精炼。但个人博客并不需要一个运行时 SPA —— 静态站点在<strong>速度、可维护性、托管成本</strong>上都更划算。</p> <p>Hugo 的优势在于：</p> <ul> <li>构建极快，上千篇文章秒级出站</li> <li>内置 taxonomy，<strong>分类（categories）与标签（tags）开箱即用</strong></li> <li>Markdown 即内容，写作体验顺滑</li> </ul> <h2 id="设计如何迁移">设计如何迁移</h2> <p>MUI 的 <code>sx</code> 与主题系统无法直接搬运，但<strong>设计 token 可以</strong>：主色 <code>#00A76F</code>、 柔和卡片阴影、16px 圆角、Public Sans + Barlow 字体，全部转写成 Tailwind v4 的 <code>@theme</code> 变量即可。</p>