hexo 2 - 部署

一、局域网部署

其实还是本地部署,只是通过端口把资源暴露局域网内的设备。

1
2
3
4
1. 查看本机局域网地址
系统偏好设置 -> 网络 -> wifi
2. hexo s -i 192.168.x.x
3. 同局域网的其他设备访问该地址 192.168.x.x:4000

二、前置:typora配置图床

Markdown语法插入图片时使用图片链接,而不是整个图片。而typora图片默认会在本地存储,因此插入的图片本地能显示,但是文档移植到别的地方后,图片就都失效了。因此需要给typora搭建一个图床,将本地存储改为云端图片存储。

这里选择阿里云OSS服务作为远端存储。typora通过一个中间服务和OSS进行交互。如下图所示

使用Upic软件和阿里云OSS服务为typora搭建图床

配置步骤
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
1. 阿里云
1. 购买OSS服务
2. 创建bucket
3. 读写权限设置为公共读
4. 记录区域、bucket名称、域名、AccessKey、SecretKey(后两个在个人资料里看)
2. Upic
1. 下载安装
2. Upic配置 -> 偏好设置 -> 图床 -> +阿里云
3. 填入区域、bucket、名称、AccessKey、SecretKey、域名(https://开头)
4. Upic配置 -> 图床 -> 选择阿里云
3. Typora
1. Typora -> 偏好设置 -> 图像
2. 插入图片时修改为 "上传图片"
3. 对本地为止的图片应用、对网络位置的图片应用
4. 上传服务设定为uPic,并验证
存量图片处理

Typora -> 图像 -> 上传所有本地图片

三、部署

hexo生成的页面是静态的html,所以可以通过OSS存储。(便宜

OSS使用上面刚买的那个就行。

1
2
3
4
5
6
7
8
9
10
11
12
13
1. bucket [位置选hk]
1. 新建一个bucket,权限设置为公共读
2. bucket数据管理->静态页面设置。设置默认首页为index.html、开通子目录首页、文件404规则为Redirect
2. hexo
1. hexo项目目录下执行 npm install hexo-deployer-ali-oss --save
2. 在_config.yml中修改配置(: 后必须要有一个空格)
deploy:
type: ali-oss
region: <您的oss 区域代码>
accessKeyId: <您的oss accessKeyId>
accessKeySecret: <您的oss accessKeySecret>
bucket: <您的bucket name>
3. hexo d

四、域名绑定

阿里云的流程

看上一个直接买,跟着流程走就行。

如果bucket选择的是hk,就不需要域名备案。

去bucket那里绑定即可

五、总结

  1. hexo是一个博客框架,可以快速将markdown文件组织成互相链接的静态html文件。
  2. hexo资源文件整个生命周期存在的位置依次是 模板 [-> 草稿] -> 文章 -> 编译文件 -> 服务器,如下图所示
  3. hexo的配置文件都在config.yml文件中。
  4. hexo支持丰富的主题,主题的自定义扩展在主题文件夹下的_config.yml文件中。

image-20230416232315971

零、参考文档

1. 图床配置参考文档

2. uPic下载地址

3. OSS部署Hexo教程

4. regionID


hexo 2 - 部署
https://yzaf.top/2023/hexo/hexo-2/
作者
why
发布于
2023年4月16日
许可协议