edenion的个人博客https://edenion.pages.dev/zh-cnhttps://edenion.pages.dev/posts/blog-platform-comparison/https://edenion.pages.dev/posts/blog-platform-comparison/主流博客框架（Hexo / Hugo / Astro / VitePress / Next.js / WordPress 等）、部署平台（GitHub Pages / Cloudflare Pages / Vercel / Netlify / VPS / 对象存储）与部署方式的全面对比，帮你选出适合自己的组合。Thu, 30 Jul 2026 18:00:00 GMT<p>搭建个人博客绕不开三个问题：用什么框架写、部署到哪里、怎么部署上去。这篇文章把主流选项放在一起做横向对比，希望能帮你快速缩小选择范围。</p> <h2>一、主流博客框架对比</h2> <h3>静态站点生成器（SSG）</h3> <table> <thead> <tr> <th>框架</th> <th>语言</th> <th>上手难度</th> <th>构建速度</th> <th>生态</th> <th>适合人群</th> </tr> </thead> <tbody> <tr> <td>Hexo</td> <td>Node.js</td> <td>低</td> <td>快（中大型站点变慢）</td> <td>中文资料多、主题丰富</td> <td>新手、快速开写</td> </tr> <tr> <td>Hugo</td> <td>Go</td> <td>中</td> <td>极快（千篇文章秒级）</td> <td>主题多但定制需懂 Go 模板</td> <td>文章量大、追求构建速度</td> </tr> <tr> <td>Astro</td> <td>Node.js</td> <td>中</td> <td>快</td> <td>新但活跃，支持岛屿架构</td> <td>想要现代工程化、组件化</td> </tr> <tr> <td>VitePress</td> <td>Vue</td> <td>低</td> <td>快</td> <td>文档向，主题相对单一</td> <td>文档 + 博客混合站点</td> </tr> <tr> <td>Jekyll</td> <td>Ruby</td> <td>中</td> <td>较慢</td> <td>GitHub Pages 原生支持</td> <td>与 GitHub Pages 深度绑定</td> </tr> <tr> <td>Gatsby</td> <td>React</td> <td>高</td> <td>较慢</td> <td>插件生态大但维护放缓</td> <td>已熟悉 React 生态</td> </tr> <tr> <td>Next.js</td> <td>React</td> <td>高</td> <td>中</td> <td>全栈框架，能力最全面</td> <td>需要 SSR / API / 动态功能</td> </tr> </tbody> </table> <h3>动态博客系统（CMS）</h3> <table> <thead> <tr> <th>系统</th> <th>语言</th> <th>数据库</th> <th>特点</th> </tr> </thead> <tbody> <tr> <td>WordPress</td> <td>PHP</td> <td>MySQL</td> <td>生态最大（插件 / 主题），但重、需维护安全</td> </tr> <tr> <td>Ghost</td> <td>Node.js</td> <td>MySQL</td> <td>专注写作与订阅，自带会员/付费墙</td> </tr> <tr> <td>Typecho</td> <td>PHP</td> <td>MySQL/SQLite</td> <td>轻量，国内用户多</td> </tr> <tr> <td>Halo</td> <td>Java</td> <td>多数据库</td> <td>国产，后台体验现代</td> </tr> </tbody> </table> <h3>怎么选</h3> <ul> <li><strong>只想专心写作，不想折腾</strong>：Hexo 或 VitePress，主题开箱即用。</li> <li><strong>文章量大（几百篇以上）</strong>：Hugo，构建速度优势不可替代。</li> <li><strong>想要现代开发体验、会写前端</strong>：Astro（本站即使用 Astro），可以按需引入 React/Vue 组件，默认输出零 JS。</li> <li><strong>需要后台管理、多人协作、非技术作者</strong>：WordPress / Ghost / Halo 这类动态系统。</li> <li><strong>需要页面高度动态化</strong>：Next.js，接受全栈复杂度。</li> </ul> <h2>二、部署平台对比</h2> <h3>免费静态托管</h3> <table> <thead> <tr> <th>平台</th> <th>国内访问</th> <th>带宽/流量</th> <th>自动构建</th> <th>特点</th> </tr> </thead> <tbody> <tr> <td>GitHub Pages</td> <td>一般，偶发不稳定</td> <td>100GB/月（软限制）</td> <td>GitHub Actions</td> <td>最简单，绑定仓库即用</td> </tr> <tr> <td>Cloudflare Pages</td> <td>较好（CDN 覆盖广）</td> <td>不限流量</td> <td>内置 CI</td> <td>免费额度最慷慨，全球 CDN</td> </tr> <tr> <td>Vercel</td> <td>一般（部分地区被墙）</td> <td>100GB/月</td> <td>内置 CI</td> <td>DX 最好，原生支持 Next.js</td> </tr> <tr> <td>Netlify</td> <td>一般</td> <td>100GB/月</td> <td>内置 CI</td> <td>表单、Split Testing 等附加功能</td> </tr> <tr> <td>GitLab Pages</td> <td>一般</td> <td>未公开硬限制</td> <td>GitLab CI</td> <td>适合私有仓库</td> </tr> </tbody> </table> <h3>自建 / 付费托管</h3> <table> <thead> <tr> <th>方案</th> <th>成本</th> <th>维护负担</th> <th>灵活性</th> <th>适合场景</th> </tr> </thead> <tbody> <tr> <td>VPS（阿里云/腾讯云/搬瓦工等）</td> <td>¥10–100/月</td> <td>高（系统、证书、安全）</td> <td>最高</td> <td>需要运行动态服务、完全控制</td> </tr> <tr> <td>对象存储 + CDN（OSS/COS/S3）</td> <td>按量计费，通常极低</td> <td>低</td> <td>仅静态</td> <td>纯静态站、国内加速需求</td> </tr> <tr> <td>Serverless 容器（Cloud Run 等）</td> <td>免费额度内基本为 0</td> <td>中</td> <td>高</td> <td>动态博客系统低成本托管</td> </tr> </tbody> </table> <h3>怎么选</h3> <ul> <li><strong>纯静态站 + 零成本</strong>：Cloudflare Pages（流量不限 + CDN）或 GitHub Pages（最简单）。</li> <li><strong>用 Next.js 或有 SSR 需求</strong>：Vercel。</li> <li><strong>国内访问优先、愿意备案</strong>：对象存储 + CDN 或国内 VPS。</li> <li><strong>跑 WordPress/Halo 等动态系统</strong>：VPS 或 Serverless 容器。</li> </ul> <h2>三、部署方式对比</h2> <table> <thead> <tr> <th>方式</th> <th>流程</th> <th>优点</th> <th>缺点</th> <th>适用</th> </tr> </thead> <tbody> <tr> <td>Git Push 自动构建</td> <td>推代码 → 平台 CI 构建发布</td> <td>零手工操作，回滚方便</td> <td>依赖平台，构建排队</td> <td>Pages / Vercel / Netlify</td> </tr> <tr> <td>GitHub Actions 推送产物</td> <td>CI 构建 → rsync/FTP 推到服务器</td> <td>构建环境统一，目标任意</td> <td>需配置密钥与流水线</td> <td>VPS / 对象存储</td> </tr> <tr> <td>本地构建手动上传</td> <td>本地 build → FTP/宝塔上传</td> <td>直观，平台无关</td> <td>易漏文件，无法回滚</td> <td>临时站点、低频更新</td> </tr> <tr> <td>Webhook 服务器拉取</td> <td>推代码 → Webhook 触发服务器 pull + build</td> <td>构建在服务器，省去上传</td> <td>服务器需装构建环境</td> <td>VPS、构建资源充足</td> </tr> <tr> <td>Docker 部署</td> <td>构建镜像 → 服务器拉取运行</td> <td>环境一致，可横向扩展</td> <td>需懂 Docker，静态站偏重</td> <td>动态系统（Ghost/Halo）</td> </tr> <tr> <td>对象存储同步</td> <td>CI 调用 ossutil/aws s3 sync</td> <td>增量同步快，成本低</td> <td>仅适合纯静态</td> <td>OSS / COS / S3</td> </tr> </tbody> </table> <h3>推荐组合</h3> <ol> <li><strong>SSG + Pages 平台 + Git Push</strong>：最省心，推代码即上线，适合 90% 的个人博客。</li> <li><strong>SSG + 国内对象存储 + Actions 同步</strong>：国内访问优先且不想维护服务器。</li> <li><strong>动态系统 + VPS + Docker</strong>：需要后台功能时，用 Compose 管理服务与证书。</li> </ol> <h2>结语</h2> <p>没有绝对最优的组合，只有最适合当前阶段的组合：</p> <ul> <li>新手起步：<strong>Hexo/VitePress + GitHub Pages + Git Push</strong>，十分钟上线。</li> <li>长期经营：<strong>Astro/Hugo + Cloudflare Pages</strong>，免费、快、全球可达。</li> <li>需要后台：<strong>Halo/Ghost + VPS + Docker</strong>，一次配置长期稳定。</li> </ul> <p>先把内容写起来，平台的迁移成本远比你想象的低——域名在手，随时可以换。</p> https://edenion.pages.dev/posts/hello-world/https://edenion.pages.dev/posts/hello-world/第一篇示例文章，展示代码高亮与排版效果。Thu, 30 Jul 2026 12:00:00 GMT<p>欢迎来到 <strong>edenion</strong>！这是一篇示例文章，用于展示主题的排版效果。</p> <h2>代码高亮</h2> <p>主题使用 Expressive Code（Vesper 主题）进行语法高亮：</p> <pre><code>export function greet(name: string): string { return `Hello, ${name}!`; } console.log(greet('world')); </code></pre> <h2>列表与引用</h2> <ul> <li>支持明暗双主题</li> <li>构建时生成 OG 图与 RSS</li> <li>全站 View Transitions</li> </ul> <blockquote> <p>Per aspera, ad astra.</p> </blockquote> <p>把新的 <code>.md</code> 文件放进 <code>src/content/blog/</code> 即可开始写作。</p>