如何将 Hexo 快速部署到云开发静态网站托管

云开发提供了一项静态网页托管的业务(云开发静态托管), 你可以将你的静态资源（HTML、CSS、JavaScript、字体等）上传到云端, 由腾讯云对象储存和边缘CDN进行分开.你可以将它理解成类似 Github Page 的业务.

对比 Github Page 它拥有国内 CDN 节点, 提升了在国内网站的访问速度和稳定性, 基于 Serverless 你也可以实现更多可能和想法.

云开发静态托管提供一个具有免费额度的环境, 1GB 容量和每月 5GB 流量, 这对大部分的个人博客是完全足够的, 这篇文章将教你如何方便的把你的 Hexo 部署到云开发静态网站.

初始化一个 Hexo 博客

我们不过多阐述详细的流程, 因为你可以从搜索引擎和社区找到大量的资料

我们需要一个node和git环境

git 下载

node 下载

安装好环境.我们在本地选择一个目录初始化一个Hexo 博客

hexo init

这个时候我们就有了一个 hexo 博客,你可以更换主题,编辑文章.做任何你想做你可以做的事.

托管到云开发静态网站

我们希望我们的博客被更多的人看到, 这个时候你就需要把你的博客部署到云端, 让所有人都能访问它.

我们首先在云开发控制台需要新建一个环境

开通环境-云开发文档

然后我们需要获得一些必要的信息: secretId , secretKey , envId

secretId 和 secretKey 的获取

secretId 和 secretKey 的获取

envId 的获取

envId 的获取

使用 hexo-deployer-tcb 完成快速部署托管

hexo-deployer-tcb 是我为了方便托管部署编写的一款 Hexo 插件,你可以使用它来更方便进行 Hexo 部署.

在 Hexo 博客目录执行

npm install hexo-deployer-tcb --save

然后编辑目录下的 Hexo 配置文件(_config.yml), 在底部修改并保存远程部署的配置

deploy:
  type: tcb
  secretId: < # your envId >
  secretKey: < # your secretKey >
  envId: < # your envId >

一个例子 deploy: type: tcb secretId: AKIDy72vb123isqCRhYSzqzdw3XGF9XY2oAu secretKey: iz47dbHBCJwSHIRQQNyerK1pDmaGslKZ envId: blog-1b08ba

此时你就可以尽情的食用了

生成静态文件并且部署到云开发的静态网站

hexo d -g

生成静态文件并且部署到云开发的静态网站

如果你的配置正确, 此时你应该可以在腾讯云的 云开发控制台-静态网站托管 查看到你博客的相关文件.

绑定你的自定义域名

静态网站提供了可供测试使用的默认域名，你可以通过默认域名测试访问静态网站。

默认域名有一定的访问频率限制，超过访问频率限制，默认域名将不可访问。

我们建议你绑定自定义的域名, 由于CDN节点在国内,所以你需要确保你的域名已经通过工信部备案.

进入 控制台-静态网站 页面后，选择【设置】，单击【添加域名】，进行域名添加.

添加后，系统会为你自动分配一个以 .cdn.dnsv1.com 为后缀的 CNAME 域名，你需要在域名服务提供商处完成 CNAME 配置，配置生效后，你的托管服务方可使用自定义的域名进行访问.

成功绑定域名

帮助

为什么绑定自定义域名出现错误

腾讯云CDN和静态托管的加速业务存在冲突,如果你在腾讯云的 CDN 配置了域名,则无法在静态网站托管配置自定义域名业务.

解决办法: 删除你在 CDN 的域名,并在静态网站托管重新尝试绑定自定义域名

• 什么是云开发静态网站
• 如何在云开发静态托管绑定静态域名
• Hexo 文档
• hexo-deployer-tcb 错误反馈