由于GitHub的访问速度较慢以及有时会卡字体无法显示,我早日便萌生了找国内代理网页托管的想法,一开始想找gitee,但是gitee审核就需要一天,而且网评并不是很好,于是转而投入了腾讯云的怀抱。 腾讯云最近推出了静态页面托管(确实很好用),可惜由于我搞不清静态页面index.html的具体配置,导致屡屡托管失败,最后感谢舍友张铂湛同志的指点迷津。终于恍然大悟,在此记录一下自己的蠢比行为和正确在腾讯云进行托管的具体操作:

更新于2022/6/3: 如果你使用腾讯云托管页面之后网页出现问题,请按F12控制台观察报错信息 如果是jsdelivr报错,请在你的public文件的index.html文件中将最后的jsdelivr相关代码前面的cdn更改为fastly,因为jsdelivr最近被DNS污染了。 具体如下:

1
2
\<script size="300" alpha="0.6" zIndex="-1" src="https://fastly.jsdelivr.net/npm/ribbon.js@1.0.2/dist/ribbon.min.js">
\<script src="https://fastly.jsdelivr.net/npm/animejs@3.2.1/lib/anime.min.js" integrity="sha256-XL2inqUJaslATFnHdJOi9GfQ60on8Wx1C2H8DYiN1xY=" crossorigin="anonymous">

(以上是以我设置的ribbon和鼠标烟花特效为例) 重新托管即可成功(网页部署可能需要2分钟的缓冲期,请不要因为你的网页没有光速布置好而生气)

首先学会区别静态与动态网页

静态页面可以包含动画或者动效(如果他们是来自你自己电脑的json文件),并不是说一动不动死气沉沉的才叫静态页面。 但是如果你的静态页面的某个md/html/json/css文件包含了url链接(也就是说你在运行自己的网站的时候要从别的网站请求资源),它就被称为动态页面。

注意:

大部分的托管网站是不会接受动态托管的 因为网站要用自己的服务器发送你的网页,只会要求你把文件上传给他,然后该网站自己解析你的网页文件之后上传。 如果你的网页编译时包含程序,数据库。那么就不能使用静态托管,但是可以考虑腾讯云的web应用托管。具体文档可以参考官方

如果你是hexo静态网页

准备工作

1.拥有腾讯云账号;(此略) 2.创建云开发环境,获得环境 ID; 3.安装 Node.js;(此略) 4.安装 Cloudbase CLI。

创建环境

打开腾讯云官网,注册,搜索静态页面托管,点击进入。你可以在左侧看到一栏其中包含:

1
Ls:环境,静态网页托管,我的应用,拓展应用

首先点击环境进行构建,点击新建,选择模板(空白模板即可),之后输入环境名(无太大作用),选择hexo配置,之后完成建造。 注意你的环境名,腾讯云提供了复制按键。

安装 Cloudbase CLI

直接在命令终端进行

1
npm i -g @cloudbase/cli

然后输入

1
cloudbase -v

看到版本号说明安装成功 之后在使用cloudbase命令时(cloudbase缩写为tcb),可能会要求你进行登录,cmd会跳转到你的腾讯云网页,扫码登陆绑定即可。

进行静态网页托管

点击静态网页托管,然后点击开启服务(过程持续3-5分钟)。回到你的hexo根目录,在这里构建一次网页

1
2
hexo g
hexo d

之后进入根目录下的public文件夹,在此git bash

1
cloudbase hosting deploy . -e \<你的环境名>  # 把你的该目录下的所有文件上传到了静态网页托管页面

发现自己的静态网页托管界面(网页版)下出现你的public文件夹内的文件时,点击页面上的默认域名即可进入。配置成功。 如果想更改域名,可以去腾讯云购买。