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

一只鱼 10个月前 一只鱼
3,198 0

PicGo + Chevereto
Typora安装
Typora+PicGo Core+Chevereto实现笔记中的图片自动上传个人服务器图床
在个人服务器上搭建Cheverto图床
一、搭建web环境
1. 下载安装Cheverto
2. 服务器配置
虚拟主机添加
端口监听
.htaccess文件支持
文件目录下对rewrite的(.htaccess能不能起作用)支持
目录权限更改
MySQL支持
PHP扩展支持
注册登录
下载安装PicGo-Core
Typora内下载PicGo-Core
上传文件配置
图片上传
上传测试
上传本地图
Typora安装
Typora是一款非常简洁的Markdown编辑器,其较新的版本支持图片上传服务
Typora+PicGo Core+Chevereto实现笔记中的图片自动上传个人服务器图床
在这里插入图片描述
下载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后面需要添加的端口号,自行决定要用哪个

ServerAdmin image@localhost
DocumentRoot /var/www/html/Chevereto
ErrorLog ${APACHE_LOG_DIR}/error.log
CustomLog ${APACHE_LOG_DIR}/access.log combined

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

Listen 8080

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

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

sudo a2enmod rewrite

文件目录下对rewrite的(.htaccess能不能起作用)支持
在/etc/apache2/apache2.conf中添加如下内容,以允许读取.htaccess文件作为局部配置信息

AllowOverride All
Order allow,deny
Allow from all
Require all granted

目录权限更改
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>>>文件>>偏好设置>>图像
Typora+PicGo Core+Chevereto实现笔记中的图片自动上传个人服务器图床
在这里插入图片描述
在上传服务设定中选择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的方法1
图片上传
上传测试
Typora+PicGo Core+Chevereto实现笔记中的图片自动上传个人服务器图床
在cmd命令行中输入picgo upload “测试图片路径”,查看图片是否上传成功,是否返回url
在Typora中设置
在这里插入图片描述
自定义命令设置为picgo upload,点击验证图片上传选项
上传成功后会提示上传成功并返回图片url
Typora+PicGo Core+Chevereto实现笔记中的图片自动上传个人服务器图床
Typora+PicGo Core+Chevereto实现笔记中的图片自动上传个人服务器图床
Typora+PicGo Core+Chevereto实现笔记中的图片自动上传个人服务器图床

在这里插入图片描述在这里插入图片描述在这里插入图片描述
上传本地图
Typora+PicGo Core+Chevereto实现笔记中的图片自动上传个人服务器图床
在这里插入图片描述

进入Cheverto图床主页>>>管理>>>仪表盘>>>设置>>>网站>>>API在这里插入图片描述获取API_Key ↩︎
Typora+PicGo Core+Chevereto实现笔记中的图片自动上传个人服务器图床

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...