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

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

Picgo

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

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

PicGo 本体支持如下图床:

  • 七牛图床 v1.0
  • 腾讯云 COS v4\v5 版本 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(Windows\Linux)

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

  • 支持通过发送 HTTP 请求调用 PicGo 上传(v2.2.0+)

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

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

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

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

之后进行图床的设置。

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

github配置

仓库的创建

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

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

之后进setting里面

拿到自己的token

token的获取

进入后。

要选择创建那个tokens(classic)

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

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

还是这张图

picgo配置

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

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

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

xiaou/pictures

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

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

jsDelivr进行图片访问加速

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

官网在这里

怎么用是非常的简单的

cdn.jsdelivr.net/gh/xiaou61/...

这个是我的,就是

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

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

typora上配置picgo

左上角文件

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

相关推荐
QQ1__8115175156 小时前
Spring boot名城小区物业管理系统信息管理系统源码-SpringBoot后端+Vue前端+MySQL【可直接运行】
前端·vue.js·spring boot
钛态6 小时前
前端微前端架构:大项目的救命稻草还是自找麻烦?
前端·vue·react·web
一粒黑子6 小时前
【实战解析】阿里开源 PageAgent:纯前端 GUI Agent,一行JS让网页支持自然语言操控
前端·javascript·开源
独角鲸网络安全实验室6 小时前
2026微信小程序抓包全解析:从实操落地到合规风控,解锁前端调试新范式
前端·微信小程序·小程序·抓包·系统代理绕过·https证书严格校验·进程隔离
紫微AI6 小时前
前端文本测量成了卡死一切创新的最后瓶颈,pretext实现突破了
前端·人工智能·typescript
GISer_Jing6 小时前
AI前端(From豆包)
前端·aigc·ai编程
IT枫斗者6 小时前
前端部署后如何判断“页面是不是最新”?一套可落地的版本检测方案(适配 Vite/Vue/React/任意 SPA)
前端·javascript·vue.js·react.js·架构·bug
测试修炼手册6 小时前
[测试技术] 深入理解 JSON Web Token (JWT)
前端·json
AI老李6 小时前
2026 年 Web 前端开发的 8 个趋势!
前端
里欧跑得慢6 小时前
15. Web可访问性最佳实践:让每个用户都能平等访问
前端·css·flutter·web