2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议

说明:该篇博客是博主一字一码编写的,实属不易,请尊重原创,谢谢大家!

文章目录


前言

       在上一篇《 2021 搭建一个属于自己的静态网站(Hexo+GitHub Pages)》文章中博主给大家演示了怎么搭建基于Hexo一个静态网站并部署到GitHub Pages, 那么这篇文章主要是给大家讲解演示怎么将 Hexo 网站部署到新版的Coding Pages。

       新版CODING 联合腾讯云 Serverless 团队,开发者提供的便捷、稳定、高拓展性的网站托管服务,提供完整、高效的部署流程;CODING 网站托管服务支持 Jekyll、Hexo 等多种部署框架。静态资源的分发由 腾讯云对象存储 COS 和拥有多个边缘网点的 腾讯云内容分发网络 CDN 提供支持。说白了就是CODING 只负责用户项目代码的托管与推送到腾讯云指定服务器上,其他的所有与 CODING 无关,并且这是需要进行收费,具体请参考 CODING帮助文档

       对于老用户来说(也就是CODING升级前已经部署网站的用户),需要登录 CODING 进行账号升级以及旧版网站升级,新用户直接升级绑定腾讯云账号,新建网站部署即可,废话不多说,我们直接开干 ~


一、旧版升级(老用户)

实操时间 2021年05月14日

1. 升级至腾讯云账号

登录CODING,点击部署项目——持续部署——静态网站,此时会弹出升级账号的窗口,点击升级至腾讯云账号

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
使用微信扫码登录或者创建腾讯云账号

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议

2. 旧版网站升级

1、再次回到持续部署——网站托管——旧版网站列表

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
2、点击升级至新版

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
3、选择代码仓库、分支、目录、网站类型、节点,添加网站域名,如下所示(域名记录值,复制保存一下,在修改域名解析记录值时会用到

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
4、点击确定后,开始部署,部署成功后,可以看到网站基本信息,现在是无法通过自定义域名访问网站的(需要去修改域名解析的记录值为上一步升级网站保存到)但是可以通过 CODING 生成的域名地址,来访问到你部署的网站的(注意:这两个地址都是HTTP协议而不是HTTPS协议

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议

3. 域名解析以及SSL证书申请

1、进入你的域名服务器商(我的是阿里云),需要修改之前CODING升级前绑定的记录值为上一步2.3中升级网站保存的记录值(目前博主该域名解析记录有三个,分别是CODING旧版本时的记录值和Github Pages的github.io域名,除 CODING 的解析记录是正常,其他的为暂停使用),修改确定后就可以通过域名进行访问网站了

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议

2、回到CODING中,点击自定义域名,会看到一个 待验证,点击进入

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
3、跳转到腾讯云SSL证书管理界面,根据提示,点击验证域名,会看到腾讯云提供的 DNS 验证操作,你会看到一个 TXT 记录类型的记录值,需要复制保存

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
4、回到域名控制台中,添加域名记录,将上一步的解析记录,添加完成如下所示(一个是腾讯云提供的 DNS 解析记录,另一个是 CODING 部署提供的 域名记录值,之前的 GitHub Pages 解析记录已删除

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
5、回到腾讯云——SSL证书管理——我的证书,可以看到证书状态是 已签发

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
6、此时你的手机会收到腾讯云发来的消息

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
7、回到 CODING 网站托管——自定义域名中,会看到证书状态由以前的 待验证 到现在的 已颁发 状态

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
8、点击基础配置,这里一定要点击 开启 强制HTTPS ,那么CODING Pages将会把所有使用 HTTP 协议的请求重定向到 HTTPS 协议

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议

9、点击基础信息,就能看到网站域名协议是 HTTPS 了

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议

4. 网站访问验证

完成以上所有操作后,在浏览器输入 cdtaogang.top 就可以看到是 HTTPS 协议的安全访问了,你学废了吗

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议

二、新建网站(新用户)

实操时间 2021年06月05日 - 2021年06月06日

1. 绑定腾讯云账号

1、首先你得有CODING账号,注册或登录账号后,跳转至我的项目,可以看到右下方提示绑定腾讯云账号

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
2、绑定腾讯账号时,如果选择 微信扫码 绑定时提示当前凭据无可用账号,您可以从已关联列表中解绑后,再重新关联。,造成这个原因是博主的 CODING 账号已经绑定过此微信的该腾讯云了,所以提示了这个

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
3、博主为了给大家演示,只好用老婆的微信腾讯云账户进行绑定即可,绑定成功如下

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议

2. 团队实名认证

1、右上角头像——团队管理——高级设置——实名认证(实名认证前需要绑定手机号),绑定手机号成功后,就可以实名认证了,认证成功后如下所示

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
2、在这个给大家说明一个事情,因为 CODING 绑定相同邮箱、手机或微信的账号之间可切换。,即在左上角可以看到有博主的另一个 CODING 团队(团队即账户,hellocdtaogang 团队是给大家演示的账号,而cdtaogang 团队是博主实际使用账号)

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议

3. 创建项目

1、点击左上角LOGO,进入主页——点击项目——创建项目

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
2、选择项目模板——全功能DevOps项目

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
3、填写项目基本信息,需要注意的是项目标识决定你的项目地址

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议

4. 创建代码仓库

1、点击代码仓库——创建代码仓库,如下图所示

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
2、输入仓库名,根据个人情况选择是否开源,完成创建

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
3、完成创建后,会出现代码仓库地址,点击切换到 SSH 地址,复制保存一下,后面推送本地代码到 CODING 仓库会用到

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议

5. 配置 SSH 公钥

1、鼠标移动到右上角头像,点击进入个人账户设置——SSH公钥——新增公钥

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
2、查看本地中 git 公钥,输入以下命令,复制公钥(为避免公钥格式变乱,复制后,最好是先粘贴到记事本上,再复制记事本上的公钥,最后粘贴到页面上

cd ~/.ssh
ls
cat id_rsa.pub

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
3、回到 CODING 中,将以上复制的公钥粘贴到公钥内容框中,公钥有效期根据自己需求选择(默认是三个月,可以自定义,也可以永久),最后点击确定

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
4、配置成功后,会出现如下页面并且账户邮箱地址会收到 CODING 的通知,如下图所示

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
5、完成后在命令行测试,首次建立链接会要求信任主机

ssh -T git@e.coding.net

若出现以下提示,则证明配置成功

CODING 提示: Hello hellocdtaogang, You’ve connected to coding.net via SSH. This is a Personal Key.
hellocdtaogang,你好,你已经通过 SSH 协议认证 coding.net 服务,这是一个个人公钥.
公钥指纹:05:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:fb:3c

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议

6. 配置 _config.yml

1、进入 Hexo 目录(我的是:E:\cdtaogang_hexo\myblog),打开 _config.yml 配置文件,找到 deploy 部署,修改其中 repo 仓库地址为 第 4 步创建代码仓库的 SSH 地址

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议

7. 推送代码到 CODING 仓库

1、修改 _config.yml 配置文件并保存后,进入 Hexo 目录(我的是:E:\cdtaogang_hexo\myblog),执行 hexo clean 清理一下缓存,然后执行命令 hexo g -d 生成静态文件并部署到代码仓库上

hexo clean
hexo g -d

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
2、回到 CODING 上,点击左上角的 logo 进入主页——项目——点击进入项目(前面第 4 步创建的项目)——代码仓库,如下图所示

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
3、最后点击仓库名进入,就能看到提交的 Hexo 代码文件了

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议

8. 持续部署

1、点击——持续部署——网站托管——新建网站(如果页面上方出现红色提示信息,多次刷新当前页面即可,前提是完成了第 1、2 步骤

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
2、按如下图进行选择,需要注意的是(如果部署区域选择的是非香港地区,配置自定义域名时需要自行备案,如不备案,则会部署失败。),如果要选择 北上广 则需要对绑定的域名进行备案,不然无法部署

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
3、点击确定后,稍等一会儿,或者刷新当前页面,会出现部署成功的网站列表,如下所示

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
4、点击访问后,会看到你部署的Hexo网站,这个网站地址是由 系统服务器 自动生成的地址

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
5、回到网站托管界面,点击网站列表框上的 > 或者空白处,即可进入网站详情页面

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议

9. 自定义域名

1、点击自定义域名——新建域名,填写你购买的域名,点击确定即可

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
2、确定后,会出现一个弹窗,这个弹窗中会显示 主机记录记录类型记录值以及dns状态,(因为目前没有进行域名解析,所以这个dns状态为 红叉,当前窗口先不用关闭,每个 5 秒钟会刷新 dns 状态),记录值需要点击复制,下一步域名解析需要

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议

10. 域名解析

1、登录你购买的域名服务商网站(我的是 阿里云),进入控制台——域名管理中——找到你绑定的域名,点击解析

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
2、域名解析完成后,刷新页面回到网站基本信息页面,可以看到 访问地址 一栏出现了我们绑定的域名

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
3、访问该域名,可以看到我们部署的 Hexo 网站,那么域名解析成功

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议

11. 添加 SSL 证书

1、通过绑定的域名可以访问到我们的网站,但是请求的是 HTTP 不安全协议(从上图可以看到),此时点击自定义域名,我们可以看到证书状态是 审核中 状态

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
2、点击证书 审核中 状态,扫码登录腾讯云,登录成功会自动跳转到 我的证书 页面,点击 域名验证

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
3、在证书申请页面,根据提示信息,在列表中的域名中添加主机记录、记录类型和记录值

验证方式   DNS验证
需您手动为域名添加一条解析记录,操作简单,验证速度较快。

验证操作   您将有3天时间完成DNS解析记录的添加,否则审核将会失败。请您尽快添加DNS解析记录,扫描认证通过后即可颁布证书。
请添加如下解析记录 操作指引

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
4、域名解析——添加记录,填写以上主机记录、记录类型和记录值即可

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
5、让子弹飞一会儿,你的腾讯云绑定的手机微信,会提示你SSL证书已审核通过并成功颁发,即说明证书验证通过了

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
6、返回到 我的证书 页面,可以看到 已签发 的证书,但是该证书的 关联资源 为空,也就是没有任何关联(旧版网站升级到新版网站,申请SSL证书成功后,会自动关联的

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
7、点击操作——部署

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
8、选择部署类型——内容分发网络——提交即可

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
9、配置成功——点击确定即可

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
10、回到 我的证书 页面,就能看倒关联资源显示数目为1,资源为 内容分发网络

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
11、此时回到 CODING 自定义域名中,刷新网站,可以看到 证书状态 变为了 审核通过

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议

12. 成果验证

1、完成以上所有操作后,访问 www.cdtaogang.icu 还是 HTTP 协议请求,原因是我们没有重新部署(从上图红框中可以看到)

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
2、点击右上方的 部署 即可进行部署操作(当你修改本地Hexo 代码后,推送到代码仓库后,也是需要点击 部署 的,不然无法更新至最新代码

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
3、部署成功,也就是构建成功,过个几分钟刷新页面,查看日志

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
4、部署成功后,访问 www.cdtaogang.icu 或者 cdtaogang.icu 会自动变成 HTTPS 请求(如果重新部署后,访问网站未发现协议是 HTTPS 则需要在自定义域名中,点击关闭 强制 HTTPS 后,再开启即可

2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议
2021 部署 Hexo 到(新版)CODING Pages 并实现全站 HTTPS 协议

结论
       不管是CODING 旧版网站升级还是新建网站,在选择节点为香港区域部署的时候,也会出现网站无法访问的情况。由于腾讯云gfw管控限制导致的,之前没有限制在5月26号开始限制的。

       解决方法(一):
       选择 北上广 节点区域,那么就需要对域名进行备案后,再重新创建一个新网站,选择 北上广 节点即可;
       解决方法(二):
       在腾讯云上开启全球加速CDN,具体情况可以来电咨询腾讯云客服 4009100100

上一篇:coding代码仓库的配置和代码上传


下一篇:vue-easy-table的rowkey设置及行单选