将博客挂在到Cloudflare、Vercel、Netlify（二）

前言

Hexo 是一款轻量级的静态博客框架，生成的静态文件可以部署到多个平台，享受免费托管与全球加速服务。本教程将带你将 Hexo 博客部署到以下三大平台，实现零成本与高速访问：

  1. Cloudflare Pages：提供全球分布的 CDN 和 DNS 服务，支持自定义域名和免费 SSL，非常适合静态网站部署。
  2. Vercel：专为前端开发设计，支持快速部署和动态功能，可自动构建和托管静态或动态站点。
  3. Netlify：拥有强大的 CI/CD 工具和插件生态，支持表单处理、重定向等功能，为静态博客提供多样化的增强服务。

一、挂在到Cloudflare Pages

进入 Cloudflare 官网，登录自己的Vercel账号，在 Workers 和 Pages 中选择 Pages 的 连接到 Git

登录你Blog仓库对应的GitHub帐号

保存并部署

到此，就成不挂在到了Cloudflare，现在就可以用Cloudflare分配给我们的域名来访问博客了。

但是，为了方便访问，我们还要给自己的博客添加自己的域名。点击 自定义域名-设置自定义域名

输入自己的访问域名，点击继续，等待域名生效就可以了。

二、挂在到Vercel

进入 Vercel 官网，登录自己的Vercel账号，进行导入Github仓库或者根据模板新建项目。

选择账户，如果没有自己的账户，选择Add Github Account进行添加

选择对应账户

在选择的账户上安装 Vercel

重新进入Vercel官网，右边点击添加项目

找到自己的博客仓库，点击 import

自定义项目名称，再点击 Deploy ，等待部署完成

部署完成之后就可以看到这个界面了，访问Vercel分配给我们的域名就可以访问自己的博客了。（这张图是我的博客网站）

添加自己的域名，点击 Settings - Domains 输入自己的域名再点击 Add

在您的 DNS 提供商上设置以下记录

我以Cloudflare为例，其他不做示范

Vercel会自定申请SSL证书，等待证书生效就可以了

现在就可以用自己设置的域名访问博客了。

三、挂在到Netlify

打开 Netlify 官网，注册账号，点击 Deploy to Netlify ，然后在点击 Add new site ，选择 Import an existing project 。（会用Vercel挂载项目，就会用Netlify）

点击Github，在弹出来的窗口上登陆自己的GitHub账号

找到博客仓库，点击进入

输入项目名称

拉到最下边点击部署

到此，博客就部署完成了，Netlify也会给我们分配一个域名，不过我还是建议使用自己的域名，方法和Vercel添加域名的方法，不能说完全相同，只能说一摸一样。

点击 Domain management

再点击 Add domain alias 添加域名

输入自己的域名

添加DNS记录

我还是以Cloudflare为例

最后，等待证书生效就可以用的用自己的域名访问博客了

四、性能对比与选择

平台 优点 缺点
Cloudflare 全球 CDN、高速解析、自定义域名免费 部署需 Git 仓库支持
Vercel 一键部署、动态支持、自动化强 免费额度对大流量有限制
Netlify 插件生态丰富，支持 CI/CD 高级功能需付费

五、实现真正零成本的秘诀

  1. 选择合适平台：Cloudflare 提供最快的免费全球 CDN。
  2. 配置静态文件缓存：设置 HTTP 缓存控制，加速用户访问。
  3. 绑定自定义域名：使用 Cloudflare 提供的免费 SSL 证书和 DNS。
  4. 自动化部署：结合 Git 推送代码，自动触发构建和部署。

结语

通过 Cloudflare Pages、Vercel 和 Netlify，您可以零成本部署 Hexo 博客并实现全球访问。这些平台均支持免费域名绑定和 HTTPS，有助于提高性能和安全性。根据您的需求选择适合的方案，让博客真正做到高速、稳定、免费运行！

相关文章

无服务器零成本部署个人博客 - Hexo（一）