腾讯云提供静态网站托管:免费安装Hexo

Hexo 是什么?

Hexo 是一个快速、简洁且高效的博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在其他平台上,是搭建博客的首选框架。除了在 Github Pages 部署以外,现在你有了一个新的选择,那就是使用云开发静态网站功能来部署啦!

 

了解云开发静态网站托管

静态网站托管(Website Hosting,WH)是由云开发提供的便捷、稳定、高拓展性的托管服务,您无需自建服务器,即可一键部署网站应用,将静态网站发布到全网节点,轻松为您的业务增添稳定、高并发、快速访问等能力。此外,您还可以结合云开发的云函数、数据库等能力,将静态网站扩展为带有后台服务端的全栈网站,让您可极速提供网站应用。无论是腾讯云·云开发用户,还是小程序·云开发用户,只要开通按量付费,即可享有云开发静态网站托管服务。

相比于自建的网站托管,云开发静态网站托管可以实现一键上传,让网站托管变得更加简单;还提供了自动化的 SSL 证书接入,让开发者免于手动申请 SSL 证书,简单几步, 保障业务安全;不仅如此,云开发静态网站托管还提供了全网的 CDN 加速服务,让开发者的网站在任何时候,都能访问飞快。你完全可以用来部署个人博客、创意H5、企业官网等应用。

 

免费额度

自2020年4月27日后云开发为静态网站托管用户提供1个月的免费体验,同时还提供免费的默认域名。你可以尽情试试云开发静态网站托管带来的高速体验,简单部署即可访问。

 

好了,接下来就是教你如何将 Hexo 博客部署到云开发静态网站托管

 

系统依赖

在进行后续的内容前,请先确保你的电脑中安装了 Node.js 运行环境。如果没有安装,可以访问 nodejs.org 下载安装。

安装云开发 cli 工具 和 Hexo

执行如下命令,安装云开发 cli 工具以及 Hexo

npm install -g @cloudbase/cli hexo-cli

在本地初始化一个 Hexo 项目

首先,我们创建一个 Hexo 项目,执行如下命令

hexo init

可以看到下面这样的输出

图片[1]-腾讯云提供静态网站托管:免费安装Hexo-栗子博客

初始化完成后,进入到目录中,并启动预览

cd blog
hexo s

然后,在浏览器中打开 localhost:4000 ,可以看到 Hexo 的界面,这样就说明我们成功的完成了 Hexo 的本地初始化

图片[2]-腾讯云提供静态网站托管:免费安装Hexo-栗子博客

创建一个云开发环境

完成了本地的 Hexo 建设,接下来我们来创建一个云开发环境,用来部署 Hexo 。进入到云开发的管理控制台,点击新建环境,新建一个环境来进行部署

图片[3]-腾讯云提供静态网站托管:免费安装Hexo-栗子博客

新建一个环境,名为 docs,并选择按量计费,开通环境

图片[4]-腾讯云提供静态网站托管:免费安装Hexo-栗子博客

在开通环境以后, 记住你的环境 ID,这个 ID 后续我们会用到。

创建完成后,点击环境,进入到环境的管理页面。点击左侧菜单栏中的「静态网站」

图片[5]-腾讯云提供静态网站托管:免费安装Hexo-栗子博客

并在静态网站页面开通功能

图片[6]-腾讯云提供静态网站托管:免费安装Hexo-栗子博客

当你看到这样的界面时,就说明已经开通好了。

图片[7]-腾讯云提供静态网站托管:免费安装Hexo-栗子博客

你现在可以通过上传文件手动上传一个文件测试,稍后,我们将会用云开发 Cli 来完成上传。

初始化云开发 Cli

完成了云开发环境的配置后, 我们需要初始化一下云开发 cli ,从而实现借助 cli 来上传页面(当然, 也可以通过网页端直接上传,但如果你博客的文章比较多,还是使用 Cli 上传更加方便)

在命令行输入如下代码

tcb login

会提醒你需要在网页中授权

在弹出的页面确认授权

图片[8]-腾讯云提供静态网站托管:免费安装Hexo-栗子博客

确认授权后,你会看到控制台输出相应的命令

这样,你的云开发 cli 就初始化好了。 接下来,就可以进入到最后一个环节,上传部署 Hexo 了。

构建 Hexo 并上传

回到你的 Hexo 目录中,执行 Hexo g 来生成文件,Hexo 会默认将文件生成在 Public 目录下。

图片[9]-腾讯云提供静态网站托管:免费安装Hexo-栗子博客

文件生成完成后,可以执行如下命令来进行部署(需要将 EnvID 替换为前面你记下的环境ID)

cd public
tcb hosting:deploy ./ -e EnvId

稍等片刻,部署完成,接下来就可以预览了。

图片[10]-腾讯云提供静态网站托管:免费安装Hexo-栗子博客

点击设置,进入设置页面,可以找到默认的的域名,点击域名,就可以看到你刚刚部署的环境啦。

图片[11]-腾讯云提供静态网站托管:免费安装Hexo-栗子博客

One More Thing

只需简单的几步,你就可以轻松实现将 Hexo 部署到云开发上,无需再忍受 Github Pages 的龟速啦!还不快迁移?

不仅如此,如果你是一个自动化爱好者, 还可以试着把云开发 Cli 配置到你的 CI 环境中,实现自动部署哦~

点击以下链接快速开始用云开发静态网站托管部署你的站点:https://cloud.tencent.com/product/wh

© 版权声明
THE END
点赞0
抢沙发
头像
提交
头像

昵称

取消
昵称
一言一语