Loading... 本文主要介绍如何使用云开发快速搭建一个简介的 Hexo 博客框架,无需搭建服务器、无需购买域名,即可完成您的博客搭建与部署。 最终博客成果展示如下: # 步骤1:安装 CloudBase CLI 以及本地部署 Hexo 1. 在本地安装 Node.js:如果未安装请前往 [Node.js 官网](https://nodejs.org/) 下载安装,并确保 Node.js 安装成功。 2. 安装 CloudBase CLI。打开命令提示符,执行如下命令: ```php npm i -g @cloudbase/cli hexo-cli ``` 3. 执行完毕后,在本地新建名称为 Hexo 的文件夹。在该文件夹中,打开命令提示符,并执行如下命令进行初始化: ```php hexo init ``` 4. 在初始化过程中,您可以看到如下图的输出: 5. 初始化完成后,执行如下命令,启动预览: ```php hexo s ```  预览后,在浏览器中打开 localhost:4000,即可看到部署的 Hexo 博客。 # 步骤2:创建云开发环境 1. 登录腾讯云 [云开发控制台](https://console.cloud.tencent.com/tcb),单击【立即创建并使用】,新建一个环境来进行部署。 如果您之前创建过环境,可以继续使用已创建的**按量计费**环境,或者再次【新建环境】。 2. 在新建环境窗口中,根据实际需求填写环境名称,选择【按量计费】,单击【立即开通】即可开通环境。 3. 开通成功之后,单击环境名称,进入环境总览页面。如下所示: 请记住您的环境 ID,这个 ID 在后续步骤将被使用。您可单击**环境Id**右侧的图标进行复制。 4. 单击左侧菜单栏中的【静态网站托管】,在页面中单击【开启使用】,开通静态托管服务。  当您能看到如下界面时,即说明开通成功。  # 步骤3:初始化云开发 CLI 1. 在本地打开命令提示符,执行如下命令: ```php cloudbase login ``` 2. 执行命令时,系统将拉起浏览器授权,请登录上述步骤2中创建云开发环境的账号,进行确认授权。 # 步骤4:构建 Hexo 部署文件 1. 打开命令提示符,进入到 步骤1 创建的 Hexo 文件夹中,执行如下命令: ```php Hexo g ``` 2. Hexo 将会生成部署文件,默认将文件生成在 Public 文件夹下: 3. 执行如下命令,将 Hexo 部署到云开发静态托管中(需要将 EnvID 替换为 步骤2 中您创建的环境 ID)。 ```php cloudbase hosting:deploy public -e [EnvID] ```  # 步骤5:浏览部署的 Hexo 1. 回到云开发控制台[静态网站托管](https://console.cloud.tencent.com/tcb/hosting/index) 页面。 2. 单击【基础配置】,在域名信息中找到默认域名。 3. 在浏览器中输入该链接并回车,即可打开线上部署好的 Hexo 博客。 最后修改:2020 年 10 月 20 日 09 : 38 PM © 转载自他站 赞赏 如果觉得我的文章对你有用,请随意赞赏 ×Close 赞赏作者 扫一扫支付 支付宝支付 微信支付
滴!学生卡!打卡时间:上午11:19:23,请上车的乘客系好安全带~
滴!学生卡!打卡时间:上午11:01:33,请上车的乘客系好安全带~