基于hexo oss typora picgo的博客解决方案，一键部署

基于hexo oss typora picgo的博客解决方案，高速、稳定、便宜、方便

安装

前人之述备矣，不再详述安装过程，本文主要讲述各软件之间的相互协作

OSS

阿里云对象存储，所谓对象可以看做是文件，但对象存储系统和文件系统存在明显差异

对象存储比较便宜，尤其是对于个人博客系统来说，因为一般也没人看我的博客（真实）

region: oss-cn-beijing
accessKeyId: LTAI5VGA7U8jG4VRFkUhq22s
accessKeySecret: aAMg6ldYtAHRX77ypFwHWSNnfg8AZZ
bucket: jalon-blog

对于OSS需要的只有以上信息

  1. 创建公有读bucket，创建时留意bucket名称和region地域

  2. 然后创建一个访问控制RAM账号，创建 AccessKey，复制粘贴下来accessKeyId，accessKeySecret

  3. 添加用户到用户组（需要先创建用户组并完成对用户组的AliyunOSSFullAccess授权）。

Node.js

JavaScript 运行时环境，就像JDK一样必须，前端和后端开发攻城狮应该都有。

Hexo

npm install hexo-cli -g
hexo init blog
cd blog
npm install

安装完可以输入hexo server看看效果

PicGo

一个用于快速上传图片并获取图片 URL 链接的工具，支持各公司对象存储和CDN

PicGo下载安装即可，安装位置要记清。

typora

最好用的MarkDown编辑器，下载安装

配置

期望实现的是使用Typora编辑完文章之后一键打包上传到OSS，包括图片啥的都不用管。

PicGo设置OSS图床

image-20210918100749123

Typora设置图片自动上传

image-20210918100929524

在你把截图直接粘贴到文章里时会显示是否上传

image-20210918101044229

设置根目录

image-20210918101348036

Hexo设置OSS部署

blog目录下cmd执行npm install hexo-deployer-ali-oss --save即可安装部署工具

然后在blog目录下的_config.yml最后几行中配置OSS四要素

deploy:
  type: ali-oss
  region: oss-cn-beijing
  accessKeyId: LTAI5VGA7U8jG4VRFkUhq22s
  accessKeySecret: aAMg6ldYtAHRX77ypFwHWSNnfg8AZZ
  bucket: jalon-blog

Typora 一键打包上传

image-20210918102131079

image-20210918102220815

部署成功

image-20210918102326947

后续还有 OSS 部署Hexo

posted @ 2021-09-18 10:31  jalonjia  阅读(90)  评论(0)    收藏  举报