Hexo+Typora处理博客图片

前言

由于查询网上大部分Hexo博客处理图片的教程都是需要安装插件，有的会需要修改源码。

为了保证图片资源访问的稳定性和后期维护方便，决定使用Typora+PicGo+去不图床的组合来处理博客内的图片，并且Typora提供了上传所有文章的本地图片功能，这样在使用图床的基础上还可以将图片全部备份到本地不会丢失。

实现方式

去不图床+PicGo+Typora。

本站点所有博客中的图片均上传至去不图床，并在博客内部进行备份。

修改博客配置

在博客配置文件_config.xml中开启post_asset_folder配置项：

1

post_asset_folder: true

开启此选项后新建一篇文章后会自动创建与该文章同名的文件夹用于保存图片等资源文件。

去不图床

去不图床官网

在去不图床注册个人账号，购买容量后可以获得上传图片token（在picgo中配置需要）：

PicGo配置

PicGo下载

下载后打开主界面，在插件中搜索web，并安装web-uploader插件：

接着在图床设置-自定义Web图床中进行去不图床的上传设置，并将自定义Web图床设置为默认图床：

API地址：https://7bu.top/api/v1/upload

POST参数名：file

JSON路径：data.links.url

自定义请求头：{“Authorization”: “Bearer 此处替换为你在去不图床新建的token”}

Typora配置

Typora官网

打开偏好设置-图像：

插入图片时：选择插入图片时复制到指定路径，并设置路径为与当前文件同名的文件夹。

上传服务设定：选择PicGo.app。

编写博客时，粘贴图片，此时图片仅保存在同名文件夹下，并没有上传到服务器，我们需要在typora编辑界面点击格式-图像-上传所有本地图片，此时Typora会调用配置的PicGo.app上传方法，将本文件中所有图片上传到去不图床，并且自动替换成去不图床的URL链接（只会上传路径为本地的图片，网络图片不会再次进行上传）。