腾讯云serverless部署Hexo搭建个人博客

使用腾讯云 server less 服务部署 Hexo个人静态博客

image-20210512222400599

前提条件

  • 已安装 Node.js2020年9月1日起,Serverless 组件不再支持 Node.js10.0 以下版本,请注意升级
  • 已安装 Git

1. 安装

通过 npm 安装 Serverless Framework:

1
$ npm install -g serverless

通过 npm 安装 Hexo:

1
$ npm install -g hexo-cli

安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。

1
2
3
$ hexo init hexo   # 生成 Hexo 目录
$ cd hexo
$ npm install

新建完成后,指定文件夹的目录如下:

1
2
3
4
5
6
7
8
.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes

安装完成后,可以通过hexo g命令生成静态页面:

1
$ hexo g   # generate

说明:

如果希望在本地查看效果,也可以运行下列命令,通过浏览器访问 localhost:4000 查看页面效果。

1
$ hexo s   # server

2. 配置

hexo目录下,创建serverless.yml文件:

1
$ touch serverless.yml

serverless.yml文件中进行如下配置:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
# serverless.yml
component: website # (必填) 引用 component 的名称,当前用到的是 tencent-website 组件
name: hexodemo # (必填) 该 website 组件创建的实例名称
app: websiteApp # (可选) 该 website 应用名称
stage: dev # (可选) 用于区分环境信息,默认值是 dev
inputs:
src:
src: ./public # Upload static files generated by HEXO
index: index.html
# dist: ./dist
# hook: npm run build
# websitePath: ./
region: ap-guangzhou
bucketName: my-bucket
protocol: https

配置完成后,文件目录如下:

1
2
3
4
5
6
7
8
.
├── .serverless
└── hexo
├── public
├── ...
├── serverless.yml
├── ...
└── source

3. 部署

通过sls deploy命令进行部署,并可以添加--debug参数查看部署过程中的信息。
如您的账号未 登录注册 腾讯云,您可以直接通过微信扫描命令行中的二维码进行授权登录和注册。

1
2
3
4
5
6
7
$ sls deploy
serverless ⚡ framework
Action: "deploy" - Stage: "dev" - App: "websiteApp" - Instance: "hexodemo"
region: ap-guangzhou
website: https://my-bucket-1258834142.cos-website.ap-guangzhou.myqcloud.com

25s › hexodemo › Success

访问命令行输出的 Website URL,即可查看您的 Serverless Hexo 站点。

注意:

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

4. 移除

通过以下命令移除 Hexo 网站:

1
2
3
4
5
6
7
8
9
$ sls remove --debug
DEBUG ─ Flushing template state and removing all components.
DEBUG ─ Starting Website Removal.
DEBUG ─ Removing Website bucket.
DEBUG ─ Removing files from the "my-bucket-1250000000" bucket.
DEBUG ─ Removing "my-bucket-1250000000" bucket from the "ap-guangzhou" region.
DEBUG ─ "my-bucket-1250000000" bucket was successfully removed from the "ap-guangzhou" region.
DEBUG ─ Finished Website Removal.
6s » myWebsite » done

5.账号配置(可选)

当前默认支持 CLI 扫描二维码登录,如您希望配置持久的环境变量/密钥信息,也可以本地创建 .env 文件:

1
$ touch .env # 腾讯云的配置信息

.env 文件中配置腾讯云的 SecretId 和 SecretKey 信息并保存:

1
2
3
# .env
TENCENT_SECRET_ID=123
TENCENT_SECRET_KEY=123

6.配置个人域名

配置个人域名需要去对象存储产品模块配置.在存储桶列表找到对应的存储桶(在serverless.yml中配置的bucketName-你的APPID)就是serverless服务存放Hexo生成的静态网站文件的地方.

进入网站对应存储桶配置个人域名:

image-20210512221921487

点击添加域名,在 DNS 服务商处设置好对应的 CNAME 并生效后,即可通过自定义域名访问个人网站.