【玩转腾讯云】九.云开发CloudBase快速上手hexo博客

2020-04-20 10:43:59 浏览数 (2)

简介

对于使用过hexo博客的人应该都有一个痛点吧,因依赖于github pages服务,国内的响应总是有那么不少的地区很慢甚至无法访问,最近发现腾讯云有了个新的服务是“云开发”可以部署静态网站。

云开发(Tencent CloudBase,TCB)是云端一体化的后端云服务 ,采用 serverless 架构,免去了移动应用构建中繁琐的服务器搭建和运维。同时云开发提供的静态托管、命令行工具(CLI)、Flutter SDK 等能力极大的降低了应用开发的门槛。使用云开发可以快速构建完整的小程序/小游戏、H5、Web、移动 App 等应用。 


【前期文章】

【玩转腾讯云】一.半小时轻松搭建属于自己的Discuz论坛

【玩转腾讯云】二.基于CVM服务器轻松部署PostgreSQL数据库

【玩转腾讯云】三.云端轻松构建部署WordPress网站应用

【玩转腾讯云】四.使用云服务器CVM轻松部署Node.js

【玩转腾讯云】五.手把手教你用VNC搭建Ubuntu可视化界面(一)

【玩转腾讯云】六.3分钟打造个人专属云盘,速度吊打某云盘

【玩转腾讯云】七.基于CVM快速搭建部署属于自己的维基百科

【玩转腾讯云】八.一分钟快速上手搭建宝塔管理面板

【玩转腾讯云】九.云开发CloudBase快速搭建hexo博客


操作步骤

一.开通配置云开发TCB

① 在产品控制面板中找到云开发CloudBase——立即使用,进入云开发授权开通页面

② 授权相关权限并开通服务

③在角色管理中,我们点击“同意授权”

④ 立即创建云开发环境

选择创建环境的方式、环境的名称、以及计费的方式并勾选"开启免费资源" 立即开通,如下图所示

按量计费开通完毕~我们点击关闭即可

创建的环境正在初始化中....

初始化完毕...

二.开启静态网站托管服务

2.1 开启静态网站托管服务

点击云开发CloudBase控制台面板——静态网站托管——开始使用

正在开通静态网站服务中...(静态网站服务初始化需要大约3分钟的时间,我们耐心等待下)

初始化完毕以后,如下所示,这里的基础web环境算是创建好了,接下来就是将hexo的文件上传到云开发,虽然这里有上传文件选项,但我觉的,不是每人都想体验龟速的效率吧?你知道嘛?其实云开发有相对应的cli工具,简单理解就是命令行工具,相对来说功能更强大

三.安装配置云开发CLI工具

3.1 使用npm/yarn安装方式安装CLI工具

执行如下命令进行安装云开发CLI工具,下面提供了两种安装方法,可根据自身的实际情况而安装

代码语言:go复制
#方法一 使用npm安装:
npm i -g @cloudbase/cli

#方法二 yarn安装:
yarn global add @cloudbase/cli

注意:
如果 npm install -g @cloudbase/cli 失败,您可能需要修改 npm 权限,或者以系统管理员身份运行如下代码:
sudo npm install -g @cloudbase/cli

运行安装程序结束后执行以下命令测试安装成功:

代码语言:javascript复制
tcb -h

之后输入以下命令以获取key并登录自己的账户,(PS:注意你刚刚开通云开发的浏览器建议是使用的默认浏览器,如果不是,请使用默认浏览器登录一下腾讯云,然后命令行输入以下命令以登录)

代码语言:javascript复制
tcb login

输入后会跳转网站并需要你的授权,点击确认就OK了。

四.上传hexo文件到云开发

我们输入以下命令得以实现将hexo文件到云开发:

代码语言:javascript复制
cloudbase hosting:deploy public -e <你的云开发环境ID>      //public是hexo博客目录下hexo
生成静态文件的文件夹,云开发id是云开发实例的名字,也可在环境-->环境设置中查看到

五.访问基于云开发生成的Hexo博客

5.1 输入静态网站托管中的域名信息进入博客

具体的域名信息为下图所示:

将上述的域名信息中的默认域名输入到浏览器中,即可查看我们基于云开发CloudBase搭建的hexo博客啦~

0 人点赞