用 Obsidian + PicGO 来一键将文章中所有的图片上传到图床(做到更方便地 本地、图床同时存储)

在创建图床这一块网上教程很多,这里直接给链接。我亲测有效,使用的是 Github 图床,这里面也解决了访问速度慢的问题:快速提高写作生产力------使用PicGo+Github搭建免费图床,并结合Typora - 掘金 (juejin.cn)

而本篇文章的重点是:

  1. 将以前的没有使用图床的文章图片一键上传到图床,并自动替换原链接。
  2. 在写文章的过程中,先将图片存在本地,最后再一键上传。这样既可以做到本地备份,也可以上传到图床。(其实这两点都一样)

1. 下载 Obsidian

Obsidian 其实就是 markdown 编辑器,跟 Typora 一样的。主要区别就是 Obsidian 有自己的插件生态(各种功能的插件),跟 VSCode 差不多。

下载链接:Download - Obsidian

2. 安装插件

这里假设你已经看了文章顶部链接的文章,并且已经创建了自己的图床,并配置了"PicGO"。

2.1 设置中文,并重启

2.2 访问插件市场

由于 Obsidian 的插件是在 Github 上的,所以通过 Obsidian 来访问 Github 是连接不上的。

2.3 在插件市场下载 Image auto uploadCommander

Image auto upload 就是用来结合 PicGO 来实现一键上传图床的插件。而 Commander 是用来实现"一键"这个功能的,也就是它能将这个功能显示在界面上为一个按钮。   由于 Obsidian 默认是不能自定义按钮,所以需要 Commander 为 Obsidian 四周添加一些按钮,跟 IDEA 上的调试、运行按钮一样。

2.4 配置 Commander 插件

在你的"第三方插件"中找到该插件。

顶栏就是你需要添加按钮的位置,这里我选择了首页,然后点击"添加命名"

现在你能在你的首页看到下面这个按钮(图标为自己选择的图标)

2.5 设置图片存储配置

如果按照如下设置,那么你从"粘贴板"复制过来的以及导入的图片就会按照下面的规则存储。

它会自动生成文件夹。

2.6 配置 Image auto upload 插件

"剪切板自动上传"这个功能的开关,决定你是否要本地备份。

2.7 本地备份以及一键上传图床

如果"剪切板自动上传"开启,那么你复制或导入的图片不会放入你的本地(2.5 步骤将失效),会直接上传到图床。

如果"剪切板自动上传"关闭,它会像 2.5 步骤那样,存储在本地。然后你文章写完后点击首页上的按钮,文章的图片就一键上传到图床了。这样就既可以做到本地备份,也可以上传到图床。

如果图片多,"一键上传"会花费一段时间,要耐心等待。

相关推荐
木斯佳9 小时前
前端八股文面经大全:影刀AI前端一面(2026-04-01)·面经深度解析
前端·人工智能·沙箱·tool·ai面经
小江的记录本10 小时前
【Linux】《Linux常用命令汇总表》
linux·运维·服务器·前端·windows·后端·macos
无人机90110 小时前
Delphi 网络编程实战:TIdTCPClient 与 TIdTCPServer 类深度解析
java·开发语言·前端
lUie INGA11 小时前
rust web框架actix和axum比较
前端·人工智能·rust
OPHKVPS11 小时前
VoidStealer新型窃密攻击:首例利用硬件断点绕过Chrome ABE防护,精准窃取v20_master_key
前端·chrome
gechunlian8812 小时前
SpringBoot3+Springdoc:v3api-docs可以访问,html无法访问的解决方法
前端·html
驾驭人生12 小时前
ASP.NET Core 实现 SSE 服务器推送|生产级实战教程(含跨域 / Nginx / 前端完整代码)
服务器·前端·nginx
yhole13 小时前
springboot三层架构详细讲解
spring boot·后端·架构
酉鬼女又兒13 小时前
零基础快速入门前端ES6 核心特性详解:Set 数据结构与对象增强写法(可用于备赛蓝桥杯Web应用开发)
开发语言·前端·javascript·职场和发展·蓝桥杯·es6
慧一居士13 小时前
Vue项目中,子组件调用父组件方法示例,以及如何传值示例,对比使用插槽和不使用插槽区别
前端·vue.js