更新日志(个人博客端)
2022-09-08 子时 于 杭州
- 对之前的内容进行了一些修补
- 新增了阿里云
OSS
图床的配置- 修正了几个(其实有点多)已知的错别字
- 补了一张配图
在实际的工作学习中,会遇到很多需要上传图片的场景,比如在写博客时,可能需要放一些配图,做笔记的时候也难免会有上传图片的需求。
由于个人用的主力编辑器是支持markdown语法格式的Typora,它清晰简洁的格式布局自然不用说,加之其简单易学的语法简直可以称神!!美中不足的是,Typora原生并不支持图片云存储,如果使用,需要自己配置。
七牛云平台
本文选取的图片仓库为七牛云平台,为什么选择它,一个主要的原因是自己相对比较熟悉,所有步骤都是一次次踩坑得来的。当然,类似的图床有很多,就不再一一赘述,至于各个平台都有哪些优缺点,这个因人而异,这里不杠。自己喜欢的就是最重要的。
准备工作
在正式教程开始之前,你可能需要准备一下工作。
教程开始
创建存储空间
登录并进入官网首页,找到空间管理。
新建一个自己的存储空间。
空间名称:自己填写一个符合要求的名称就好。
存储区域:选择一个距离你最近的区域。
访问控制:很简单,如果你上传的图片别人也可以看到,那就选公开,否则就选择私有。
点击确定,成功创建仓库空间。
选择域名
点击空间概览
简单的说,就是配置一个图片访问的地址,如果你有自己的域名,就用自己的域名进行自定义配置(详细后面会说再发教程)如果没有自己的域名(大部分人应该是没有的),那就选择七牛云提供的测试域名。
配置PicGo
在配置完七牛云空间之后,还需要一个载体,用来将本地需要上传的图片上传到刚刚配置好的仓库空间。
具体步骤:
- 在七牛云打开个人空间,找到密钥管理,查看并复制里面的两种密钥。
- 打开下载和好的
PicGo
,左侧菜单栏找到【图床设置】并展开。 - 找到并点击【七牛图床】,如下图
- 直接将你在七牛云配置好的贴上去就行,要和七牛云保持一致,别写错了。
- 设置访问网址:就是访问你图片的链接,将测试域名放进去即可。
- 后面两个参数是可选的,你可以自己根据情况填写,也可以不填。
- 最后点击确定就配置完了,接下来就是上传图片进行测试一下。
配置Typora
既然都有了
picGo
了,为什么还要配置typora
呢?如果你是重度的typora
使用者,你会发现它有一个问题比较烦人。就是当我们在别处粘贴过去的图片,默认直接显示的时图标在本地存放的位置,类似于c:/User/xxx/xxx.png
这种,开始可能觉得没什么,反正也能正常显示,但是!如果你不小心清理电脑的时候把这个位置的路径删除了,那你的图片就没有了,如果是很重要的笔记配图,那岂不是白给。 所以我们需要把
typora
中的图片上传页配好,之后粘贴过来的图片它会自动帮我们直接上传到指定的远程仓库,再也不用担心图片找不到的情况,完美解决了上面的痛点,也能提高工作学习的效率。
- 打开软件Typora
- 左上角打开【文件】找到【偏好设置】并打开。
- 选择图像,见下图:
- 上传服务:如图选择
PicGo
路径:选择你下载的【PicGo
】所在的路径(包含.exe
的那个文件夹)- 完毕,喝咖啡。
上传测试-PicGo
- 打开
PicGo
,左侧菜单点击【上传区】找到你要上传的图片。 - 在下面选择一个你需要返回的图片链接格式
- 拖进上传区域
- 上传之后会有一个上传进度条,如果收到如下的提示,表示图片已经成功上传到远程图片仓库了,接下来就可以在你需要的地方随意引用即可。
- 注意,图片上传成功之后,该图片的地址已经默认被复制到剪切板。
上传测试-Typora
去复制一张图片到你需要放置的位置直接粘贴,
typora
会自动识别并触发自动上传。
阿里云平台
考虑到使用阿里云
OSS
的也有不少,所以把这部分的教程也补一下吧!
准备工作
- 阿里云
OSS
账号和对应的桶。 - 上述两个软件
PicGo
和Typora
教程开始
获取一些列配置数据
- 创建子账户并获取两个密钥
AccessKey ID
AccessKey Secret
- 授权
针对上面创建的子账户,我们需要它拥有对
OSS
的操作权限,否则无法正常调用上传的API
。
- 创建桶。
注意其中有一项【读写权限】,这个根据自己的需求来,如果你不想别人看到你的图片,就【私有】,否则建议【公共读】,那个【公共读写】不建议选,当然如果你不介意大家伙一起享用你的仓库,当我没说话!
- 查看访问域名,在概览中找到
从左到右分别是地域节点、Bucket域名。特别是地域节点,后面要用。
配置PicGo
打开软件,找到阿里云OSS
部分。
- 图中的序号:1、2的位置填入上面第一步获取的两个密钥。
- 序号3的位置填写桶的名称。
- 序号4的地方需要注意一下,这里它需要的只是地域,后面的后缀不需要,所以如下,复制的时候不要带地域名称后面的部分,小数点也不要。
- 至于序号5、6、7的地方,是可选的,所以你可以什么都不做。如果需要自定义,请参照人家的提示就行。
- 别忘了点【确定】,如果有多个图床,你也可以点一下【设为默认图床】如果需要的话。
配置Typora
其实在前面配置七牛云部分的教程里,我们看到在
typora
部分。它是直接引用的PicGo
的执行文件,所以那边能不能成功,完全取决于这边的PicGo
的配置是否成功!所以只要保证在Typora
中已经配置好了PicGo
的路径,这里就不需要再重复配置了。
配置好之后别忘了先在PicGo
中进行上传测试。
这里直接提供了常用的场景选择,如果是在typora
中,选择第一个,那么你上传的图片默认就是md
格式的,这不难理解。