博客部署教程
动态博客 vs 静态博客：最通俗、最清晰的对比
你现在用的 Astro 就是静态博客 ，而你平时可能用过的 WordPress 就是动态博客 。
- 静态博客：提前把所有页面生成好，用户访问时 直接给文件
- 动态博客：用户访问时 现场生成页面 ，每次都要查数据库、拼页面
1. 核心原理差异（最关键）
静态博客（Astro、Hexo、Hugo） 你写文章 → 执行构建命令 → 工具 一次性生成所有 HTML、CSS、图片 → 部署到服务器/CDN → 用户访问 → 直接拿现成页面。无数据库、无后台运行。
动态博客（WordPress、Typecho、Ghost） 你在后台写文章 → 存进 数据库 → 用户访问 → 服务器 现场运行代码 → 从数据库读文章 → 拼接成 HTML → 发给用户。必须运行服务器 + 依赖数据库。
2–5. 速度 / 安全 / 维护 / 功能
| 对比维度 | 静态博客 | 动态博客 |
|---|---|---|
| 速度 | 极快 — 直接下载现成文件 | 较慢 — 查库→渲染→返回，高流量易卡 |
| 安全 | 几乎不会被黑 — 无数据库、无登录后台、无可攻击脚本 | 容易被攻击 — 有后台入口、有数据库、漏洞多 |
| 维护 | 几乎 0 维护 — 不用更新服务器、打补丁、管数据库 | 需定期维护 — 更新程序、修复漏洞、备份数据库 |
| 功能 | 适合 博客、文档、简单网站；不适合实时评论、会员系统 | 适合 功能复杂网站 — 论坛、商城、用户登录、后台管理 |
Vercel / Netlify / Cloudflare Pages 全对比
[!info] 优先级速选 主打国内访客 → Cloudflare Pages；看重开发体验 → Vercel；老牌稳扎 → Netlify 全部免备案、绑自己域名免费 SSL、Git 推送自动部署 Astro
基准：GitHub Pages 国内最慢、抽风打不开是常态，下面三家都优于 Github Pages 速度排序：Cloudflare Pages ＞ Netlify ＞ Vercel
1. Cloudflare Pages（最推荐，国内访问最优）
核心特点
- 免费政策无敌：无限带宽、无限访问量，每月 500 次构建，永久免费无流量封顶
- 全球 330+ 边缘 CDN 节点（含香港、日韩），国内平均延迟 80~200ms，基本秒开，远胜另外两家
- 免备案：域名改 DNS 指向 CF 即可，自动签发 HTTPS 证书
- 深度兼容 Astro，
git push自动打包部署；可搭配 Workers 做简易评论、友链接口
本地预览、构建日志界面不如 Vercel 美观；CLI 工具 Wrangler 上手略繁琐
适合：个人 Astro 博客、国内访客居多、零成本、怕流量超标 → 首选
2. Vercel（开发体验天花板，国内原生一般）
核心特点
- 开发体验业内第一：部署预览、在线日志、一键回滚、图片自动优化，全框架原生适配
- 免费版：每月 100GB 流量、6000 分钟构建时长，普通博客一年都用不完
- 自定义域名免备案，自动 SSL；常用套路：Vercel 托管源码 + Cloudflare 做 DNS 代理加速
xxx.vercel.app 默认域名国内容易被污染打不开，必须绑自有域名 + 套 CF 加速才能稳
流量大了容易触发付费账单
适合：经常改博客源码、折腾新功能、优先开发体验，愿意套 CF 做加速
3. Netlify（JAMstack 开创者，老牌折中选择）
核心特点
- 对 Astro/Hugo/Hexo 兼容性最稳，没有框架偏心，支持表单、无服务函数、拖拽上传
- 免费额度：每月 100GB 带宽、300 分钟构建；域名免备案绑定、自动 SSL
- 国内速度介于 Vercel 和 CF 之间，裸用比原生 Vercel 稳
免费构建时长偏少，频繁改文章容易耗尽额度；更新迭代慢，生态不如另外两家
适合：老旧静态项目、不想折腾 CDN、兼顾国内外访客
关键对比表
| 项目 | Cloudflare Pages | Vercel | Netlify |
|---|---|---|---|
| 国内裸连速度 | ⭐⭐⭐⭐⭐ 秒开 | ⭐⭐ 偏慢易抽风 | ⭐⭐⭐ 中等稳定 |
| 免费带宽 | 无限 | 每月 100GB | 每月 100GB |
| 免费构建 | 月 500 次 | 月 6000 分钟 | 月 300 分钟 |
| 域名备案 | 全部免备案 | 全部免备案 | 全部免备案 |
| Astro 适配 | 完美 | 原生最优 | 兼容性最强 |
| 额外扩展 | Workers 做后端/评论 | Edge Function | Netlify Function |
| 最优用法 | 直接 Pages 部署 | 源码放 Vercel，域名套 CF DNS | 裸跑/套 CF 均可 |
落地部署方案（3 选 1）
| 方案 | 路线 | 特点 |
|---|---|---|
| 方案 1（首选，90% 博主） | Astro → Cloudflare Pages 直接部署 | 一步到位，国内最快、零成本、永久免费，友链/评论可 Workers 拓展 |
| 方案 2（偏爱 Vercel） | Vercel 部署 + Cloudflare 做域名 DNS 代理 | 用 CF 全球节点加速 Vercel 源站，兼顾 Vercel 好用 + CF 国内快 |
| 方案 3（稳妥懒人） | Netlify 直接部署 | 不折腾 CDN，简单一键部署，日常写博客够用 |
针对你的实际情况：部署全流程
[!abstract] 背景 0 基础 · Obsidian 记笔记 · 零花费 · 访客仅亲友 · Astro 博客 · 已有域名
核心逻辑：Obsidian 写笔记 → Astro 读取笔记生成网页 → Git 存源码 → 三大平台关联 Git 自动上线，全程不花钱、无流量扣费风险
第一阶段：本地环境搭建（不上网、只在电脑跑通）
[!goal] 阶段目标 本地 Obsidian 写的 Markdown 笔记，直接在 Astro 博客预览成网页，不用上传任何平台、不用域名
流程概述
- 安装基础软件：Git、Node.js（Astro 运行必备），保留现有 Obsidian 笔记库
- 初始化 Astro 空白博客项目：电脑生成 Astro 文件夹，选用简约博客主题
- 打通 Obsidian ↔ Astro 关联：把 Obsidian 笔记文件夹和 Astro 文章目录绑定，实现 Obsidian 新增/修改笔记，Astro 自动读取内容，不用复制粘贴
- 本地调试预览：启动 Astro 本地服务，浏览器查看笔记变成博客页面效果，调整首页、友链、排版
- 初次本地构建：执行构建，Astro 把全部笔记打包成静态网页文件（dist 文件夹），即最终上传的成品
- 初识 Git 本地版本管理：项目文件夹开启 Git，首次把 Astro+Obsidian 笔记提交本地仓库（先不推送 GitHub），为第二阶段做铺垫
[!success] 本阶段结束 本地写完 Obsidian 随笔/技术笔记，立刻能在本地博客查看网页效果
第二阶段：分三步部署三大境外托管平台
[!info] 通用前置 注册 GitHub 账号，把本地完整项目推送到 GitHub 远程仓库（源码永久免费存 GitHub） 域名提前转入 Cloudflare 做 DNS 解析（后续三个平台通用加速，一次配置终身用）
步骤 1：首选部署 Cloudflare Pages（永久无限流量，最贴合零成本需求）
- 注册 Cloudflare 账号，进入 Pages 面板，新建项目，授权关联 GitHub 博客仓库
- 平台自动识别 Astro 框架，一键保存部署，生成免费 pages.dev 临时域名
- 后台绑定自有域名，系统自动签发免费 HTTPS 证书，网站正式上线
- 后续更新：Obsidian 改笔记 → 本地 Git 提交 → 推送 GitHub → CF 自动检测、自动构建、自动更新
不限流量，一辈子不会超额扣费，完美匹配极少访客场景
步骤 2：备选部署 Vercel（开发体验好，备用站点）
- Vercel 用 GitHub 快捷登录，导入同一个仓库，自动适配 Astro 配置完成首次部署
- 域名方案：①直接绑自有域名；②域名 DNS 留在 Cloudflare，套 CF CDN 加速 Vercel 源站
- 更新逻辑同上：Git 推送 → Vercel 自动构建更新；免费 100GB/月，亲友访问永远用不完
步骤 3：最后部署 Netlify（备用备选，全平台收尾）
- Netlify 登录 → 导入同一份 GitHub 仓库，填写 Astro 构建目录，一键部署
- 绑定自有域名，开启 SSL；免费 100GB 流量 + 月度构建次数，更新频率完全够用
[!success] 第二阶段全部结束 一套源码，同时在 3 个境外平台上线同一个博客，任意平台宕机可切换访问，全程零开销
4 个陌生名词通俗解释
| 名词 | 大白话 |
|---|---|
| 构建（Build） | Astro 把 Markdown 笔记 + 样式代码一次性编译打包成浏览器能打开的 HTML/CSS 成品网页的过程。本地构建生成 dist 文件夹；云端构建是平台收到 GitHub 新代码后自动打包 |
| 流量 | 用户打开网站时，从服务器下载网页、图片产生的数据大小（单位 GB）。CF Pages 无限免费；Vercel/Netlify 每月免费 100GB，个人亲友访问几乎消耗不到 1GB |
| PV | 页面访问量。1 个人打开 1 次博客 = 1 个 PV。5 个好友各点 2 次 = 10 PV。只有自己+家人，每月几十 PV，免费额度绰绰有余 |
| CDN | 内容分发网络 — 全球各地的缓存服务器集群，把博客网页存到离访客近的节点。国内家人打开博客，不用去美国源站，直接从香港/日本节点获取，速度变快。Cloudflare 自带全球 CDN |
最终日常使用闭环
Obsidian 写随笔/技术笔记 → 本地 Git 保存改动 → 推送 GitHub → CF / Vercel / Netlify 自动构建 + 自动更新线上博客 → 亲友通过域名打开浏览支持与分享
如果这篇文章对你有帮助，欢迎分享给更多人或赞助支持！
音乐
暂未播放