前言

typora应该是最好用和最简洁markdown本地编译器之一了,对于markdown文件中图片的管理比较复杂,不像word,图片直接封装在文档里面开箱即用。

使用typora默认图片配置,所有图片存储在文档同级目录下,这样会很乱,图片多的时候不容易找到文档文件,而且有多个文档时会导致不同文档的图片混在一起分享和归档是个问题。当然typora也可以配置图片存储在独立目录,这样可以解决不同文章图片在同一个目录无法区分的问题。但是同时也会增加管理图片的负担,文档移动位置图片也要跟着移动,并且如果想要分享给别人图片目录也要一起分享比较复杂,typora图片不同设置如图所示:

image-20250113151633229

上面图片设置中还有一个上传图片的配置,这个选项就是本篇要聊的图片复制到typora之后会自动上传,并且图片自动使用上传之后的链接地址。这样本地只会有一个md文档文件,不用特殊管理图片,分享文档给别人也只需要分享md文档即可,不用再分享图片。也不用担心图片管理的过程中会丢失。

所以typora结合Picgo图片自动上传到chevereto图床服务器是一个相对完美的方案。

翻阅互联网大部分使用的chevereto都是免费版或是旧版,使用的API版本都是V3版本,几乎没有翻到使用V4版本的教程,而且描述也不够详细,当然我们肯定是要直接使用V4版本的,当前2025.1.13本篇所有使用的软件也会是当下最新版本。

CheveretoV4设置

cheveretov4安装请参考之前文章:

cheveretov4迁移请参考之前文章:

配置用户和相册

使用Picgo进行图片上传到chevereto,如果是只有自己用的chevereto最好在chevereto图床中新建一个专门用于Picgo上传的用户,我是这样做的当然直接使用管理员账户也可以。设置好账户之后新建一个专用上传的相册,相册配置为加密(通过相册链接可见)。设置加密的原因为在探索界面不会展示此类图片。脱离了文章文章所用图片没有上下文通常意义不大。新建用户和相册如图所示:

image-20250113160040447

相册配置如图:

image-20250113160147048

获取APIkey

点击设置->API点击生成API key,记得复制保存,处于安全考虑生成后再次点击是无法查看的,如果丢失可以重新生成,点击重新按钮进行重新升级即可,如图:

image-20250113160559856

获取上传相册ID

V4版本是可以指定使用API上传图片的相册的,这也是我为什么一定要使用V4版本的原因。指定上传相册需要获取AlbumID,如图:

image-20250113160914128

将鼠标移动到相册位置,浏览器左下角会显示相册的链接,链接格式为https://domain/album/***.xxx,最后的xxx就是我们要获取的AlbumID

安装node.js

安装node.js主要是使用npm(这里的npm不是指的nginx proxy manager,两个是完全不一样的东西)进行插件的安装和管理。从官网下载一键安装即可。

Picgo安装

获取安装包

查看官网文档如图:

image-20250113153330170

官方介绍了不同平台的各种安装方式,我们在windows平台使用第一种安装包方式进行安装,第二和第三种目测需要安装第三方软件,这里不进行过多描述,点开GithubRelease下载windows版本,考虑国内访问Github比较吃力问题这里给出官方国内可下载地址,Github官方Release如图:

image-20250113153806798

图中国内下载链接如下:

版本选择

最新版本2.4.0-beta.9为尝鲜测试版,我们要使用稳定版吗?我的答案是不用,原因是在写这篇文章时我用的是2.3.1的正式版,发现插件搜索列表无法搜索,输入关键字后没有搜索结果。看最新版本的Bug Fixes第一个写的是修复插件列表无法搜索问题,所以我们直接只用该版本即可。上面描述中我也贴心的给出了各种链接地址,选择自己的平台进行下载完成安装。windwos下选择PicGo-Setup-2.4.0-beta.9.exe版本进行下载安装。

Picgo软件安装

从上一节描述中下载安装包,进行双击安装即可,windows下载选择仅个人安装就行,毕竟使用该电脑的用户通常只有你自己一个人。

安装插件

打开Picgo点击插件设置,在搜索框输入chevereto,选择v4版本进行安装,如图:

image-20250113162037786

点击安装即可,如果可以安装成功可跳过后面网络问题解决步骤。但是国内环境可能安装不成功,下面给出几种安装的方法,根据自己的网络环境选择。

为什么会提网络问题

我之前使用的Picgo版本为2.3.1上面也有提到,发现搜索框无法搜索出结果然后升级到最新2.4.0版本。更新后搜索插件发现版本为1.4.1,但是我本地的为之前安装的1.1.4所以我也尝试更新版本,点击更新一直更新不成功,所以这里记录一下升级安装过程。

第一种方法使用本地导入

点击上图中搜索框上面的导入按钮进行导入,需要1.4.1的导入包,Github下载地址。考虑需要网络环境这里提供国内下载地址进行下载,下载后解压缩导入即可。下载地址如下:

此处内容需要评论回复后(审核通过)方可阅读。

第二种配置npm代理(注意不是nginx proxy manager,这里指的是nodejs的packge manager),但是需要有科学上网插件

这种方式操作比较复杂,要求相对较高。首先要有全局科学上网代理插件,我的全局代理端口为7890(根据自己的配置)。进入Picgo的插件安装目录C:\Users\zhang\AppData\Roaming\picgo,右键选择在终端中打开,打开命令行,输入如下命令(一条一条粘贴使用):

#设置代理
npm config set proxy http://127.0.0.1:7890

#设置https代理
npm config set https-proxy http://127.0.0.1:7890

#安装插件
npm install picgo-plugin-cheveteto-upload

#其它命令(不一定要执行)
npm config get proxy

npm config get https-proxy

npm config delete proxy

npm config delete https-proxy

npm cache clean --force

再次声明:如果要成功执行以上命令,需要一步一步按文档进行必要软件的安装,并且有全局科学上网代理插件,以上命令的端口号需要更换为自己的插件全局端口号,安装成功后需要重启Picgo

配置cheveretoV4插件

点击Picgo的图床设置,选择Chevereto V4 Upload进行配置如图:

image-20250113164739798

点击编辑进行上传配置,如图:

image-20250113164926364

图床配置名可以按自己的需要填写,版本选择V4Url根据自己网站的Url进行替换格式为:https://yourdomain/api/1/uploadAPI key和下面的AlbumID在上面的配置中已经有描述,将KeyID复制粘贴过来即可。

测试上传

点击Picgo上传区,随便拖拽一个测试图片到上传区看是否能够成功上传到图床指定的相册,按上面配置应该问题不大。

安装typora

因为typora官网最新版是收费的,支持正版的小伙伴从官网下载最新版本即可。这里提供windowsmac的免费版(仅限跟个人学习,请勿用于商业用途),安装后记得关闭自动更新。

此处内容需要评论回复后(审核通过)方可阅读。

typora上传配置

image-20250113151633229

在偏好设置中修改图像上传,选择上传图片,上传服务选择Picgo即可。配置完可以点击验证图片上传看是否可以调用成功。

总结

本文描述了完整的typora+picgo+chevereto的详细安装和配置。结合其它文章可以实现完整全链路的markdown解决方案。

--EOF

最后修改:2025 年 01 月 13 日
如果觉得我的文章对你有用,请随意赞赏