当Hexo遇到云开发CloudBase,搭建静态博客,如此简单

一、前言

对于使用和接触过hexo博客的人应该都有一个痛点吧,因依赖于github pages服务,国内的响应总是有那么不少的地区很慢甚至无法访问,后来Gitee网站中的giteepage服务也暂停开放了好长时间 ,codingpages,这个服务在用了一段时间之后,发现最后也找不到入口了,最近发现腾讯云有了个新的服务是“云开发”可以部署静态网站。与是乎就去看了下官方文档,眼前一亮,想着, 有了这个腾讯云开发CloudBase,还要啥github pages服务呀,于是就着手在腾讯云开发上搭建一个Hexo博客来。

二、操作步骤

1、开通配置腾讯云开发TCB

首先登录腾讯云,在产品控制面板中找到云开发CloudBase——立即使用,进入云开发授权开通页面,授权相关权限并开通服务,在角色管理中,我们点击“同意授权”,具体细节请大家,去查看官方文档,这里就不赘述了。


2、腾讯云开发环境的创建

在腾讯云开发控制台,页面上点击新建按钮,然后选择Hexo博客应用模板。然后点击下一步,然后填写云开发环境的相关信息,目前可选区域只有上海和广州,还需要给这个环境取个英文名称,网络设置采用系统默认配置就好,最后点击立即开通按钮,等待云开发环境初始化完成。如下图所示!

图一:点击新建按钮

 图二:选择腾讯云开发,已经提供的Hexo应用模板后,点击下一步

 图三:填入新的应用环境参数,目前地域只可选,广州和上海,计费方式是按量计费。

 图四中的网络配置,选择系统默认配置即可,然后点立即开通。

 首次使用腾讯云开发,是有免费额度可以领取的,还有答题领流量的活动,对于新手前期学习与调试,足够使用。
3、使用默认默认域名访问服务,当然也可以使用自定义域名,但是自定义域名,需要通过个人ICP备案,才能清加到腾讯云开发环境上去使用。

 以上我们就用腾讯云开发提供的默认域名打开了Hexo博客的默认首页,至此我们就在腾讯云开发CloudBase上快速上手,很轻松的搭建一个静态的hexo博客,全程没有手敲复杂的程序代码,新手小白也能很轻松的完成,可以开始愉快的写作了。

三、CloudBase CLI工具使用方法

CloudBase CLI 是云开发(Tencent CloudBase,TCB)开源的命令行界面交互工具,用于帮助用户快速、方便的部署项目,管理云开发资源。

1、安装

首先检查自己电脑Windows系统有没有安装node.js环境,检查方法,按键盘上Win+R键,然后输入cmd调出命令行窗口,输入 node --version,然后有看到输出node.js版本号,即表示,有node.js环境。如果没有安装,就需要去node.js官网上去下载,建议选择 LTS 版本,版本必须为 8.6.0+。如下图

然后输入npm i -g @cloudbase/cli命令并回车,开始安装 CloudBase CLI 工具。安装结束后,使用tcb -v验证,结果有输出CloudBase CLi工具版本号,即表示安装成功。如下图

2、上传本地Hexo博客的内容

首次使用CloudBase CLI 工具时,需要用tcb login命令登录,然后在弹出的云开发授权页面中完成一个授权的动作,然后才能使用此工具的其它命令。如下图

在本地Hexo博客,已经写好的文章内容,且已经用Hexo命令编译好后,文件都会存在hexo博客根目录下的public文件夹然后,我们用tcb命令来上传hexo更新的内容。我们需要在public目录下面执行这个命令。

tcb hosting deploy ./ -e -r gz hexoblog-1234555

上述命令中gz,就是我们在创建云开发环境时,广州的拼音缩写,上海就是sh ,最后面一串字符,就是云开发环境ID,这个在我们创建的云环境的概述里面,可以找到。

四、总结

至此我们就完成了,在腾讯云开发CloudBase搭建Hexo博客的全部流程,从0到1,全程没有复杂的程序代码,没有依赖githubpage,新手小白很容易上手,而且,流量小的网站,只是记录自己生活点滴的,可以省下购买云服务器的钱。

 

 

 

 

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
Hexo是一个基于Node.js的静态博客框架,可以帮助你快速搭建个人博客。在Mac上搭建Hexo个人博客的步骤如下: 1. 安装Node.js:首先确保你的Mac上已经安装了Node.js,可以在终端中输入`node -v`来检查是否已经安装。如果没有安装,可以去Node.js官网下载并安装。 2. 安装Hexo:在终端中输入以下命令来安装Hexo: ``` npm install -g hexo-cli ``` 3. 创建博客:在终端中选择一个合适的目录,然后执行以下命令来创建一个新的Hexo博客: ``` hexo init myblog cd myblog npm install ``` 4. 配置博客:在博客目录下找到 `_config.yml` 文件,使用文本编辑器打开进行配置。你可以设置博客的标题、描述、作者等信息,还可以选择主题和插件。 5. 编写文章:在终端中执行以下命令来创建一篇新文章: ``` hexo new "My First Post" ``` 这将在 `source/_posts` 目录下创建一个新的Markdown文件,你可以使用Markdown语法来编写文章内容。 6. 生成静态文件:在终端中执行以下命令来生成静态文件: ``` hexo generate ``` 生成的静态文件将会存放在 `public` 目录下。 7. 预览博客:在终端中执行以下命令来启动Hexo服务器并预览博客: ``` hexo server ``` 然后在浏览器中访问 `http://localhost:4000` 就可以看到你的博客了。 以上就是在Mac上使用Hexo搭建个人博客的基本步骤。如果你想了解更多关于Hexo的详细配置和使用方法,可以查阅Hexo官方文档。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

你隔壁80后学长

你的鼓励,是我创作的最大动力!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值