编辑
2025-05-10
服务器
0

目录

插件中心
参考1 -使用图床上传图片
参考2 -阿里云OSS服务设置
阿里云OSS搭建图床
1\. 注册登录阿里云
2\. 开通OSS服务
3\. 创建OSS Bucket
4\. 记下Bucket信息
5\. 创建AccessKey
6\. 创建子账户用来配置PicGo
7\. 配置子账户OSS权限
配置PicGo
1\. 安装PicGo
2\. PicGo配置阿里云OSS
3\. PicGo其他配置
配置Typora
1\. 下载安装Typora
2\. 配置Typora连接PicGo

本文总结了Obsidian中图片管理的两种方案:自动本地化网络图片,以及利用图床实现图片云端存储和多平台复用

插件中心

  • 将网络图片转为自己图片 步骤1:检查网络连接,确保能够正常访问外部图片资源。 步骤2:在Obsidian 设置中, 使用Local Images Plus 插件的设置选项。 步骤3:启用“自动处理”选项,确保插件能够自动下载并本地化图片

参考1 -使用图床上传图片

Obsidian使用手札MOC(持续更新) 50

使用图床实现“一次上传、多次搬运”

最近Obsidian中文论坛正式运营了,中文圈的Obsidian小伙伴们也算是有个一个大本营,我把之前写的Obsidian文章从简书、知乎往论坛里搬运。每篇文章里最麻烦的就是图片的复制粘贴了,不仅要找到图片原片,还有对号入座找到文章中的位置,十分费时费力。如果文章一次写好,到处发布该有多方便啊。在网上查了下资料,发现图片的处理有解决的方法,就是图床。由于非常简单实用,所以花点时间介绍一下。

图床就是将图片等资料上传存到远端的存储空间里,既然是上传就需要两样工具,一个上传的软件,一个云空间。本文上传软件选用开源的picGo,云空间选择腾讯云的COS。特别说明的是腾讯云COS是一种专门用来存储非结构化数据的存储技术,类似图片、音视频等格式的文件放到COS集群里,比放到结构化数据库的CLOB或BLOB中要快很多。

**==概括: 分三步来介绍 第一步安装和配置picGo 第二步配置腾讯云COS图床服务(阿里云同理) 第三步下载配置obsidian-image auto upload插件。

第一步:
picGo在github上下载,开源picGo 451
安装完成后,启动位置会看到picGo的图标,单击可以打开最近上传的图片列表:

[d5c1ccfef6f8533c69f21d8cd806a70f_MD5

双击打开主界面:

[a37177869d660ce7e8251c11362f5144_MD5

把要上传的图片直接拖动到这里,picGo就会自动上传到云端。远端图床的配置如下(以腾讯云COS图床为例):

❶ 在腾讯云服务里选择云产品–>基础存储服务–>对象存储–>打开的页面里选择左侧的“存储桶列表”。

[3caefa81e7583d646c7aa295601b15c9_MD5

❷ 需要新建一个存储桶,需要说明的是腾讯云提供了50G免费空间的使用,超过50G或者有其他计算服务,需要有计费产生,具体请根据自身需要去定制,由于基本产生不了什么费用,所以我也选择了默认的服务选项。

[56ec9a81cee1400c6c2aff79f648357e_MD5

所属地域选择与你就近的地方,名称这里起一个自己随意起。访问权限选择“公有读私有写”,这样你可以上传图片的同时,第三方也可以通过互联网访问到图片。配置完后,可以看到存储桶列表内有一个刚才新建的存储空间,名字就是自己起的那个名称,点开进去可以自己创建目录夹,比如存储图片的就新建一个“pictures/”的目录:

[ff5bceaf1fc95fff9f1e033ae0461581_MD5

接下来需要配置一下图床从外部访问的权限和密钥:配置API密钥 100

[5c2bdd730c52b548f85895b26bc2bf1c_MD5

最关键的一步:配置picGo的腾讯云COS。首先选择COS版本为V5,开关拨到左侧。然后APPID、secretID、secretKye就是上一张图里的划黄线的位置,存储空间名就是你自己命名的存储空间的名字,见上上一张图里的箭头。存储区域就是你设置的所属区域“ap-XXX”,指定路径就是你自己新建的那个文件夹,比如“pictures/”。最后点击确定即可。

[14b38123ef416018fcdb9c388d7ab3ae_MD5

上述配置完后,可以打开picGo,往里面拖拽一个图片,如果进度条显示为绿色,则表明图床配置成功,可以在COS的pictures文件夹里看到刚才上传的图片。如果显示红色,说明配置的有问题。可以参考picGo的配置手册解决问题。picGo配置手册–腾讯COS 89

❸ 打开Obsidian第三方插件,搜索“image auto upload”插件,启动后,打开配置页面,打开自动上传开关。这样当你在Obsidian笔记中插入一个图片时,插件会自动把图片上传到远端的图床。

[29af85cd75574ab48ed04b73bcd4ed35_MD5

显示:"[uploading…]",当上传完毕时,图片引用就会变成一个链接:
“[ ](https://XXXX.cos.ap-XXX.myqcloud.com/pictures/XXX.jpg 9)”,这个就是图片的远端地址了。

第三方插件的安装方法,如果还有不清楚的可以到我的另一篇文章里去看相关内容,里面详细介绍了官方插件和第三方插件的下载安装使用方法。 Step1 – 先预热 : 一文讲透Obsidian插件DataviewJS 93

图床设置可以让笔记中的图片一次编辑上传,多地调用使用,很方便,推荐大家使用。

参考2 -阿里云OSS服务设置

经常在博客写文章或者搭建自己的网站时,肯定需要往里面加图片对吧。有人可能会想,我直接把图片保存在电脑上不就行了?其实这样也不是不可以,但问题来了,如果你想把你的文章转载到别的地方,那些在本地的图片别人是看不到的,你得一个个去复制粘贴,真是够呛!

这时候,如果用阿里云OSS或者腾讯云COS来搭建一个图床,问题就迎刃而解了。用这些服务,处理图片简直高效到不行。说到国内用得多的,腾讯云和阿里云绝对是排前面的,速度快,就是要花点钱。至于GitHub的gitee,那是免费的,但是最近被封了,很多小伙伴都都已经深受其好,而且速度超慢。

之前一直在薅mdnice的免费图床羊毛,这两天发现网站上的图片无法显示了,桑心,只能自己动手来搭建图床,找了一圈,Typora+PicGo+阿里云OSS/腾讯云COS的组合较多,接下来跟着我这个手残党一起来一步一步搭建图床吧,我选择的是阿里云作为例子,这里并不是对腾讯云有什么偏见哦,腾讯云也非常棒,大家自己选择。

阿里云OSS搭建图床

1. 注册登录阿里云

打开阿里云官方网站https://www.aliyun.com/product/oss,点击右上角的登录/注册

43803a3428c85fb9026b1852aec1a23e_MD5

直接打开手机支付宝的扫一扫,扫描页面上的二维码,然后授权登录即可。

15d4457b04e83026e54a4bb625062b5a_MD5

2. 开通OSS服务

如果你还没有开通对象存储服务OSS,那么点击立即开通,现在新人可以免费试用三个月,存储包 20 GB。

64d18c7664b62cd8bc264e0a677a3f47_MD5

再点击立即开通

5b4c753439fee2bfe9f8ceda2de8df02_MD5

勾选服务协议后,点击立即开通

998b8865af7278c74e0f0bdebe915225_MD5

3. 创建OSS Bucket

开通成功后,点击管理控制台

54eafb0b452cd29fea13e1bc26dfb873_MD5

进入控制台之后,点击红框的立即创建或者创建Bucket,都可以创建Bucket

4e71684a7d6ff71c8d2e1022285f4b66_MD5

接下来填一些必填的信息:

  • Bucket 名称:必须全局唯一,和你在游戏中取的名字一样,不能和别人的重名,一旦创建不可更改。

  • 地域:选择“有地域属性”,然后选择一个离自己位置近的地域。
    存储类型:选择“标准存储”即可。

  • 存储冗余类型:推荐选择“本地冗余存储”,“同城冗余存储”更贵,如果网站有较高的并发流量可以选择这个。

  • 读写权限:一定要选择“公共读”,否则平台无法通过公网访问 Bucket 中的内容。

  • 其他选择默认,无需修改。

8a3c9a2af39823c230f58032a9ae43b3_MD5

点击下面的确认按钮,然后点弹出框的我知道了,确认创建。

460b2b09c987b60306569b9f81313de6_MD5

创建成功,点击进入Bucket

4df1213b1c2cadb9f04de573ddee3e75_MD5

4. 记下Bucket信息

点击概览

5f61fcaab762b99550e193ed57a3e49f_MD5

进入概览页面,这里可以看到bucket的整体信息。
用文本软件记下红框画起来的几个信息,等会儿配置PicGo要用:

  • Bucket名称:aitechshare-com

  • Endpoint(地域节点):xxxx

  • Bucket域名(外网地址):xxxx

f73d4efb18af2e6d3a1a2bcf1fe40fcc_MD5

5. 创建AccessKey

在页面右上角,鼠标放在头像处,在弹出的框里选择AccessKey管理

8da67dd21a5c0e30f379f193f9f0696c_MD5

在弹出的选项框里,选择继续使用AccessKey。

c3711e4c54b4da21d9a4a2d931cff0e8_MD5

点击创建AccessKey,在弹出的安全验证窗口中,选择一个方式来通过安全验证。

70754f5ec8570ebceeeee91faf39b192_MD5

把图中的资料下载成csv,或者复制下来保存好,这个类似于你的密码,一定不要泄露。

0b5edf92f4d20c8f8fa9081b83eb494d_MD5

6. 创建子账户用来配置PicGo

重要!上面生成的AccessKey是主账户的,它也可以用来配置picgo,但是如果我们只是需要使用OSS,强烈建议使用子账号来访问这个Bucket,这样可以规避主账户AccessKey或者密码泄露导致的问题。步骤如下:
点击创建 AccessKey,再点击开始使用子用户 AccessKey

818b09b34b04278ab65a819ac318cc33_MD5

点击创建用户

f3004147f17be777f4e2f352c85118cc_MD5

填写好登录名称,显示名称,勾选控制台访问,OpenAPI调用访问,其他选择默认就好,点击确认,在弹出的安全验证中选择一种方式完成验证。

a9859eba2da38c51eb9b1048068541e3_MD5

将红框中的AccessKey Id和AccessKey secret复制出来保存好,配置PicGo时要用到。

b6fe9da69f5bdf05301bf19dbf0b3188_MD5

7. 配置子账户OSS权限

勾选中用户,点击添加权限,再点击下面两项权限,加到已选择框中。

选择这两项:

  • AliyunOSSFullAccess——管理对象存储服务(OSS)权限

  • AliyunOSSReadOnlyAccess——只读访问对象存储服务(OSS)的权限

0a6e4260f179a7ea7f46f97caae26825_MD5

点击确定,授权成功了,这时阿里云相关的配置就弄好了。 之前让保存的信息要记好哦,后面还会用到。

f5a1ae0968a6369e46a497554da31037_MD5

如果后面不需要使用该账号,点击用户后面的删除选项即可。

配置PicGo

1. 安装PicGo

PicGo是一款功能非常强大的图床工具,支持SM.MS、腾讯COS、GitHub图床、七牛云图床、Imgur图床、阿里云OSS、gitee等多种图床平台。

下载地址:https://github.com/Molunerfinn/PicGo/releases
下载正式版或者测试版都可以,正式版会稳定一些,测试版有一些尝鲜功能,用国内可下载链接进行下载会快一些,我这里选择的是PicGo-Setup-2.4.0-beta.6-x64.exe这个测试版。

7d63c820facadd550d6e3583a21a016d_MD5

安装好了之后,打开界面是这样的。

03a683feeb406e6fb31011f9cad353bc_MD5

2. PicGo配置阿里云OSS

点击图床设置,阿里云OSS,点击画笔修改。

2668f8c2f7a48ef7bfb4df020959ff3d_MD5

填上前面记录好的值即可

  • AccessKey ID(账号):xxxxxxxxxx

  • AccessKey Secret(密钥):xxxxxxxxxx

  • 设定Bucket:刚刚在阿里云OSS中创建的Bucket名称

  • 设定存储区域:地域节点中的第一个字段

划重点!这里一定要注意,设定存储区域里要填的是之前记下来的地域节点里面的第一个字段,比如你的地域节点值是oss-cn-shanghai.aliyuncs.com,那么这里只需要填oss-cn-shanghai,切记,否则配置失败无法上传图片。

  • 设定存储路径:自定义,以/结尾(相当于文件夹),例如 img/

填完了记得拉到下面点击确认保存。

136f9181b2727040359f92d178506a41_MD5

点击设为默认图床

0b00958f494c30c84cd42b1adbe49938_MD5

3. PicGo其他配置

你可以根据喜好来设置文件以时间戳格式命名 和 上传后自动复制URL:

6a3a4e0ba689f144b5b4501e23d36ef1_MD5

上传图片,测试成功!

47818e1da627f9874877b689e8edcdac_MD5

到这里PicGo就配置完成了

配置Typora

Typora是一款简洁而强大的Markdown编辑器。它提供实时预览功能,让用户可以即时查看文档的渲染效果。Typora采用所见即所得的编辑模式,没有繁杂的标记符号,用户可以专注于写作而不必分心处理格式。此外,Typora还支持数学公式、表格、图像等丰富的Markdown语法和扩展功能。总之,Typora是一款易用且功能丰富的Markdown编辑器,适用于撰写各种类型的文档。

1. 下载安装Typora

登录Typora官网https://typora.io,拉到最下面下载Typora.

f2120d45cdad64bca36d02466315eefa_MD5

目前Typora已经收费,不过我们还可以考虑用其他办法来使用它,比如这个https://github.com/shuhongfan/TyporaCrack

2. 配置Typora连接PicGo

打开Typora之后,页面非常简洁。
点击左上角文件-偏好设置-图像,插入图片时选择上传图片,上传服务选择PicGo(app),PicGo 路径选择你安装到本机的PicGo的目录,选中PicGo.exe。
都填好了,不要忘记点击验证图片上传选项来验证一下。
6714f4c61f58841a0c3dc0f520a181dc_MD5

验证成功!

79921d1cf9c9983e5bce104e861e2886_MD5

这时候你再打开Picgo,可以看到Typora自动上传了测试图片到Picgo,表示已经连通。

4b81a819790a3f064eefa947aada20e1_MD5

本文作者:wenY

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!