1、拥有个人图床的必要性
图床是存储图片的服务器,可以生成外链供在线加载,被广泛用于网站建设。目前市面上主流的图床有 ImgURL
、SM.MS
、新浪微博、路过图床、七牛云等,主要有两个特点:免费图床广告多、不稳定;收费图床不适合打工人。作为搞技术的人,我们拥有开源精神的同时,也要利用好开源技术。GitHub
、GitLab
、Gitee
就是最干净的、最稳定的图床。由于GitHub
、GitLab
在国内的访问速度远不如 Gitee
,所以我们选择搭建 Gitee
图床。
2、图床工具-PicGo
即使有了 Gitee
图床,我们仍然需要借助 Git
将图片 Push
到远端,然后再到仓库中 Copy
在线图片的加载地址。跟那些主流图床比起来,这样做只会显得更加傻蛋。为此,我们要借助一款优秀的图床工具 PicGo
。
PicGo
: 一个用于快速上传图片并获取图片 URL 链接的工具
简单地说,PicGo
可以主动 Push
图片到远端,并主动获取远端图片的外链,不用我们操心。
3、搭建基于 Gitee
的图床
3.1 创建 Gitee
图床仓库
创建图床仓库,需要注意两点:仓库需要开源,否则别人没有权限查看你的图片;分支只需要初始化 master
,图床操作都在这个分支上。
3.2 安装配置 PicGo
下载安装包:version: 2.3.0;
windows
平台请选择:
运行软件,可以看到【图床设置】一栏是没有 Gitee
的,这需要额外安装插件。操作【插件设置】,输入 gitee
查询相关插件,选择安装 gitee 2.0.5
。
插件安装基于
npm
,需要先安装Nodejs
插件安装成功后重启软件,打开【图床设置】,选择【Gitee
图床】,各项配置如下:
owner
: Gitee
用户名 (donehub
);
repo
: Gitee
图片仓库名 (img-bed
);
path
: 图片存放的目录,可以不填写;
token
: Gitee
上生成的私有令牌,用于授权 PicGo
操作 Gitee
图床;
message
: 用默认证即可;
具体配置方法:
owner
、repo
容易写错,建议直接到 Gitee
上 Copy
:
Gitee
生成私有令牌:
步骤:个人主页-》个人设置-》安全设置-》私有令牌-》配置权限-》提交;
注意:私有令牌只会展示一次,建议复制下来长久保存;
3.3 上传图片
打开【上传区】,可以看到 PicGo
支持四种图片上传方式:拖拽上传、选择上传、剪切上传、URL
上传。返回的在线图片链接格式有 Markdown
、HTML
等。
我们选择一张图片上传,上传成功后,打开【相册】。在相册里,不仅可以看到已上传的所有图片,还可以拷贝、修改在线图片链接。
4. Typora
内嵌 PicGo
虽然 PicGo
+ Gitee
已经非常好用了,但我们依然需要手动上传图片并拷贝外链。既然图床是服务于内容,那么是否可以内嵌 PicGo
到编辑器内部呢?
Typora
是一款主流的 Markdown
编辑器, 0.9.98
及以上版本可以内嵌 PicGo
工具。配置完成之后,只需要将图片拖入页面,即可自动上传图床并插入外链。
配置方法:文件-》偏好设置-》图像-》插入图片时选择上传图片-》上传服务设定
打开 Test.md
,将图片拖入页面,可以看到短暂的 loading
提示,然后上传成功并替换图片外链。