静态网站托管

文档中心静态网站托管最佳实践搭建 Hexo

搭建 Hexo

最近更新时间：2022-02-14 11:08:41

前往 GitHub 编辑 我的收藏

本页目录：

操作场景

本文档介绍通过腾讯云静态网站托管服务搭建一个 Hexo 网站，并使用云开发 CLI 工具管理部署 Hexo 网站。
云开发提供两种方式进行部署：

方式一：一键部署项目至云端。
方式二：使用 CLI 工具，手动将本地文件部署至云端。

一键部署 Hexo

单击下方按钮可一键部署 Hexo 到云开发：

部署到云开发

CLI 工具部署

前提条件

在进行后续的内容前，请先确保您的电脑中安装了 Node.js 运行环境。如果未安装，可以前往 Node.js 官网下载安装。

操作步骤

步骤1：安装云开发 CLI 工具和 Hexo

执行以下命令，安装云开发 CLI 工具以及 Hexo：

npm i -g @cloudbase/cli hexo-cli

步骤2：在本地初始化一个 Hexo 项目

执行以下命令，创建一个 Hexo 项目：
```
hexo init
```
命令执行之后，可以查看到如下图输出：
初始化完成后，执行以下命令进入到目录中，并启动预览。
```
cd blog
hexo s
```
命令执行过程如下图所示：
在浏览器中输入 localhost:4000，看到 Hexo 的界面即说明已成功完成 Hexo 的本地初始化。

步骤3：创建一个云开发环境

完成本地的 Hexo 建设，接下来创建一个云开发环境，用于部署 Hexo。

开通云开发环境
1. 登录腾讯云云开发控制台，单击新建，新建一个环境进行部署。
2. 应用来源选择模板仓库或代码导入，并进行相应的配置，详情可参见应用部署。
3. 选择环境所属地域，选择按量计费计费方式，填写环境名称后单击下一步。
4. 根据提示进行相应的配置创建一个云开发环境。
  
  说明：
  
  在开通环境以后，请记住您的环境 ID，该 ID 后续部署需要用到。
开通静态网站托管
云开发环境创建完成后，单击左侧菜单栏中的静态网站托管，根据页面提示单击开通静态网站托管进行开通。

当出现如下图时，则说明静态网站托管已经开通。

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

步骤4：使用 CLI 部署 Hexo

初始化云开发 CLI
完成云开发环境配置后，需要初始化云开发 CLI ，从而实现借助 CLI 工具来上传页面（您也可以通过网页端直接上传，但如果您博客的文章比较多，建议使用 CLI 工具进行上传）。
1. 在命令行中执行以下命令登录云开发：
```
tcb login
```
2. 执行之后将提醒您需要在网页中进行授权：
  
  在弹出的页面中单击确认授权。
  
  确认授权后，您会看到控制台输出相应的命令部署。至此，您的云开发 CLI 已初始化完毕。
构建 Hexo 并上传
1. 在 Hexo 目录，执行 Hexo g 命令来生成文件，Hexo 会默认将文件生成在 Public 目录下。如下图所示：
2. 文件生成完成后，可以执行以下命令来进行部署（需要将 EnvID 替换为前面您的环境 ID）：
```
cd public
tcb hosting deploy ./ -e EnvID
```
  稍等片刻等待部署完成，即可预览页面。

步骤5：浏览 Hexo

登录腾讯云云开发控制台，单击左侧菜单栏中的静态网站托管 > 文件管理，进入文件管理页面。
在文件管理页面可以找到默认的域名，单击域名，即可访问您部署的 Hexo。

相关命令

卸载 Hexo

npm uninstall -g @cloudbase/cli hexo-cli

上一篇: 使用 CLI 工具管理静态网站托管下一篇: 搭建 VuePress