Typora+Github实现0成本图片云存储

49 阅读3分钟

Typora图片云存储

作为平常写随笔的工具而言,typora是我较为常用的,样式简单,主题较多可定制化。相比较云上的类似于语雀,有道云,简书之类的呢,纯md更具有灵活性和迁移性。我尝尝面临一个场景,就是在csdn,知乎,掘金等不同社区之间重新调整样式,这是一个苦恼的问题,因此我更愿意使用纯正的md来降低部分定制化和样式化,进而达到通用分享的功能。

那么为了保证整个md是在不同社区可以直接复用的,图片资源是一个问题,默认采用的是本地的地址。这当然不能在社区直接复用,为了避免一张张的复制到不同社区,借助云存储+url访问的方式是最有效的。而像是阿里云OSS,亚马逊的S3等对象存储都是收费的,这也是我之前一直没有好好研究的原因。后来仔细看了Typora的相关教程和文档发现github是支持免费进行图片存储以及url访问的,下面将借助typora+piclist+github实现免费图存储。

image-20260111010244950

实现过程

前置安装过程

针对软件的下载安装不过多介绍,顺序进行即可,在win/mac/linux有对应安装版。

配置过程

Github项目创建

注意项目必须是public才可以访问,建立一个空项目就可以,获取账户的token信息来方便后续的piclist联通。

image-20260111011218281 image-20260111011332681

获取token

settings->developer settings->Personal access tokens (classic)->Generate new token(classic)->Generate Token->最后就是copy你的token信息进行保存

image-20260111011813606

image-20260111011913746

image-20260111012006104

image-20260111012154251

image-20260111012220104

image-20260111012311668

PicList配置

将从Github仓库获取的Token信息配置到Piclist软件中,然后进入该配置查看是否能够查阅到仓库信息,其中piclist支持将里面的图片按照不同形式的链接访问。

image-20260111011706262

image-20260111012528444

image-20260111012615719

image-20260111012802738

检测到可以连接并且访问github仓库后,需要配置上传到哪个仓库的相关分支。

image-20260111013434571

image-20260111013515445

image-20260111013901679

确认之后,上传一个文件进行测试,保证功能可用

image-20260111014041827

查看github项目是否上传成功

image-20260111014200961

然后进入piclist管理->piclist(你建立的仓库)->typora(刚才默认上传的子文件夹)->复制图片的url到公网查看是否可以访问,如果可以访问,该环节就结束了。

image-20260111012852643

Typora配置

现在我们可以支撑上传图片到github并返回url访问了,那么下一步就是配置联通typora进行图片上传查看了,进入文件->偏好设置。

image-20260111014548518

在piclist的安装位置找到执行程序,提供typora的调用入口,进行验证图片上传,判断能够打通。

image-20260111014830920

image-20260111014901697

测试Typora的使用

以该篇文章为例,图片导入或者拖拽到文档中后,可以选择上传图片,

image-20260111015427689

image-20260111015709003

我们去查看图片对应的链接也发现了变成了云上的公网存储链接。

image-20260111015755532

进阶功能使用

打水印

如果你想保护自己原创的数据资产,可以对一些个性化图片,比如流程图,架构图等打上水印,具体使用piclist的如下功能,后面的图片开启了水印,添加在右下角:神不在数数:

image-20260111020303050

image-20260111020344476

image-20260111020425417

自动保存配置的,没有确认按钮,也可以设置全屏。

image-20260111020809142