这是题外话
我的猫猫表情包回来了,稍微研究了下评论插件,然后添加了表情包,不过添加了自定义表情包以后,原来的的表情包就没有了。不过也无所谓,默认的表情包我也有,但是我懒得敲上去。 我的博客Hexo更新也差不多完事了,准备告一段落了。 还有半个月我就开学啦,真快啊,我都快不适应了QAQ
这个博客主题太喜欢了qwq,用的很舒服。(除了MarkDown语法的数学相关的没有去学过,其他基本都没有什么问题qwq[Nice])
嘛,写这个主要是刚好别人找我说能不能用腾讯云云开发CloudBase的静态网站托管来搭建Hexo博客
毕竟Hexo博客是通过NodeJs编译出来的静态网页,也就是说完全可以用静态网站托管方式来的,所以我就尝试一下。
本次搭建配置
- 本地配置 配置名 配置参数 虚拟化 Vmware Worksation 15.x 系统 Microsoft Windows 10 Pro CPU Inter(R) i5-4440 @3.10Ghz 2Core 内存 kingston DDR3 4G NodeJS 12.18.3 LTS npm 6.14.6 Hexo-cli 4.2.0
- 云开发配置 配置名 配置参数 云储存 5G 数据库储存 2G 云函数数据量 4万GBs 网站存储 1G
准备工作
此内容针对Windows用户,Linux用户理论可行,但是后面一些操作需要有GUI的Linux用户才有可能执行,纯命令行无法执行
嗯对,你需要一个腾讯云账号 因为我以前的域名是腾讯云买的,后来转入阿里云旗下,嘛所以有腾讯云的账号。 其中云开发连接 https://cloud.tencent.com/solution/la
腾讯云云开发CloudBase中绑定域名需要已备案域名,所以没有备案的域名只能使用默认测试IP(或者放弃吧)
流程模式图
这个应该能方便理解 参考图
搭建云环境
然后后点击 立即创建并使用 创建一个云开发的环境 至于是按量计费还是包年包月就看你自己选择了,建议请看好计费详情。 不要钱哪里扣了自己没点数
此计费表为2020-08-14查阅,此图仅参考。请查阅官方当时实际计费表。
- 按量计费
- 包年包月 https://cloud.tencent.com/document/product/876/18864
然后选择你要的部署环境,我在这里选择的是 Express 应用 ,理论 Koa 应用 也可以,但是我没试过。
当你确认后,等待部署完毕就可以进入后台查看啦
本地准备
必要环境部署
下载NodeJs,建议官网下载,LTS长期支持版即可 其次下载Git,虽然没有后面没有直接用到git的操作,但是用npm下载hexo时候需要git
- NodeJs官网
- Git官网
两者都是一路往下Next即可,无需多做什么配置。 两者都下载完毕且安装完毕后,鼠标右键就可以看到 Git Bash 打开那个。
如果你的 NodeJs 也正常安装完毕,那么输入
代码语言:javascript复制node-v
npm -v
就可以看到对应的版本号了(即会显示版本号及安装无误) 就可以进下一步操作了 さあ、行きましょう。
由于npm在国内比较慢,所以我们安装淘宝的cnmp镜像提高速度
代码语言:javascript复制# 安装指令
npm install -g cnpm --registry=https://registry.npm.taobao.org
# 安装完毕后查询安装是否成功
cnpm -v
Hexo搭建
请找你存储的地方然后右键Git Bash,不要随便乱点一个文件夹Git Bash,以免后期找不到文件夹。 好比我的在G盘目录下,右键Git Bash生成myblog文件夹
代码语言:javascript复制# 安装Hexo
cnpm install -g hexo-cli
# 查看Hexo是否安装成功
hexo -v
请找一个你觉得合适的地方创建一个文件夹,用来存储Hexo的数据。 如果原数据丢失,你可以用public已上传文件恢复,但是操作可能会麻烦一些。 所以请妥善保管您的文件。
创建好文件夹点进去,然后右键 Git Bash 打开命令行,此时命令行默认就是在这个目录下。 然后执行指令
代码语言:javascript复制hexo init
部署的时间根据网络速度以及延迟而定。 因为在执行Hexo初始化时候也会从Github克隆Hexo博客。 然后就是漫长的等待啦(如果你的主机位于香港等非国内,那么应该会快一些)
然后执行安装,安装博客
代码语言:javascript复制cnpm install
然后尝试启动一次博客,如果成功,那么就可以配置下面的云服务器啦
代码语言:javascript复制hexo g && hexo s
直到出现 http://localhost:4000 代表可以访问 输入这个IP就可以了,如果你在服务器上面搭建,那么localhost请替换为公网IP
请注意有些服务商默认防火墙关闭了端口,请在对应服务商防火墙处打开允许
如果测试完毕那么就可以Ctrl C关闭应用了,然后开始配置链接云端
安装云开发
在这里强烈安利使用“cnpm”安装,否则咖啡喝完了有时候都不一定安装好了
代码语言:javascript复制# 安装云开发CLI
npm i -g @cloudbase/cli
初始化云开发CLI
在这里会自动拉动你的浏览器(打开浏览器),然后自动跳转到授权页面。Linux用户这里必须使用GUI,命令行无法执行
代码语言:javascript复制tcb login
授权完毕后,写好文章以及配置好主题后就可以上传了。 上传首先需要编译一下
代码语言:javascript复制hexo clean && hexo g
然后等待编译完成就会出现public文件夹,这个就是用户访问的文件夹,我们也只用把这个上传上去即可。 输入下面指令进入public文件夹。
其中 EnvID 请在你的云开发中查找,这是你需要上传到上面的环境ID
代码语言:javascript复制cd public
tcb hosting:deploy ./ -e EnvID
等待上传完毕,就可以在腾讯云的云开发中的静态网站托管查询到你上传的文件啦。 访问默认域名就可以看到你的博客在上面运行了嗷~
关于域名绑定
由于我没有备案域名所以根本无法进行测试。 不过云开发有说明如何绑定,看看那里就可以啦。 (默认域名自带SSL的嗷)