当前位置:   article > 正文

收藏必备:使用PicGo集成配置各种图床_picgo 图床

picgo 图床

更新日志(个人博客端)

2022-09-08 子时 于 杭州

  • 对之前的内容进行了一些修补
  • 新增了阿里云OSS图床的配置
  • 修正了几个(其实有点多)已知的错别字
  • 补了一张配图


在实际的工作学习中,会遇到很多需要上传图片的场景,比如在写博客时,可能需要放一些配图,做笔记的时候也难免会有上传图片的需求。
由于个人用的主力编辑器是支持markdown语法格式的Typora,它清晰简洁的格式布局自然不用说,加之其简单易学的语法简直可以称神!!美中不足的是,Typora原生并不支持图片云存储,如果使用,需要自己配置。

七牛云平台

本文选取的图片仓库为七牛云平台,为什么选择它,一个主要的原因是自己相对比较熟悉,所有步骤都是一次次踩坑得来的。当然,类似的图床有很多,就不再一一赘述,至于各个平台都有哪些优缺点,这个因人而异,这里不杠。自己喜欢的就是最重要的。


准备工作

在正式教程开始之前,你可能需要准备一下工作。


教程开始

创建存储空间

登录并进入官网首页,找到空间管理。

image-20220908195353332

新建一个自己的存储空间。

image-20220908195452544

image-20220908195154917

空间名称:自己填写一个符合要求的名称就好。
存储区域:选择一个距离你最近的区域。
访问控制:很简单,如果你上传的图片别人也可以看到,那就选公开,否则就选择私有。
点击确定,成功创建仓库空间。

选择域名

点击空间概览

image-20220908195639582

简单的说,就是配置一个图片访问的地址,如果你有自己的域名,就用自己的域名进行自定义配置(详细后面会说再发教程)如果没有自己的域名(大部分人应该是没有的),那就选择七牛云提供的测试域名。


配置PicGo

在配置完七牛云空间之后,还需要一个载体,用来将本地需要上传的图片上传到刚刚配置好的仓库空间。
具体步骤:

  • 在七牛云打开个人空间,找到密钥管理,查看并复制里面的两种密钥。

    image-20220908195803236
  • 打开下载和好的PicGo,左侧菜单栏找到【图床设置】并展开。
  • 找到并点击【七牛图床】,如下图
    image-20220908195841373
  • 直接将你在七牛云配置好的贴上去就行,要和七牛云保持一致,别写错了。
  • 设置访问网址:就是访问你图片的链接,将测试域名放进去即可。
  • 后面两个参数是可选的,你可以自己根据情况填写,也可以不填。
  • 最后点击确定就配置完了,接下来就是上传图片进行测试一下。

配置Typora

​ 既然都有了picGo了,为什么还要配置typora呢?如果你是重度的typora使用者,你会发现它有一个问题比较烦人。就是当我们在别处粘贴过去的图片,默认直接显示的时图标在本地存放的位置,类似于c:/User/xxx/xxx.png这种,开始可能觉得没什么,反正也能正常显示,但是!如果你不小心清理电脑的时候把这个位置的路径删除了,那你的图片就没有了,如果是很重要的笔记配图,那岂不是白给。

​ 所以我们需要把typora中的图片上传页配好,之后粘贴过来的图片它会自动帮我们直接上传到指定的远程仓库,再也不用担心图片找不到的情况,完美解决了上面的痛点,也能提高工作学习的效率。

  • 打开软件Typora
  • 左上角打开【文件】找到【偏好设置】并打开。
  • 选择图像,见下图:
  • 上传服务:如图选择
  • PicGo路径:选择你下载的【PicGo】所在的路径(包含.exe的那个文件夹)
  • 完毕,喝咖啡。

上传测试-PicGo

  • 打开PicGo,左侧菜单点击【上传区】找到你要上传的图片。
  • 在下面选择一个你需要返回的图片链接格式
  • 拖进上传区域
  • 上传之后会有一个上传进度条,如果收到如下的提示,表示图片已经成功上传到远程图片仓库了,接下来就可以在你需要的地方随意引用即可。
  • 注意,图片上传成功之后,该图片的地址已经默认被复制到剪切板。

上传测试-Typora

去复制一张图片到你需要放置的位置直接粘贴,typora会自动识别并触发自动上传。


阿里云平台

考虑到使用阿里云OSS的也有不少,所以把这部分的教程也补一下吧!

准备工作

  • 阿里云OSS账号和对应的桶。
  • 上述两个软件
    • PicGoTypora

教程开始

获取一些列配置数据

  1. 创建子账户并获取两个密钥
    1. AccessKey ID
    2. AccessKey Secret

image-20220908201332983

image-20220908203535939

image-20220908203624849


  1. 授权

针对上面创建的子账户,我们需要它拥有对OSS的操作权限,否则无法正常调用上传的API

image-20220908203831069

image-20220908204056051

  1. 创建桶。

image-20220908201923982

注意其中有一项【读写权限】,这个根据自己的需求来,如果你不想别人看到你的图片,就【私有】,否则建议【公共读】,那个【公共读写】不建议选,当然如果你不介意大家伙一起享用你的仓库,当我没说话!

image-20220908202259840


  1. 查看访问域名,在概览中找到

image-20220908202501148

从左到右分别是地域节点、Bucket域名。特别是地域节点,后面要用。


配置PicGo

打开软件,找到阿里云OSS部分。

image-20220908205132764

  • 图中的序号:1、2的位置填入上面第一步获取的两个密钥。
  • 序号3的位置填写桶的名称。
  • 序号4的地方需要注意一下,这里它需要的只是地域,后面的后缀不需要,所以如下,复制的时候不要带地域名称后面的部分,小数点也不要。

image-20220908205429690

  • 至于序号5、6、7的地方,是可选的,所以你可以什么都不做。如果需要自定义,请参照人家的提示就行。
  • 别忘了点【确定】,如果有多个图床,你也可以点一下【设为默认图床】如果需要的话。

配置Typora

其实在前面配置七牛云部分的教程里,我们看到在typora部分。它是直接引用的PicGo的执行文件,所以那边能不能成功,完全取决于这边的PicGo的配置是否成功!所以只要保证在Typora中已经配置好了PicGo的路径,这里就不需要再重复配置了。

配置好之后别忘了先在PicGo中进行上传测试。

image-20220908210136114

这里直接提供了常用的场景选择,如果是在typora中,选择第一个,那么你上传的图片默认就是md格式的,这不难理解。

image-20220908222711649

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/正经夜光杯/article/detail/830403
推荐阅读
  

闽ICP备14008679号