腾讯云开发CloudBase搭建Hexo博客

这是题外话

我的猫猫表情包回来了，稍微研究了下评论插件，然后添加了表情包，不过添加了自定义表情包以后，原来的的表情包就没有了。不过也无所谓，默认的表情包我也有，但是我懒得敲上去。 我的博客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 也正常安装完毕，那么输入

node-v
npm -v

就可以看到对应的版本号了（即会显示版本号及安装无误） 就可以进下一步操作了 さあ、行きましょう。

由于npm在国内比较慢，所以我们安装淘宝的cnmp镜像提高速度

# 安装指令
npm install -g cnpm --registry=https://registry.npm.taobao.org

# 安装完毕后查询安装是否成功
cnpm -v

Hexo搭建

请找你存储的地方然后右键Git Bash，不要随便乱点一个文件夹Git Bash，以免后期找不到文件夹。 好比我的在G盘目录下，右键Git Bash生成myblog文件夹

# 安装Hexo
cnpm install -g hexo-cli

# 查看Hexo是否安装成功
hexo -v

请找一个你觉得合适的地方创建一个文件夹，用来存储Hexo的数据。 如果原数据丢失，你可以用public已上传文件恢复，但是操作可能会麻烦一些。 所以请妥善保管您的文件。

创建好文件夹点进去，然后右键 Git Bash 打开命令行，此时命令行默认就是在这个目录下。 然后执行指令

hexo init

部署的时间根据网络速度以及延迟而定。 因为在执行Hexo初始化时候也会从Github克隆Hexo博客。 然后就是漫长的等待啦（如果你的主机位于香港等非国内，那么应该会快一些）

然后执行安装，安装博客

cnpm install

然后尝试启动一次博客，如果成功，那么就可以配置下面的云服务器啦

hexo g && hexo s

直到出现 http://localhost:4000 代表可以访问 输入这个IP就可以了，如果你在服务器上面搭建，那么localhost请替换为公网IP

请注意有些服务商默认防火墙关闭了端口，请在对应服务商防火墙处打开允许

如果测试完毕那么就可以Ctrl+C关闭应用了，然后开始配置链接云端

安装云开发

在这里强烈安利使用“cnpm”安装，否则咖啡喝完了有时候都不一定安装好了

# 安装云开发CLI
npm i -g @cloudbase/cli

初始化云开发CLI

在这里会自动拉动你的浏览器（打开浏览器），然后自动跳转到授权页面。Linux用户这里必须使用GUI，命令行无法执行

tcb login

授权完毕后，写好文章以及配置好主题后就可以上传了。 上传首先需要编译一下

hexo clean && hexo g

然后等待编译完成就会出现public文件夹，这个就是用户访问的文件夹，我们也只用把这个上传上去即可。 输入下面指令进入public文件夹。

其中 EnvID 请在你的云开发中查找，这是你需要上传到上面的环境ID

cd public
tcb hosting:deploy ./ -e EnvID

等待上传完毕，就可以在腾讯云的云开发中的静态网站托管查询到你上传的文件啦。 访问默认域名就可以看到你的博客在上面运行了嗷~

关于域名绑定

由于我没有备案域名所以根本无法进行测试。 不过云开发有说明如何绑定，看看那里就可以啦。 （默认域名自带SSL的嗷）