hexo部署到vercel和服务器多线路解析

一、前提准备

阅读此文章之前,你可能需要首先阅读以下的文章才能更好的理解上下文。

如果你需要购买服务器并安装宝塔面板,可以看下这个文章

二、Vercel是什么

1.关于vercel

Vercel 是一个云服务平台,支持静态网站和动态网站的应用部署、预览和上线。如果你用过 GitHub Pages ,那么心里可能不会太陌生,但你也能通过 vercel 集成 GitHub 后,在 GitHub 项目进行代码推送,PR合并自动部署的目的,且你不需要考虑服务器问题。

2.Vercel 优势

随便说几条,还有很多

  1. 个人版永久免费,每个月 100G 流量(别人访问你的项目所耗费的流量),个人项目部署完全够用
  2. 因为内置构建流程,支持代码推送、PR 自动触发构建,不同分支唯一地址,方便测试。
  3. 支持本地、测试、生产三种环境部署,仅仅是命令区别,上手成本极低。
  4. 相比于GitHub Pages,国内访问Vercel的速度更快(要绑定自己的域名)

3.Hexo部署方式

下面讲述两种部署方式

  1. 直接导入hexo项目文件,vercel 会自动检测并为项目所用的框架设置最佳构建配置和部署配置
  2. 直接部署hexo生成的静态文件,部署速度较快,直接使用GitHub Pages的仓库文件就行

下面将使用第二种部署方式进行

三、注册Vercel和部署

注册

注册的方式很简单,如果你有Github账号,那将会非常方便

注册 – Vercel

跟着图片走,在弹出的窗口中点击继续

至此我们已经注册完毕

部署

我们创建一个新项目

选择我们之前的GitHub Pages仓库

配置你的项目名字(不可以大写和另类符号),直接部署

添加域名

vercle的域名国内被墙了,所以我们需要添加自己的域名

我们可以在首页找到我们刚刚创建的项目,点击右上角三个点,点击settings

添加域名前我们先去解析一下(😂) 主机记录 www 记录类型 CNAME记录值推荐填写 cname-china.vercel-dns.com.

回到vercel 我们在settings中点击Domains,并添加我们的域名 (vercle的域名国内被墙了)

这个我不解释了,我不需要重定向我就直接添加了

添加完后会自动配置SSL证书,我们就等待就好了

完成后直接打开就可以访问了

速度对比

Vercel

Github Pages

这个速度还是不够好,因为我有备案,所以我们国内可以解析到自己的服务器上

四、分线路解析

添加解析

这个需要看我们的DNS域名商支持不支持,不支持就转到DNSPOD或者我用的云盾都可以

以云盾为演示找到我们的域名解析控制台

直接添加一条 A 解析 主机记录www记录值服务器ip,线路类型选择中国大陆

解析完后我们接着去看看速度,可以看到IP多了一条,速度也是非常快了,基本全绿了

五、部署CDN保护源站

我们也可以给我们的服务器套上CDN防护,避免被人打我们的服务器IP,还能隐藏源站

推荐一下兄弟站的自建CDN (公益项目,免费也能用)

六、结束

以上内容仅记录所用,不保证后续还能打开