前言

Hexo作为一个轻量级的博客,部署也是非常方便的,除了本地启动之外,我们还能将它部署到github或者阿里云oss上去,同时利用插件实现快速发布。

发布博客到Github托管

1,到github站点,创建托管站点的仓库

点击:new repository

填写仓库名为:Github用户名.github.io,这里必须这样填写,否则无法访问,我这里如下

1
Ln-guolin.github.io

选中:Initialize this repository with a README

2,安装“hexo-deployer-git”插件,用于推送站点到github

在博客目录下执行命令:

1
npm install --save hexo-deployer-git

3,修改站点配置_config.yml,增加git信息

1
2
3
4
deploy:
type: git
repo: https://github.com/Ln-guolin/Ln-guolin.github.io.git
branch: master

4,发布站点到github,会让你输入github账号密码

1
2
3
hexo clean
hexo g
hexo d

好了,截止此步骤,已经可以通过“Ln-guolin.github.io”访问自己的站点了

5,我们继续配置,使用自己的域名绑定到站点

根据路径:站点仓库 >> Settings >> GitHub Pages >> Custom domain,找到custom domain,并填写自己的域名。

然后,我们去配置域名的cname解析记录到站点即可,记录值:Ln-guolin.github.io。

如果是1级域名,要解析@和www两个记录,配置完成后就能通过域名访问啦

6,关键步骤,配置好域名之后,我们每次hexo deploy都会导致github pages settings的domain配置被清空,所以我们需要在站点source目录下创建一个CNAME文件,内容为你的域名即可。

发布博客到阿里云OSS托管

阿里云OSS托管站点

1,到阿里云oss创建一个bucket,用于存放站点网页,名称随意,如:www-blog

2,到 “基础设置” >> “静态页面” 完成博客页面设置,默认首页=index.html,子目录首页=开通,文件404规则=Redirect

阿里云oss bucket配置静态页面

3,到 “传输管理” >> “域名管理” 完成域名绑定,可以选择“自动添加 CNAME 记录”,快速自动完成域名解析。解析完成后,就可以通过域名访问到你的站点了。

本地安装文章同步插件

1,安装“hexo-deployer-ali-oss-extend”插件,用于推送站点到阿里云oss

在博客目录下执行命令:

1
npm i hexo-deployer-ali-oss-extend

2,修改站点配置_config.yml,增加oss配置信息,考虑到安全性,这里建议开子账号

1
2
3
4
5
6
7
8
9
10
11
12
deploy:
- type: ali-oss
region: 地域节点,如:oss-cn-hangzhou
accessKeyId: 阿里云子账号的accessKeyId
accessKeySecret: 阿里云子账号的accessKeySecret
bucket: oss的bucket名称,如:www-blog
cacheControl:
images:
css:
js:
html:
other:

3,发布站点到oss,执行下面的命令即可

1
2
3
hexo clean
hexo g
hexo d
阿里云子账号创建和授权

1,右上角鼠标悬停在头像上,选择AccessKey管理

创建子账号accessKey

2,选择“开始使用子账号AccessKey”,然后点击创建

创建子账号accessKey

3,填写账号信息,钩上“OPEN API调用访问”,确认

创建子账号accessKey

4,完成创建后,给新账号添加权限,权限选择:AliyunOSSFullAccess-管理对象存储服务(OSS)权限

创建子账号accessKey

5,最后,拷贝 accessKeyId和accessKeySecret 使用即可