图床创建:github+Picgo+obsidian 带有同步删除的自动上传

news/2025/11/21 22:00:55/文章来源:https://www.cnblogs.com/Goblinscholar/p/19254628

最近一直在做DL部分的学习笔记,一个比较麻烦的地方就是我一直用的obsidian做笔记内容,在博客园导入随笔后,图片的链接一直是我的本地路径,自然无法显示,于是我只好在导入随笔后再把图片一张张上传到博客园的图床上,最后再发布。
之前一直知道图床的概念,只是一直比较懒,最近笔记里的图片越来越多,便想把图床做好来省省功夫。
为了让图床更适合我自己,我在创建过程中也少不了查教程,找攻略,终于也是在“拼接”中完成了一个我个人更适用的图床。
所以本篇是一个简易的图床教程,汇总我在创建过程中查阅的“参考文献”,出现的一些问题和其解决方法。
此外,我发现这类博客的时效性很重要,这里再注明一下,本篇发布于2025年11月。

更新:github对接国内还是十分不稳定,作为外站链接,我在发布后用手机观看发现大部分图片都加载较慢甚至不能显示,在园子官方评论提示下发现在编辑部分可以通过提取图片来把外站图片一键转换为本站链接,因此,如果要在园子发布,那么在最后还需要这一步:

如果提示提取失败:检查你的图片链接是否存在中文

1. 图床是什么?

在我最开始发布的Markdown语法入门里就提到过,我们不能用图片的本地路径让图片显示在网络上,如果那样可以。那就相当于别人可以直接查看我们电脑里的文件。
这显然是风险极大的,所以实际上,我们在微信里给别人传图片、在博客园里看到的图片,实际上都是通过服务器来”中转“,这就避免了让别人直接访问我们的设备。
我们来梳理一下这个过程:
image.png
image.png
image.png

image.png

现在,应用图床之后,我就可以直接导入整个md文件并发布,而且不仅仅是在本平台,在各个平台也一样。图床让图片变得“通用”。
它的概念是这样的:

图床(Image Hosting)是指一个专门用来存储和管理图片文件的在线平台或服务。通过图床,用户可以将图片上传到云端服务器上,生成可访问的链接,并在其他平台、网站、博客等地方引用这些图片。图床的作用就类似于一个“图片仓库”,便于在不同设备和环境中快速访问和共享图片。

2. github : 创建图片仓库和访问令牌

如果只是需要一个存放图片的服务器,其实还有很多选择。
选择github的原因里,一是:它是免费的
其次就是它出现在专业相关的地方比较频繁。
虽然在单个仓库的容量和单个文件的大小上有所限制,但一来图片本身就不大,二来我们也可以创建多个仓库,只是单纯的存放图片,并不需要多么连贯的逻辑,满了就换就好了。

而在这部分我参考最多的教程就是这篇站内大佬的教程,非常详细,几乎就是一步步按着来就好了:
完整教程:2025最新在GitHub上搭建个人图床,保姆级图文教程,实现图片高效管理 - ljbguanli - 博客园

如果你不太熟悉github的操作,点进去就能很好的完成这一部分。
我在这里展示一下完成两项内容的样子:

  1. 创建图片仓库
    image.png

在你的仓库里,看到你创建的用来存放图片的项目就代表你完成了这部分,在完成图床的创建后,你的图片都会自动上传到这里。
2. 创建访问令牌
image.png

按顺序点击后,发现存在你之前创建的令牌,就代表完成了这部分,并且你一定拿到了使用这个令牌访问你个人仓库的明文,也就是”密码“。有了这个,才能对你的项目进行操作。

这样,我们就完成了github部分的设置。

3. Picgo:链接仓库和使用效果更好的插件

如果你搜索过这类博客,你会发现,可能使用的服务器和编辑器有所不同,但用来连接二者的一般都是Picgo这个软件,它是一个图片上传工具,帮你完成把图片存到仓库,生成链接的过程。
如果你希望快速的完成图床布置,只要继续按照上面的链接设置即可,但在这里,我发现了一些情况让我的使用过程不太舒适。
我先不摆下载链接,说几个我发现的情况,之后你可以自行决定自己的设置:

  1. 无论你的版本是什么,Picgo启动后不会主动显示界面
    image.png

你双击应用后,需要在这里再次点击才会显示它的界面,这个问题一度让我怀疑自己的电脑不适配。
2. 本体的github图床设置不能实现和仓库的同步删除,这是让我极其难受的一点,来展开看看。
image.png

image.png

image.png

但如果你不太在意这一点,那就可以忽略,这不影响正常使用
3. PicGo-2.4.0-beta.9 之前的版本无法搜索到插件。
这是我在寻找第二点的解决方法时发现的情况。
当时,我通过搜索得知,一个叫github-plus的插件可以解决第二点问题,但是却在软件的插件里搜索不到任何内容。
image.png

最后,我在这里找到了答案:如何优雅地安装PicGO插件?(解决搜不到插件以及下载慢的通用方法) - 陶小桃Blog
答案没在正文,而是在评论区
image.png
而实际也确实如此。

所以,综上所述,最后,我的安装方案是这样的:
首先,通过各个图片里的链接下载PicGo-2.4.0-beta.9或者之后的版本:
下载链接:Releases · Molunerfinn/PicGo

image.png
然后,在该版本内搜索 github-plus 插件并安装:
image.png
现在,图床设置中就会多出一栏新的选择
image.png
现在,继续按教程配置即可实现拥有同步删除功能的图床,当你在图片删除图片时,就会出现这个提示,且验证属实:
image.png
于是这一部分也总算结束了。

4.obsidian 插件实现粘贴自动传入Picgo

在我搜索的教程中,推荐使用的编辑器更多是Typora,因为它内置了传入Picgo的功能,可以通过设置启用。
我也跟随之前的教程下载了这个编辑器并实现了破解,但在使用之后还是选择继续使用obsidian,一来确实我用的更加习惯,二来破解限定了版本不能更新。
要强调一点的是,Typora十月的更新完善了反破解机制,教程里的方法已经不起作用了,会自动退出。
如果你还是希望使用Typora,这篇博客里分享了老版本的Typora,按部就班就可以实现破解:Typora破解2025最新版破解教程1.10.8_typora 1.10.8-CSDN博客

而obsidian的官网在这:Obsidian - Sharpen your thinking,是一个免费软件,无需破解。
于是,为了让我的obsidian也实现这个功能,我再次启动百度大法,最后在这里找到了答案:(99+ 封私信 / 81 条消息) 【Obsidian绝配!】为你的OB搭建专属图床,保姆级教程! - 知乎
来演示一下:
image.png
image.png
image.png
现在,当你粘贴一张图片进入obsidian时,他就会自动上传到你的代码仓库了:
image.png

我也终于可以直接导入随笔然后发布了。

5.“参考文献”

还是要感谢前辈们愿意分享知识,让我在创建过程中的问题都能得到解决。

  1. 完整教程:2025最新在GitHub上搭建个人图床,保姆级图文教程,实现图片高效管理 - ljbguanli - 博客园
  2. 希望添加远端同步删除功能 · Issue #170 · Molunerfinn/PicGo
  3. 如何优雅地安装PicGO插件?(解决搜不到插件以及下载慢的通用方法) - 陶小桃Blog
  4. Typora破解2025最新版破解教程1.10.8_typora 1.10.8-CSDN博客
  5. (99+ 封私信 / 81 条消息) 【Obsidian绝配!】为你的OB搭建专属图床,保姆级教程! - 知乎

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/972576.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

重组生长因子全面解析:从结构功能到科研应用指南

重组生长因子是现代生命科学研究中不可或缺的重要工具,它们通过基因工程技术在体外表达和纯化获得,为细胞生物学、发育生物学及信号转导研究提供了高纯度、高活性的关键试剂。作为科研试剂,重组生长因子以其精确的序…

2055.11.21

十点睡醒起床,吃饭 然后洗澡回宿舍上网课,开团会,出去吃饭,回宿舍准备睡觉

Dify异步接口调用优化实践:解决长时任务处理与网络超时疑问

Dify异步接口调用优化实践:解决长时任务处理与网络超时疑问pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Conso…

STM32系统时钟与SysTick定时器

一、系统嘀嗒定时器(SysTick)全面解析 1. SysTick定时器基本概念 定时器是STM32 中常用的外设,一般定时器的基本功能就是定时,而在Cortex M3/M4 内核中也包含一个简单的定时器,就是系统嘀嗒定时器(Systick),它是属…

【251121】CF2171 Div.3 vp 总结

老师说让我尝试体验快乐 AK,但是我失败了。 还是太菜了喵! 题目梗概题目编号 题目名称 题目链接A Shizuku Hoshikawa and Farm Legs LinkB Yuu Koito and Minimum Absolute Sum LinkC1 / C2 Renako Amaori and XOR G…

OI 笑传 #32

なんてったって春今天是 bct Day2,赛时 \(40+60+10+0=110\),rk 70。 挂分原因是被 vector 卡常了/fn。然后 T4 捆绑 Sbt#1 T 了一个于是又没了 20pts。 评价是 ok 场,练习了对拍的使用。 发现 hm2ns 总是会随口否掉…

PyOpenGL实现Bresenham算法

Bresenham直线算法 Bresenham画圆算法 中点Bresenham画椭圆算法1. Bresenham直线生成算法 1.1 理论基础 绘制直线的最直观想法是使用直线方程 y = mx + b,并对x的每个整数值计算y 这涉及到大量的浮点数乘法和舍入运算…

【Linux】教你在 Linux 上搭建 Web 服务器,步骤清晰无门槛 - 详解

pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Consolas", "Monaco", "Courier New", …

【第7章 I/O编程与异常】\r\n 和 \n\r是一回事吗?

\r\n 和 \n\r 不是一回事,它们是两种完全不同的字节序列,在语义和实际效果上也完全不同。 一、含义对比 序列 字节(十六进制) 含义\r\n 0x0D 0x0A 回车(Carriage Return) + 换行(Line Feed)✅ Windows 标准换行…

2025-11-21

CF Problem - 1234C - Codeforces(贪心) #include <bits/stdc++.h> using namespace std; #define LL long long const LL mod = 998244353; const int N=2e5+10; string s[2];void solve() {int n;cin >&g…

深入解析:windows显示驱动开发-CCD api的摘要及方案(一)

pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Consolas", "Monaco", "Courier New", …

nju实验七 状态机及键盘输入

本实验的目的是学习状态机的工作原理,了解状态机的编码方式,并利用PS/2键盘输入实现简单状态机的设计。实验七 状态机及键盘输入 简单状态机 . ├── build ├── constr │ └── top.nxdc ├── csrc │ └…

2025-11-21 XQQ NOIP Round 1 hetao1733837的record

2025-11-21 XQQ NOIP Round 1 hetao1733837的record2025-11-21 XQQ NOIP Round 1 hetao1733837的record A.tree 提交链接:树 题面 题目描述 给定一棵 $n$ 个点的树和一个长度为 $n$ 的数组 $score[0], ..., score[n-1…

Gephi如何支持MySQL数据的复杂查询

Gephi是一个用于网络可视化的开源软件,它主要处理的是图数据结构。虽然Gephi本身并不直接支持MySQL数据库的复杂查询,但你可以通过以下步骤将MySQL中的数据导入到Gephi中,并在Gephi中进行进一步的处理和分析:数据提…

Mozilla CI日志中暴露微软x-apikey的安全事件分析

微软遥测API密钥在Mozilla持续集成公共日志中意外暴露。该密钥出现在自动化Firefox测试期间发送到微软遥测端点的HTTP POST请求中,通过mitmproxy日志捕获。尽管安全影响有限,但Mozilla已采取措施防止未来凭证泄露。报…

Gephi中MySQL数据的节点和边如何设置

在Gephi中,使用MySQL数据源时,首先需要导入数据到Gephi的工作空间。以下是设置节点(Node)和边(Edge)的一般步骤:导入MySQL数据:使用Gephi的MySQL插件或其他适当的方法连接到您的MySQL数据库。 执行SQL查询以提…

Gephi怎样优化MySQL数据的展示效果

Gephi是一个用于网络可视化的开源软件,它可以帮助用户创建网络图和数据可视化。然而,Gephi本身并不直接与MySQL数据库交互,它通常用于处理和分析已经存在于内存或文件中的数据集。如果你想要优化MySQL数据的展示效果…

Gephi对MySQL数据的导入导出有何支持

Gephi是一个用于网络可视化的开源软件,它主要处理的是图数据结构。关于Gephi对MySQL数据的导入导出支持,这通常取决于Gephi的版本以及用户是否进行了特定的配置或开发。在标准的Gephi版本中,可能并没有直接针对MySQ…

Fisrt Blog

音视频简介 这是单个代码,find() 这是一段代码 #include<stdio.h> int main() {code } 213213"213231" 这是斜体 这是加粗 ffmpeg find函数她有以下几个用法:第一个用法是 第二个用法我是十个机器人…

揭秘Java对象的内存占用量:从面试题到底层原理

你是否在面试中被问到过:“一个new Object()在JVM中占多少内存?” 这个问题看似简单,却考察了你对Java内存模型(JVM)、数据结构和性能优化的理解深度。今天,我们就来彻底搞懂它。 一、核心结论:一个Java对象的三…