利用Serverless应用搭建Hexo博客

时间:2022-05-23 23:08:14

本文将介绍如何使用火爆的Serverless应用,15分钟快速搭建Hexo博客。
以腾讯云提供的Serverless应用–云开发为例:

步骤1:安装 CloudBase CLI 以及本地部署 Hexo

1、在本地安装 Node.js:如果未安装则前往 NodeJS官网 下载安装。确保 Node.js 安装成功。

2、、打开命令提示符,执行如下命令:

npm i -g @cloudbase/cli hexo-cli

3、执行完毕后,在本地新建一个文件夹。在新建的文件夹中运行命令提示符,执行如下命令:

hexo init

4、在初始化中,您可以看到如下图的输出:

利用Serverless应用搭建Hexo博客

5、初始化完成后,执行如下命令,启动预览:

hexo s

利用Serverless应用搭建Hexo博客

6、预览后,在浏览器中打开 localhost:4000,即可看到部署的 Hexo 博客。

利用Serverless应用搭建Hexo博客

步骤2:创建云开发环境

1、打开浏览器,进入腾讯云 云开发控制台,单击【立即创建】,新建一个环境来进行部署。

利用Serverless应用搭建Hexo博客

如果您之前创建过环境,可以继续使用已创建的按量计费环境,或者再次新建环境。

利用Serverless应用搭建Hexo博客

2、在新建环境窗口中,按自己喜好要求填写环境名称,选择按量计费,开通环境。

利用Serverless应用搭建Hexo博客

2、在开通环境以后, 记住您的环境 ID,这个 ID 后续步骤会用到。

3、单击环境,进入到环境的管理页面。单击左侧菜单栏中的【网站托管】,在页面中单击【开始使用】,开通静态托管服务。

利用Serverless应用搭建Hexo博客

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

利用Serverless应用搭建Hexo博客

步骤3:初始化云开发 CLI

1、打开命令提示符,输入如下代码:

cloudbase login

2、将拉起浏览器授权,登录刚刚创建云开发环境的账号

利用Serverless应用搭建Hexo博客

步骤4:构建 Hexo 部署文件

1、打开命令提示符,定位到步骤一新建的Hexo目录中,执行如下代码:

Hexo g

2、将会生成部署文件,Hexo 会默认将文件生成在 Public 目录下:

利用Serverless应用搭建Hexo博客

3、执行如下命令,将 Hexo 部署到云开发静态托管中(需要将 EnvID 替换为前面您记下的环境ID)。

cloudbase hosting:deploy public -e [EnvID]

利用Serverless应用搭建Hexo博客

步骤5:浏览部署的 Hexo

1、打开浏览器,进入 腾讯云·云开发控制台,单击部署的云开发环境,进入后单击左侧栏的【网站托管】-【设置】,在域名信息中找到默认域名。

利用Serverless应用搭建Hexo博客

2、在浏览器中打开此链接,则看到线上部署好的 Hexo 博客。

利用Serverless应用搭建Hexo博客

利用Serverless应用搭建Hexo博客的更多相关文章

  1. 史上最详细“截图”搭建Hexo博客并部署到Github

    http://jingyan.baidu.com/article/d8072ac47aca0fec95cefd2d.html 大家也搭建过博客,很多时候,按着教程来做就可以了,但是我当时为了搭建Hex ...

  2. 史上最详细“截图”搭建Hexo博客——For Windows

    http://angelen.me/2015/01/23/2015-01-23-%E5%8F%B2%E4%B8%8A%E6%9C%80%E8%AF%A6%E7%BB%86%E2%80%9C%E6%88 ...

  3. 树莓派搭建 Hexo 博客(一)

    Hexo 一个开源的博客框架,本文记录了一下在树莓派上搭建 Hexo 博客的过程. 什么是 Hexo? Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解 ...

  4. 利用Travis IC实现Hexo博客自动化部署

    1.Hexo博客的利与弊 Hexo中文 我就默认为看到这篇文章的人都比较了解Hexo博客,也都能够成功手动部署吧.所以第一部分推荐两篇文章一笔带过,让我们快速进入本文的重点内容.实在不知道也不要方先看 ...

  5. 阿里云VPS搭建Hexo博客

    最近买了一个阿里云服务器,准备写自己的网站,和将自己的作品放在上面:开始的时候,感觉就一个服务器应该很简单,但是从申请域名到备案,再到服务器搭建,没想到一波三折:闲话不多说,只是记录我在搭建时,最简单 ...

  6. 树莓派搭建 Hexo 博客(二)

    Hexo 一个开源的博客框架,本文记录了一下在树莓派上搭建 Hexo 博客的过程. 上一篇介绍了 Hexo 的配置,现在网站已经能在本地访问了,也能通过 hexo generate 命令生成静态界面 ...

  7. 在vps上搭建hexo博客

    最近更换了服务器,需要把自己的Hexo Next重新部署到新服务器上,本文记录一下在vps上搭建hexo博客的过程. 在vps上搭建hexo博客需要下面这些工具: Nginx: 用于博客展示 SSH: ...

  8. 搭建hexo博客遇到的问题

    搭建hexo博客遇到的问题 常用命令 hexo clean 清除hexo缓存 hexo generate 生成文章 hexo deploy 部署 hexo new post name 新建文章名 he ...

  9. Termux搭建hexo博客并部署到GitHub

    Termux搭建hexo博客并部署到GitHub 安装 termux-change-repo apt update apt install git && nodejs &&am ...

随机推荐

  1. [麦先生]TP3.2之微信开发那点事[基础篇](获取access_token)

    在微信文档中一共提供了两个access_token:一个是伪全局配置的Access_token;一个是在微信网页授权时的小Access_token 很多刚刚接触微信开发的人经常会混淆这两个的作用: 我 ...

  2. Jexus-5.6.3使用详解、Jexus Web Server配置

    一.Jexus Web Server配置   在 jexus 的工作文件夹中(一般是“/usr/jexus”)有一个基本的配置文件,文件名是“jws.conf”. jws.conf 中至少有 Site ...

  3. 更新EF,EF 报错

    在项目中,对一个视图进行了更新,增加了一个字段,然后需要更新EF访问,可是往往会报错, 查看映射关系发现EF将字段映射为主键,而视图没有进行ISNULL处理. 可以有两种处理方式: 1:修改视图对字段 ...

  4. 中国.net域名网站的“前世今生”,那些年的光辉

    1987年9月的一天,中国的第一封电子邮件成功发出,邮件的内容大致是“跨越长城,走向世界”,在当时,没有人会想到十年后中国的互联网开始萌芽,并发展成今天的繁荣.1994年,“巴黎统筹委员会”的解散消除 ...

  5. Django: 之Model、Cookis、Session

    到目前为止,当我们的程序涉及到数据库相关操作时,我们一般都会这么搞: 创建数据库,设计表结构和字段 使用MySQLdb来连接数据库,并编写数据访问层代码 业务逻辑层去调用数据访问层执行数据库操作 im ...

  6. ecshop 属性表(attribute)商品属性表(goods_attr)货品表(prduct) 商品数量的联系

    ecshop 属性表(attribute)商品属性表(goods_attr)货品表(prduct) 商品数量的联系 一个商城的商品属性存放在属性表(attribute)里 ,每个商品对应的属性在goo ...

  7. css3渐变 transition使用方法

    <style> div{ width:300px; height:300px; background:#89F; margin:100px auto; transition:width 1 ...

  8. 阿里云Centos7&period;x MySql安装教程示例

    创建用户 useradd mysql; passwd mysql; 下载(比如:5.5.61) 地址 https://dev.mysql.com/downloads/mysql/5.6.html#do ...

  9. 为什么很多应用都安装在&sol;usr&sol;local目录下?

    首先,Linux的官方文档FHS对该目录的说明:http://www.linuxbase.org/betaspecs/fhs/fhs/ch04s09.html The /usr/local hiera ...

  10. Exp3 免杀原理与实践 20164313

    基础 AV厂商检测恶意软件的三种主流方式: 基于特征码的检测 启发式恶意软件检测 基于行为的恶意软件检测 实现免杀就是防止恶意软件被这是三种方式找到.具体手段为: 改变特征码 改变行为 非常规恶意软件 ...