使用Hexo+Serverless Framework快速搭建个人博客

1.工具介绍

Serverless Framework：Serverless Framework 是业界非常受欢迎的无服务器应用框架，开发者无需关心底层资源即可部署完整可用的 Serverless 应用架构。c
Hexo：Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

使用 Serverless Framework 部署一个 Hexo 网站只需三步：：安装与初始化 → 配置 yml 文件 → 部署

2.安装与初始化

首先确保系统包含以下环境：
- Node.js (Node.js 版本需不低于 8.6，建议使用 Node.js 10.0 及以上版本)
- Git
安装 Serverless Framework

npm install -g serverless

安装 Hexo

npm install -g hexo-cli

初始化项目

hexo init hexo   # 生成hexo目录

初始化完成后，hexo 文件夹的目录如下：

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

生成本地博客页面

hexo g   # generate

可以通过 hexo g 命令生成静态页面，如果希望在本地查看效果，也可以运行下列命令，通过浏览器访问 http://localhost:4000 查看页面效果。

hexo s   # server

3.配置 yml 文件

项目目录下，创建 serverless.yml 文件

cd.> serverless.yml

将以下内容写入上述的 yml 文件里：

# serverless.yml

myWebsite:
  component: '@serverless/tencent-website'
  inputs:
    code:
      src: ./public # Upload static files generated by HEXO
      index: index.html
      error: index.html
    region: ap-guangzhou
    bucketName: my-bucket-hexo

配置完成后，文件目录如下：

.
├── .serverless
├── hexo
|   ├── public
|   ├── ...
|   ├── _config.yml
|   ├── ...
|   └── source
└── serverless.yml

4.部署

通过 sls 命令进行部署，并可以添加 --debug 参数查看部署过程中的信息

serverless --debug

如您的账号未登陆或注册腾讯云，您可以直接通过微信扫描命令行中的二维码进行授权登陆和注册。
访问命令行输出的website url，即可查看您的Serverless Hexo站点

请添加图片描述

注：如果希望更新hexo站点中的文章，需要在本地重新运行hexo g进行生成静态页面，再运行serverless更新到页面

5.移除

可以通过以下命令移除hexo网站

sls remove --debug

小结：本文简单展示了如何利用腾讯云的无服务器框架 Serverless Framework创建一个个人博客，Hexo 拥有丰富的插件系统，大家可以基于 Serverless Framework 和 hexo 开发更多个性化功能，如自定义 Themes、博文置顶、添加小图标等。这两个工具结合使用，开发方便部署快捷，非常适合想要快速搭建静态网站的开发者。