https://caozuohua.github.io/tags/blog/ Recent content in Blog on LuckClaw Hugo zh-cn Sun, 10 May 2026 15:20:28 +0800 https://caozuohua.github.io/posts/2026-05-10-%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2%E6%A1%86%E6%9E%B6%E5%AE%8C%E5%85%A8%E6%8C%87%E5%8D%97%E6%B7%B1%E5%85%A5%E8%A7%A3%E6%9E%90hugo%E5%AF%B9%E6%AF%94jekyll-hexo%E5%8F%8A%E9%AB%98%E6%95%88%E5%B7%A5%E5%85%B7%E9%93%BE/ Sun, 10 May 2026 15:20:28 +0800 https://caozuohua.github.io/posts/2026-05-10-%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2%E6%A1%86%E6%9E%B6%E5%AE%8C%E5%85%A8%E6%8C%87%E5%8D%97%E6%B7%B1%E5%85%A5%E8%A7%A3%E6%9E%90hugo%E5%AF%B9%E6%AF%94jekyll-hexo%E5%8F%8A%E9%AB%98%E6%95%88%E5%B7%A5%E5%85%B7%E9%93%BE/ <h2 id="什么是静态网站生成器">什么是静态网站生成器？</h2> <p>在深入探讨具体框架之前，我们首先需要理解什么是“静态网站生成器”（Static Site Generator, SSG）。</p> <p>传统的动态网站（如 WordPress）在每次用户访问时，都需要后端服务器从数据库查询数据，然后通过模板引擎实时渲染成 HTML 页面返回给用户。这个过程涉及数据库、服务器端语言（如 PHP），相对复杂且速度较慢。</p> <p>而静态网站则完全不同。它遵循一个简单的哲学：<strong>提前生成所有页面</strong>。</p> <p><strong>工作流程如下：</strong></p> <ol> <li><strong>编写内容</strong>：你使用简单的 Markdown 格式编写文章。</li> <li><strong>构建网站</strong>：运行一个命令，SSG 会读取你所有的 Markdown 文件、应用你选择的模板主题。</li> <li><strong>生成成品</strong>：最终输出一整个文件夹的、纯粹的 HTML、CSS 和 JavaScript 文件。</li> <li><strong>部署</strong>：你只需要将这个文件夹部署到任何一个可以托管静态文件的地方（如 GitHub Pages、Nginx 服务器、对象存储等），你的网站就上线了。</li> </ol> <p><strong>静态网站的优势显而易见：</strong></p> <ul> <li><strong>极速（Fast）</strong>: 用户访问的是预先生成好的 HTML 文件，无需任何服务器端处理，加载速度极快。</li> <li><strong>安全（Secure）</strong>: 没有数据库，没有复杂的后端逻辑，大大减少了被攻击的风险。</li> <li><strong>简单（Simple）</strong>: 部署和迁移都非常方便，只需要复制文件即可。版本控制也极其容易（可以直接用 Git）。</li> <li><strong>便宜（Cheap）</strong>: 托管静态文件的成本极低，甚至有大量免费的平台（如 GitHub Pages, Netlify, Vercel）。</li> </ul> <p>正是因为这些优势，静态博客在全球技术社区中蔚然成风。</p> <h2 id="主流框架概览群星璀璨">主流框架概览：群星璀璨</h2> <p>SSG 领域有很多优秀的选择，每个都有自己的特点和技术栈：</p> <ul> <li><strong>Hugo</strong>: 基于 Go 语言，以“快”闻名于世。</li> <li><strong>Jekyll</strong>: 基于 Ruby 语言，是 SSG 的鼻祖，与 GitHub Pages 深度集成。</li> <li><strong>Hexo</strong>: 基于 Node.js，在亚洲尤其流行，插件生态丰富。</li> <li><strong>Gatsby / Next.js</strong>: 基于 React (JavaScript)，功能强大，更像是一个“网站应用”的构建框架，而不仅仅是博客。对于简单的个人博客来说可能有些“杀鸡用牛刀”。</li> </ul> <h2 id="深入hugo的世界为何选择它">深入Hugo的世界：为何选择它？</h2> <p>在众多框架中，Hugo 脱颖而出，成为越来越多人的首选。它的核心优势可以总结为以下几点：</p>