📖 本教程主要基于Hexo解决静态博客访问速度很慢的问题
🚀 食用完本教程,你博客的访问速度可以起飞了。

腾讯云是按量计费,小伙伴们使用时一定要三思而后行!!!

开始

腾讯云

搜索静态网站托管

CloudBase

点击静态网站托管

创建环境并填写环境名称,并且一定要勾选免费创建按量计费环境, 腾讯云对首个环境免费一个月!!!

CloudBase

创建完成

使用 NPM全局安装

CloudBase

安装CloudBase CLI

前提是已经安装了Node.js,腾讯云建议选择版本为 LTS,版本必须为 8.6.0 +

使用 NPM全局安装

npm i -g @cloudbase/cli

测试安装是否成功

cloudbase -v

再多了解help命令

为了简化输入, CloudBase 命令可以简写成 tcb
tcb 是云开发产品英文的简称:Tencent Cloud Base

tcb -h
由于我已经安装过,所以安装的过程我就不具体演示了

CloudBase

登录

首先登录您的腾讯云账号,在获取到您的授权之后, CloudBase CLI 才能操作您的资源
CloudBase CLI 提供了两种获取授权的方式, 云开发控制台授权以及腾讯云-云API密钥授权

tcb login

CloudBase

CloudBase

腾讯云-云API密钥

CloudBase

tcb login --key

或者

tcb login --apiKeyId xxx --apiKey xxx

CloudBase

查看所有环境

cloudbase env:list

CloudBase

上传静态资源的两种方式

上传的是hexo生成文件的目录public, 而不是hexo根目录

CloudBase

CloudBase

CloudBase

全量部署 (推荐全量部署,即使第二次部署也会全部覆盖静态文件和文件夹)

云开发 CLI 提供了直接部署网站文件的命令,在您需要部署的文件夹目录下,直接运行 hosting:deploy 命令即可将当前目前下所有的文件部署静态网站中

# 部署全部文件
# envId对应的是环境 Id
cloudbase hosting:deploy -e envId

CloudBase

部署文件

您还可以指定文件/文件夹,使用 CLI 上传到静态网站中的指定路径,当不指定 CloudPath 时,文件将被上传到根目录下

### 部署文件到指定目录
cloudbase hosting:deploy localPath cloudPath -e envId
### 将 hosting 目录下的所有文件部署到根目录
cloudbase hosting:deploy hosting -e envId

### 将 static 目录下的 index.js 文件部署到 static/index.js
cloudbase hosting:deploy ./static/index.js static/index.js -e envId

服务信息

您可以使用下面的命令展示静态网站的状态,访问域名等信息

cloudbase hosting:detail -e envId

删除文件

您可以使用下面的命令删除静态网站的存储空间中的文件或文件夹

cloudbase hosting:delete cloudPath -e envId

查看文件列表

您可以使用下面的命令部署展示静态网站存储空间中文件

cloudbase hosting:list -e envId

关于路径

  1. localPath为本地文件或文件夹的路径,为目录/文件名的形式,如./index.js,static/css/index.css
  2. cloudPath为文件或文件夹的相对根目录的路径,为目录/文件名的形式,如index.js,static/css/index.js
Windows 系统中 localPath 为本地路径形式,是系统可以识别的路径,通常使用 \ 分隔符, cloudPath是云端文件路径,均需要使用 / 分隔符

设置自定义域名

自定义域名需要备案

添加域名, 如果没有证书话去申请一个免费的SSL

CloudBase

域名解析

CloudBase

CloudBase

CloudBase

没有对比就没有伤害

网站测速

CloudBase

CloudBase

CloudBase

由于我没有使用Coding托管,所以暂时没有对比,后续会更新

腾讯云官方文档