Picture Bed
图床
缘起图床
随着接触的信息类型、数量等剧增,将信息转换成知识的链路过程越来越长,因此逐渐由轻记录养成了撰写博客的习惯,慢慢开始高频使用Markdown来撰写博客。
在深度使用兼容Markdown语言的编辑器,撰写博客过程中发现,Markdown编辑器的纯文本编辑和图文编辑与以Word为主的文本编辑器存在不同。
Markdown不同于Word(Word直接把图片、文本等统一打包在.doc文件内部),而是以链接(https://baike.baidu.com/item/markdown/markdown.png)和文件路径(./blog/20230105/markdown.png)等方式支持图片访问,使得纯文本和图片、视频、音频等资源分开存储。
Markdown 是一种轻量级标记语言,允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的 XHTML、HTML文档。 由于 Markdown 的轻量化、易读易写特性,并且对于图片,图表、数学式都有支持,许多网站都广泛使用 Markdown 来撰写帮助文档或是用于论坛上发表消息。 如 GitHub、Reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge、简书等,甚至还能被使用来撰写电子书。
Markdown文件共享
在需要进行Markdown文件共享时,通常采用以下两种方式,否则会遇到图片文件无法显示(图片等资源丢失)的尴尬局面。
1、如果图片文件以文件路径方式存放,进行Markdown文件共享时,常常需要将源文件和图片文件打包,才能进行源文件共享。
2、如果图片文件以外链(URL)方式存放,进行Markdown文件共享时,只需要进行源文件共享即可。
基于Github搭建图片、视频等资源外链
但是如何获取图片外链,特别是本地图片如何生成外链。
此时就需要用到图床,即存储图片同时也可以为每一张图片提供访问链接。
图床:存储图片同时也可以为每一张图片提供访问链接。
注册Github
创建Github仓库
- 仓库名称可自定义;
- 仓库属性为Public;
- Description、README、License等可自定义添加;
生成仓库访问密钥
单击Generate new token
,生成仓库访问Token;
基于Github生成的Token配置PicGo
详细配置介绍
设定仓库名
仓库名的格式是用户名/仓库,比如我创建了一个叫做WX_BLOG_IMG的仓库,在PicGo里我要设定的仓库名就是WriteWhatLearned/WX_BLOG_IMG。
设定分支名
一般我们选择main分支即可。然后记得点击确定以生效,然后可以点击设为默认图床来确保上传的图床是GitHub。
设定Token
基于以上生成的Token。
设定存储路径
如果需要对图片作分文件存储,需要在Github新建文件夹。
设定自定义域名
设定图片外链自定义命名方式,如上图采用jsdeliver作图片资源的CDN加速的格式为https://cdn.jsdelivr.net/gh/用户名/仓库名@分支名。
其他
目前提供图床功能的主流服务主要有以下几种:
编号 | 服务 | 链接 | 备注 | 开源 |
---|---|---|---|---|
1 | SM.MS | https://smms.app/ | - 原官网链接,https://sm.ms/已被屏蔽。 - 速度一般,传输和存储都有限制。 - 单次上传最多10张图片,单张图片最大5M。 | 是 |
2 | Github | https://github.com/ | - 资源以公开仓库形式存储。 - 速度一般,速度和存储都有限制。 - 总容量限制1G,单张图片最大100M。 | 是 |
3 | 七牛云 | https://sso.qiniu.com/ | - | 否 |
4 | 腾讯云COS | https://cloud.tencent.com/ | - | 否 |
5 | 阿里云COS | https://www.aliyun.com/ | - | 否 |