一、局域网部署
其实还是本地部署,只是通过端口把资源暴露局域网内的设备。
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进行交互。如下图所示
配置步骤
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那里绑定即可
五、总结
- hexo是一个博客框架,可以快速将markdown文件组织成互相链接的静态html文件。
- hexo资源文件整个生命周期存在的位置依次是 模板 [-> 草稿] -> 文章 -> 编译文件 -> 服务器,如下图所示
- hexo的配置文件都在
config.yml
文件中。
- hexo支持丰富的主题,主题的自定义扩展在主题文件夹下的
_config.yml
文件中。
零、参考文档
1. 图床配置参考文档
2. uPic下载地址
3. OSS部署Hexo教程
4. regionID