目录

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

https://raw.githubusercontent.com/WriteWhatLearned/imgs_repos/master/writing/202306171531623.png

创建Github仓库

  • 仓库名称可自定义;
  • 仓库属性为Public;
  • Description、README、License等可自定义添加;

https://pic3.zhimg.com/80/v2-c87c1b377173e024fcce05f3272274e5_1440w.jpg

生成仓库访问密钥

单击Generate new token,生成仓库访问Token;

https://raw.githubusercontent.com/WriteWhatLearned/imgs_repos/master/writing/202306171532907.png

注意
Token生成后只会显示一次!注意离线保存使用。

基于Github生成的Token配置PicGo

https://pic4.zhimg.com/80/v2-50115e508aa6ebc9d4dcf22aa021c61f_1440w.jpg

详细配置介绍

设定仓库名

仓库名的格式是用户名/仓库,比如我创建了一个叫做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/ -

图床管理程序/软件 - PicGo

软件下载

https://raw.githubusercontent.com/WriteWhatLearned/imgs_repos/master/writing/202306171535182.png