如何 一键 将文章中所有的图片上传到图床?让你更方便地写文章!!!

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

而本篇文章的重点是:

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

1. 下载 Obsidian

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

   下载链接:Download - Obsidian ;

2. 安装插件

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

2.1 设置中文,并重启

如何 一键 将文章中所有的图片上传到图床?让你更方便地写文章!!!_第1张图片

2.2 访问插件市场

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

  • 方法一:下载 Steam++ 加速 Github。瓦特工具箱(Steam++官网) - Watt Toolkit (steampp.net)
  • 方法二:
  • 方法三:下载 FastGithub FastGithub下载及使用 - 知乎 (zhihu.com)
  • 方法四:下载 ProxyGithub 插件(好像有 BUG) juqkai/obsidian-proxy-github

如何 一键 将文章中所有的图片上传到图床?让你更方便地写文章!!!_第2张图片

2.3 在插件市场下载 Image auto uploadCommander

如何 一键 将文章中所有的图片上传到图床?让你更方便地写文章!!!_第3张图片
如何 一键 将文章中所有的图片上传到图床?让你更方便地写文章!!!_第4张图片

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

2.4 配置 Commander 插件

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

如何 一键 将文章中所有的图片上传到图床?让你更方便地写文章!!!_第5张图片
如何 一键 将文章中所有的图片上传到图床?让你更方便地写文章!!!_第6张图片

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

如何 一键 将文章中所有的图片上传到图床?让你更方便地写文章!!!_第7张图片
如何 一键 将文章中所有的图片上传到图床?让你更方便地写文章!!!_第8张图片

如何 一键 将文章中所有的图片上传到图床?让你更方便地写文章!!!_第9张图片

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

如何 一键 将文章中所有的图片上传到图床?让你更方便地写文章!!!_第10张图片

2.5 设置图片存储配置

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

如何 一键 将文章中所有的图片上传到图床?让你更方便地写文章!!!_第11张图片

   它会自动生成文件夹。

如何 一键 将文章中所有的图片上传到图床?让你更方便地写文章!!!_第12张图片

2.6 配置 Image auto upload 插件

如何 一键 将文章中所有的图片上传到图床?让你更方便地写文章!!!_第13张图片

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

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

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

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

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

如何 一键 将文章中所有的图片上传到图床?让你更方便地写文章!!!_第14张图片

你可能感兴趣的:(经验分享,开发语言,github)