0%

用 PicGo + Gitee 搭建个人图床


1、拥有个人图床的必要性

图床是存储图片的服务器,可以生成外链供在线加载,被广泛用于网站建设。目前市面上主流的图床有 ImgURLSM.MS新浪微博路过图床七牛云等,主要有两个特点:免费图床广告多、不稳定;收费图床不适合打工人。作为搞技术的人,我们拥有开源精神的同时,也要利用好开源技术。GitHubGitLabGitee 就是最干净的、最稳定的图床。由于GitHubGitLab 在国内的访问速度远不如 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: 用默认证即可;

具体配置方法:

ownerrepo 容易写错,建议直接到 GiteeCopy

Gitee 生成私有令牌:

步骤:个人主页-》个人设置-》安全设置-》私有令牌-》配置权限-》提交;

注意:私有令牌只会展示一次,建议复制下来长久保存;

3.3 上传图片

打开【上传区】,可以看到 PicGo 支持四种图片上传方式:拖拽上传、选择上传、剪切上传、URL 上传。返回的在线图片链接格式有 MarkdownHTML 等。

我们选择一张图片上传,上传成功后,打开【相册】。在相册里,不仅可以看到已上传的所有图片,还可以拷贝、修改在线图片链接。

4. Typora 内嵌 PicGo

虽然 PicGo + Gitee 已经非常好用了,但我们依然需要手动上传图片并拷贝外链。既然图床是服务于内容,那么是否可以内嵌 PicGo 到编辑器内部呢?

Typora 是一款主流的 Markdown 编辑器, 0.9.98 及以上版本可以内嵌 PicGo 工具。配置完成之后,只需要将图片拖入页面,即可自动上传图床并插入外链。

配置方法:文件-》偏好设置-》图像-》插入图片时选择上传图片-》上传服务设定

打开 Test.md,将图片拖入页面,可以看到短暂的 loading 提示,然后上传成功并替换图片外链。