「Hugo 博客搭建」3.博客加速和自定义域名

使用 Github Action 配置 好就可以写博客并发布了，但是使用 Github Page 有以下弊端：

• 国内某些地区访问不稳定，速度也时好时坏，所以需要加速一下
• Github 屏蔽了百度蜘蛛，百度可能无法抓取里面的内容、从而导致网站迟迟不被收录，也无法被搜索

经过搜索对比后发现现在免费的、速度比较快的、方便使用的加速网站有2个：

• Vercel 大佬云集，公司不差钱
• Netlify

它们都同时具备以下优点：

• 在全球都有很多CDN节点，访问速度快并且免费额度也够博客使用
• 可以自定义域名，自动拉取部署，使用简单
• 可以使用 Github、Gitlab、Bitbucket、Email 注册，直接导入这些网站的项目
• 很多知名开源项目都在使用，平台比较成熟
• 融资较多，不易倒闭

最后，我选择了 Vercel。

注册 Vercel

现在注册需要绑定 Github 和 手机号，支持国内手机号。

导入 Github 项目自动部署

1. 打开 主页面板 -> Add New... -> Project ，选择博客项目

2. 选择 Select a Git Namespace 下拉菜单 -> Add Github Account

3. 在弹出的页面上授权访问所有 Github 仓库，再点击 Install

4. 再选择自己的 Github账号，我的是 ludard，选择后就会列出所有仓库包括私有仓库。然后选择 Import 博客项目 ludard.github.io

5. 再直接 Deploy 部署。如果项目是 Hugo 源码，可以在 FRAMEWORK PRESET 选择 Hugo。其它项目如 Hexo、Vue、Next.js等也都支持

打开 Vercel Overview 页面 和 Deploy 页面发现当前 Production 获取的 Github 的 main 分支，而不是网站内容 ph-pages 分支。所以，需要将 ph-pages 设为生产分支才能正常显示。

打开 ludard-github-io 项目 -> Git -> Production Branch 设置为 gh-pages -> Save 保存。这样等待 Vercel CI 自动部署完成后博客内容就正常显示了。

设置自定义域名

部署完成后，就可以设置绑定自己购买的域名了。

注意：*.vercel.app 域名在国内因为政策原因被禁了，所以所有子域名都不能访问。不能打开 user-xxx.vercel.app 是正常的，绑定自己的域名就可以快速访问了。

1. 打开 ludard-github-io 项目 -> Settings -> Domains -> 输入自定义域名 ludard.com -> Add

   

2. 在弹出窗口选择第2项 Add ludard.com and redirect www.ludard.com to it，默认使用 ludard.com 域名，如果输入 www.ludard.com自动跳转到 ludard.com。再点击 Add确定

   也可以添加二级域名比如 blog.ludard.com，我主要是技术博客就直接作为主页了

3. 添加后出现解析错误，是因为域名DNS服务器没有添加 CNAME记录，按错误提示的DNS信息添加2条记录就可以了

4. 我的域名是阿里云的，打开阿里云控制台 -> 域名 -> 域名解析 -> 点击博客域名ludard.com -> 解析设置

   

5. 在打开的页面中点击 添加记录，添加以下2条记录：

   Type	Name	Value
   CNAME	www	cname.vercel-dns.com
   A	@	76.76.21.21

   Value 是 Vercel 解析错误后提示的需要添加的值

   

   

   

   

6. 添加完成后，再打开 Vercel 域名就看到解析正常了

   

7. 再打开 Overview 页面，检查所有设置都正常，网页快照也显示正常

   

8. 在浏览器输入自己的域名网址 ludard.com 和 www.ludard.com 一切正常。

   

9. 再测试一下全国的网络访问速度，发现绝大部分地区都非常快。Nice！

   

10. 再测试一下世界各地区的访问速度，大部分也是非常快的。

11. 然后就可以愉快的写博客了。DONE！

后记：2022年9月底使用 Vercel 加速一个月了一切正常，没有出现封锁、卡慢的情况。