在 WordPress 的文章编辑器里增加一键上传图片到 Chevereto

之前介绍过使用 PicGo 进行一键上传图片到 Chevereto 图床的操作，如果使用 WordPress 写文章的时候不想装 PicGo 的话，还可以在写文章编辑器里增加一个按钮，方便边写文章边同步图片到图床然后插入到文章里。

本文的代码来自 Spiritx：
https://spiritx.xyz/843.html

实现功能后的效果如下：

除了增加 

上传图片到Chevereto

 功能外，编辑器本身还使用了 Markdown 写作插件 

WP Editor

。

编辑 route.api.php 允许跨域

进入 Chevereto 图床服务的文件目录，拷贝和编辑 

route.api.php

 文件实现允许跨域：

cd app/routes/
cp route.api.php overrides/route.api.php

对 

app/routes/overrides/

 目录下的 

route.api.php

 进行编辑：

// route.api.php 第二行加入以下代码，https://localhost 改为自己的 WordPress 所用域名
header(\'Access-Control-Allow-Origin: https://localhost\');
header(\'Access-Control-Allow-Methods: POST\');
header(\'Access-Control-Allow-Headers: Content-Type, Accept, Authorization, X-Requested-With, Origin, Accept\');

然后在这个文件内找到 

$uploaded_id = CHV\Image::uploadToWebsite($source);

 （一般在105行），替换为以下代码：

// admin 为图床中的用户名
$uploaded_id = CHV\Image::uploadToWebsite($source,admin);

编辑 functions.php 增加一键上传按钮

打开 WordPress 所用主题的 

functions.php

 文件

插入以下代码：

把 

$DOMAIN="localhost";

 里的 

localhost

 改为图床域名，把 

$APIkey="youkey";

 里的 

youkey

 改为图床 api，然后保存编辑。

接下来打开写文章编辑器，就可以看到一键上传图床的按钮了。