关于typroa上传图片自动上传到免费服务器上

2023年 8月 15日 116.6k 0

这个的起源就是当时想要移植一下我学习渡一html的那个md文件,后来发现。我之前在obsidian上写的关于图片插入方面,出了一些问题,他这个默认开启的插入格式是这个软件所独有的![[地址]]。这个情况就有些麻烦,最后还是一个一个转换成正常的了,但是预览后发现还是不行,估计是因为他图片的问题。Pasted image 20230720210255他的格式是这样的,可能是因为空格的原因,无法识别,后来干脆就不用这个写作了。继续选择了typroa。之后图片问题。打算直接用上传到服务器的方法,虽然说这个方法,如果服务器倒闭之类的,可能会造成一些问题,但是我这里选择的github,应该是没那么容易倒闭的。但是也不敢保证,毕竟像gitee这种也是挂了,如果以后有点钱了,会考虑升成腾讯云或者阿里云的oos的。这里就是用的一个免费的服务器了。

Picgo

首先就是下载picgo。官网地址:PicGo

PicGo: 一个用于快速上传图片并获取图片 URL 链接的工具

PicGo 本体支持如下图床:

  • 七牛图床 v1.0
  • 腾讯云 COS v4v5 版本 v1.1 & v1.5.0
  • 又拍云 v1.2.0
  • GitHub v1.5.0
  • SM.MS V2 v2.3.0-beta.0
  • 阿里云 OSS v1.6.0
  • Imgur v1.6.0

本体不再增加默认的图床支持。你可以自行开发第三方图床插件。详见 PicGo-Core (opens new window) 。

特色功能

  • 支持拖拽图片上传

  • 支持快捷键上传剪贴板里第一张图片

  • Windows 和 macOS 支持右键图片文件通过菜单上传 (v2.1.0+)

  • 上传图片后自动复制链接到剪贴板

  • 支持自定义复制到剪贴板的链接格式

  • 支持修改快捷键,默认快速上传快捷键:command+shift+p(macOS)| control+shift+p(WindowsLinux)

  • 支持插件系统,已有插件支持 Gitee、青云等第三方图床

    • 更多第三方插件以及使用了 PicGo 底层的应用可以在 Awesome-PicGo (opens new window)找到。欢迎贡献!
  • 支持通过发送 HTTP 请求调用 PicGo 上传(v2.2.0+)

  • 更多功能等你自己去发现,同时也会不断开发新功能

    • 开发进度可以查看 Projects (opens new window),会同步更新开发进度

这些是pigco官方的一些说法。下载完毕后就是这样的

image-20230721200634635

这里有一个需要注意的地方,我就提前说了,就是在上传的时候不要开一些加速器之类的。

image-20230721200717868

类似steam++这样的加速器,不然会导致后续上传的失败。

image-20230721200834579

之后进行图床的设置。

image-20230721200958949

可以发现这些是要进行设置的东西。

github配置

仓库的创建

之后我们进入github创建一个存储库

image-20230721201352635

像这样进行创建就可以了。

之后进setting里面

image-20230721201530828

拿到自己的token

token的获取

image-20230721201709736

进入后。

image-20230721201740682

image-20230721201815342

要选择创建那个tokens(classic)

之后选上repo的这个权限就可以了。

期限可以设置成永久,也可以默认,Note就是描述一下这个token是干什么的,一般没什么用。随便取就可以了。之后复制好token。

image-20230721201935793

还是这张图

picgo配置

图床配置名随便取就可以。

仓库名是你自己的github名字加你的仓库名

例如我的github名字是xiaou,我创建的仓库是pictures那么这里就写

xiaou/pictures

分支名写默认的就可以main。

后面俩个可以默认,当然为了访问速度的考虑,最后一个设置自定义域名我们可以进行一个设置。

jsDelivr进行图片访问加速

jsDelivr - A free, fast, and reliable CDN for JS and open source

官网在这里

image-20230721202248278

怎么用是非常的简单的

cdn.jsdelivr.net/gh/xiaou61/…

这个是我的,就是

cdn.jsdelivr.net/gh/github名字/仓库名

之后设置好之后,我们可以测试上传几张图片,如果没有问题,我们就开始最后一步

typora上配置picgo

左上角文件

image-20230721202437839

偏好设置,图像,里面需要写我们picgo的路径,之后点击验证图片上传,如果出现成功,那么就成功了。

相关文章

JavaScript2024新功能:Object.groupBy、正则表达式v标志
PHP trim 函数对多字节字符的使用和限制
新函数 json_validate() 、randomizer 类扩展…20 个PHP 8.3 新特性全面解析
使用HTMX为WordPress增效:如何在不使用复杂框架的情况下增强平台功能
为React 19做准备:WordPress 6.6用户指南
如何删除WordPress中的所有评论

发布评论