Typora+PicGo Core+Chevereto实现笔记中的图片自动上传个人服务器图床

Typora安装

• Typora是一款非常简洁的Markdown编辑器，其较新的版本支持图片上传服务
  
• 下载Typora可以访问其官网进行下载：点击下载Typora

在个人服务器上搭建Cheverto图床

• Cheverto基于Web服务，PHP环境和MySQL数据库支持

一、搭建web环境

• 我们可以用lnmp、lamp一键包或者宝塔之类的面板来搭建web环境。web环境的搭建网上有很多的教程，这里不再赘述。这里主要说一说搭建Cheverto时的环境支持配置

1. 下载安装Cheverto

• 下载Cheverto的方法网上也有很多教程，Cheverto的官网也有，一般常用的有installer.php下载和GitHub开源仓库下载，我用的是GitHub仓库下载的。
  环境是Ubuntu的，但git命令应该都是相同的

git clone https://github.com/Chevereto/Chevereto-Free [虚拟主机根目录或者web服务根目录]

没有git的可以通过软件管理器下载安装

sudo apt-get git

2. 服务器配置

服务器使用的是Apache2的，这里单独给Cheverto的web服务开启了一个虚拟主机，即通过某一个端口可以直接访问到Cheverto的服务页面，不想搞虚拟主机的可以直接将Cheverto的内容下载到服务器的根目录，一般是/var/www/html/，即使用命令

git clone https://github.com/Chevereto/Chevereto-Free /var/www/html/Cheverto

虚拟主机添加

将该页面绑定到虚拟主机的配置也非常简单，细节可以自行百度
在Apache2的配置文件一般是/etc/apache2/sites-enabled/000-default.conf添加以下内容，主要是DocumenrRoot项，这里填写你的Cheverto安装目录，其他的项并不重要。8080端口是你要访问的url后面需要添加的端口号，自行决定要用哪个

<VirtualHost *:8080> ServerAdmin image@localhostDocumentRoot /var/www/html/CheveretoErrorLog ${APACHE_LOG_DIR}/error.logCustomLog ${APACHE_LOG_DIR}/access.log combined
</VirtualHost>

端口监听

对上面设置的端口添加监听
在/etc/apache2/ports.conf文件内修改

Listen 8080

这个文件内默认是对80端口有监听的，可以参照其格式进行添加

.htaccess文件支持

Cheverto文件下通过.htaccess对目录访问等操作进行重定向，访问控制的工作，需要Apache2的Rewrite模块的支持，开启方法：

sudo a2enmod rewrite

文件目录下对rewrite的（.htaccess能不能起作用）支持

在/etc/apache2/apache2.conf中添加如下内容，以允许读取.htaccess文件作为局部配置信息

<Directory /var/www/html/Chevereto>
AllowOverride All
Order allow,deny
Allow from all
Require all granted
</Directory>

目录权限更改

Cheverto要使用文件上传，访问自己目录下的很多文件，并对其做出修改，需要权限

sudo chmod 775 -R /var/www/html/Cheverto/*
sudo chown -R www-data:www-data /var/www/html/Cheverto/*

www-data是web访问时使用的用户

MySQL支持

Cheverto的注册登录等功能依托于数据库操作，安装MySQL的方法及其与PHP关联的方法网上的教程很多，不再赘述。
我们需要为Cheverto创建一个数据库供其使用

create database cheverto;

PHP扩展支持

安装过程中遇到了3个没有安装扩展的需求

sudo apt-get install php7.2-zip
sudo apt-get install php7.2-mbstring
sudo apt-get install php7.2-gd

这些扩展的支持当访问Cheverto的首页时会被报出来，同时还有文件目录的读写权限等等，我们可以根据网页的返回信息对扩展库做出修改

注册登录

安装好Cheverto后，访问url，按照之前的配置就是http://xxx.xxx.xxx.xxx:8080
在页面上进行注册等一系列配置

下载安装PicGo-Core

• PicG-Core的命令行只有在需要上传图片时才会启用一个进程，不占用电脑空间，当然也可以参照PicGo-app的安装

Typora内下载PicGo-Core

• PicGo-Core的下载还可以通过npm来下载，但是需要Node,js环境的支持
• Typora内下载非常简单
  打开Typora>>>文件>>偏好设置>>图像
  
• 在上传服务设定中选择PicGo-Core(command line)
• 点击下载或更新
• 待下载完成后再目录C:\Users\[用户名]\AppData\Roaming\Typora\picgo\win64下应该是可以看到picgp.exe程序的
• 将picgo.exe的目录添加至环境变量中，保证可以再cmd命令行中可以直接使用picgo命令运行picgo程序
• 启动cmd，输入picgo install web-uploader安装插件，此插件适用于私人服务器图床，如果需要使用码云、GitHub等仓库作为图床，可以下载对应的插件

上传文件配置

• 单击打开配置文件，粘贴以下代码：

{
    "picBed": {
    "current": "web-uploader","web-uploader": {
    "customBody": "{\"key\":\"图床上传api提供的key\"}","customHeader": null,"jsonPath": "image.url","paramName": "source","url": "http://个人服务器Cheverto图床域名或地址/api/1/upload"}},"picgoPlugins": {
    "picgo-plugin-web-uploader@1.1.1": true,"picgo-plugin-web-uploader": true}
}

• 获取api的key的方法¹

图片上传

上传测试

• 在cmd命令行中输入picgo upload "测试图片路径"，查看图片是否上传成功，是否返回url
• 在Typora中设置
  
• 自定义命令设置为picgo upload，点击验证图片上传选项
• 上传成功后会提示上传成功并返回图片url
  

上传本地图片

---

1. 进入Cheverto图床主页>>>管理>>>仪表盘>>>设置>>>网站>>>API获取API_Key ??