前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >腾讯云开发CloudBase搭建Hexo博客

腾讯云开发CloudBase搭建Hexo博客

作者头像
筱锋xiao_lfeng
发布2022-03-16 15:43:58
9730
发布2022-03-16 15:43:58
举报

这是题外话

我的猫猫表情包回来了,稍微研究了下评论插件,然后添加了表情包,不过添加了自定义表情包以后,原来的的表情包就没有了。不过也无所谓,默认的表情包我也有,但是我懒得敲上去。 我的博客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查阅,此图仅参考。请查阅官方当时实际计费表。

  • 按量计费

然后选择你要的部署环境,我在这里选择的是 Express 应用 ,理论 Koa 应用 也可以,但是我没试过。

当你确认后,等待部署完毕就可以进入后台查看啦

本地准备

必要环境部署

下载NodeJs,建议官网下载,LTS长期支持版即可 其次下载Git,虽然没有后面没有直接用到git的操作,但是用npm下载hexo时候需要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的嗷)

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-08-14,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 这是题外话
    • 本次搭建配置
    • 准备工作
      • 流程模式图
        • 搭建云环境
          • 本地准备
            • 必要环境部署
            • Hexo搭建
        • 安装云开发
        • 关于域名绑定
        相关产品与服务
        云开发 CloudBase
        云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档