腾讯云开发CloudBase搭建Hexo博客

2022-03-16 15:43:58 浏览数 (3)

这是题外话

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

0 人点赞