Typora + uPic +Chevereto 完美组合

/ 默认分类 / 没有评论 / 130浏览

对于用 Markdown 来写博客的用户来说,图片的引用问题是个众所周知的难题。使用了这套组合后,妈妈再也不用担心我图片链接失效打不开了。

工具下载安装:

Typora : https://www.typora.io/

uPic : 从 Github release 下载。如果访问 Github 下载困难的,可以从Gitee release下载。

Chevereto :https://chevereto.com/ ,群晖安装可以参考我之前的文章 http://maruifu.cn/article/142

Typora上传设置

插入图片时选择:上传图片

勾选: 对本地位置的图片应用上述规则

勾选: 对网络位置的图片应用上述规则

上传服务选择 :uPic

image-20210124222726843

Typora上传设置

uPic上传设置

API Key: 在浏览器登录你的Chevereto后,打开仪表盘->设置->API。拷贝 API v1 Key

image-20210124224225336

获取API Key

API 地址:[你的 Chevereto 地址]/api/1/upload。例如 https://demo.chevereto.com/api/1/upload

请求方式: POST 使用 Base64: 勾选 文件字段名: source

其他字段:

​ 增加Head­ers字段: Content-Type:multipart/form-data; charset=utf-8;

​ 增加Body字段:

key: 填写上面准备好的 [API Key]

action: upload

image-20210124223850177

uPic其他字段设置

URL 路径:上传完成后获取图片链接的路径。["im­age", "url"]

image-20210124223314969

uPic上传设置

自定义chevereto上传用户(可选)

获取root权限

admin@XiaoMageNAS:~$ sudo -i
root@XiaoMageNAS:~# 

查看运行的docker容器

root@XiaoMageNAS:~# docker ps -a
CONTAINER ID        IMAGE                       COMMAND                  CREATED             STATUS                  PORTS                                                      NAMES
f3e5f503f36d        bitwardenrs/server:1.18.0   "/start.sh"              4 days ago          Up 12 hours (healthy)   0.0.0.0:32769->80/tcp, 0.0.0.0:32777->3012/tcp             bitwardenrs
8f0cd2b10c84        gogs/gogs:latest            "/app/gogs/docker/st…"   5 weeks ago         Up 5 days               3000/tcp, 0.0.0.0:32768->22/tcp, 0.0.0.0:32770->3001/tcp   gogs-gogs1
c986eeb9d23d        portainer/portainer         "/portainer"             6 weeks ago         Up 5 days               0.0.0.0:9999->9000/tcp                                     portainer
5bd176c39f27        nmtan/chevereto:latest      "docker-php-entrypoi…"   6 months ago        Up 12 hours             0.0.0.0:10000->80/tcp                                      nmtan-chevereto1

进入chevereto容器 docker exec -it 5bd176c39f27 bash

退出容器chevereto容器 exit

复制容器中的文件到本地目录

 docker cp  5bd176c39f27:/var/www/html/app/routes/route.api.php /volume1/docker/

修改配置文件

vi /volume1/docker/route.api.php
// 将此105行代码$uploaded_id = CHV\Image::uploadToWebsite($source);  修改为下面代码
$uploaded_id = CHV\Image::uploadToWebsite($source, 'xiaomage');

image-20210124234446010

这里的xiaomage是要传的用户名,可以设置->账户->用户名 查看

image-20210125001051434

复制到容器目录里面

docker cp /volume1/docker/route.api.php 5bd176c39f27:/var/www/html/app/routes/overrides/