前端-腾讯云静态网站托管加速 Hexo 博客

发布于 25 天前  80 次阅读


本篇博客讲解使用腾讯静态网站托管的云服务托管 Hexo 静态页面,加速国内访问,搭建完成后效果良好,此操作需要一个已经备案域名,相对于国内服务器部署价格非常便宜,且有免费 CDN 加速。

正好这几天看到了腾讯云的静态网站托管服务,于是萌发将 hexo 托管于此,相对于托管在国内的码云等网站上,还要一年 100 多才能使用自定义域名,此种方案效果更佳,国外的线路继续走 Github Pages。

创建腾讯云开发环境

官方文档:静态网站托管 搭建 Hexo

首先注册登录腾讯云:https://console.cloud.tencent.com/ ,完成后进入控制台,点击云产品 —— 静态网站托管,然后创建一个环境,ok。

静态网站托管
创建云开发环境

插入一下 SSL 证书的申请,若不需要可直接跳过。

现在 https 是基本的需求,我的域名暂时没有 SSL 证书,因此顺便使用了腾讯云申请了免费版 DVSSL 证书,一年有效期,申请过程也非常简单,在云产品 —— 域名与网站 ——SSL 证书中,点击申请免费证书,输入域名、邮箱,然后在域名中添加 txt 记录验证域名所有权,马上就可以申请下来。

申请SSL证书

接着,我们需要使用自己的域名来访问,因此在静态网站托管 —— 基础设置中,我们添加一个自己的域名,如我的为 www.zhyong.cn, 然后等待几分钟,部署完成后,得到一个 CNAME,我的为 www.zhyong.cn.cdn.dnsv1.com,我们需要在域名的服务商里将 CNAME 记录指向此域名,等待生效后,效果如下。

自定义域名部署完成

注意,我们还需要在基础配置中配置一下静态网站的 404 状态码,否则页面找不到不会自动显示 404.html,而是一串代码。我的配置如下:

404页面配置

ok,到此,我们已经完全搭建好了云端环境,接着将 hexo 生成的静态文件推送到创建的环境中即可。

推送本地 Hexo 文件到云端

官方文档参考:新能力 | 云开发 CLI 工具快速入门

首先安装腾讯云的 CLI 工具:

npm install -g @cloudbase/cli

登录:

tcb login

浏览器弹出登录界面,扫码登录即可,这样我们即取得了与云环境的连接,hexo g 生成静态页面后,进入 public 目录,输入命令即可完成上传。

cd public
tcb hosting:deploy ./ -e EnvID

EnvID,即环境 ID,在环境总览里即可查看,替换为自己的即可。

获取环境ID

注意:此方法只能新增或修改博客内容,若删除一篇博客,则此操作不会删除云端的文件。我的解决方法是若删除博客内容,则登录后台将其文件全部删除,然后再执行 tcb hosting:deploy ./ -e EnvID 进行上传。

全部完成!现在,就可以正常访问自己的 Hexo 博客了。

注意:使用此命令只能进行同步增加和修改,若本地删除了一篇博客,则服务端不会同步。
解决方法:若进行删除博客文章的操作,则首先登录腾讯云,手动删除所有文件,然后再进行推送。

网站测速

目前我的网站国外走的是 Github Pages,国内使用腾讯云的静态网站托管服务,使用站长工具 Ping 检测如下:

网站Ping

默认的腾讯云使用 CDN 加速,因此中国各地访问速度都非常快,国外国内线路分开,在全球都有不错的速度。唯一的缺点就是呢,域名需要备案,额。


这是励志成为一个优秀产品经理的的学生的奋斗笔记。