Chevereto图床||进阶

一般来讲，可以直接在搭建好的网站上传本地图片，适用场景比较广泛。但对于博主来讲，如果通过网站上传生成链接后，再复制粘贴，整个过程稍显繁琐。尤其是遇到需要图文配合的文章，这个问题就会凸显地更加严重。

利用常用的Markdown工具Typora，并配和图片上传工具PicGo，我们可以实现编辑文章过程中上传图片至Chevereto的快捷操作

---

一：准备工作

1、Chevereto图床

已配置好，直接域名访问

未搭建的请参考：Chevereto图床搭建

2、Node.js安装

官网

为安装 PicGo 的插件作准备（PicGo 要使用 npm 来安装插件）

3、PicGo安装

GitHub地址

4、Typora安装

官网

---

二：进阶配置

1、PicGo下载插件

进入插件设置，并搜索Chevereto Uploader和web-uploader两个插件,然后下载

2、配置自定义web图床参数

打开自定义web图床设置

对照参数填入自定义web图床设置中

API 地址: https://your-site/api/1/uploadPOST 
参数名: sourceJSON 
路径: image.url
自定义Body: {"key":"API Key"}

其中API Key 在管理员控制台仪表盘设置中可以看到

3、配置Chevereto Uploader插件

Url: https://your-site/api/1/upload
Key: 填入API Key

4、配置 Typora

打开偏好设置

选择PicGo(app)以.exe文件路径，最后验证图片上传选项，成功上传则表示配置成功

5、进一步完善Chevereto的上传机制

按照前四步的操作，最后上传的图片是放置在Chevereto的访客图片里，所有的访客均可以看见。为了让照片传到指定的相册位置，便于管理区分图片，搭建者和游客可以做进一步的配置修改

1. 修改 Chevereto 源代码

   将网站根目录下/app/routes/route.api.php复制到同目录下的/overrides文件夹。该步骤使得复制后的文件在不替换的情况下更新，既保存源文件，又使修改后的代码能在源代码保留的情况下运行。

   修改/overrides/route.api.php源代码如下，±对应新增删除代码，该步骤将接受来自客户端的用户名和相册 ID 参数，避免上传至访客相册：

   $version = $handler->request[0];
   $action = $handler->request[1];
   + $user = $_REQUEST['user'];	// 新增
   + $album = $_REQUEST['album'];	//新增

   // CHV\Image::uploadToWebsite($source, 'username', [params]) to inject API uploads to a given username
   - $uploaded_id = CHV\Image::uploadToWebsite($source);
   + $uploaded_id = CHV\Image::uploadToWebsite($source, $user, array('album_id'=>$album));

2. 修改 PicGo配置

   前往图床新建相册并获取相册id

   

   在 PicGo 的自定义web图床设置追加用户名和相册 ID

   {"key":"your key", "user":"username", "album":"albumid"}

   

   最后在 Typora 偏好设置中测试即可

---

参考教程：

Typora + PicGo 自动上传图片到 Chevereto 图床

Typora 配置 PicGo 插件 Chevereto Uploader，实现自动上传图片到自建的 Chevereto 图床