为什么要用图床
写Markdown插入图片时,可以插入本地图片或网络图片。
本地图片自然只能本地看。不少博客平台可以直接在它的网站上写md并插入图片,但只能在它的平台能看到。
比如在简书写文章,如果图片直接插入到简书的web编辑器,就只能在简书上看到。
为了文章发布到多个平台,并支持图片,就需要一个图片存储服务——图床,来存放网络图片,再插入到自己的文章中。
可用的图床
各种存储服务都可以作为图床使用,比如阿里云OSS、腾讯云COS、七牛云图床、又拍云图床、微博图床等;以及各种git仓库比如Github、码云等。
云服务基本都是要收费的,免费党可以用Git来做图床,虽然有容量限制但一般也够用。
Github国内网速太慢了,码云是个不错的选择。
图床工具
手动把图片上传到图床和从图床复制图片链接的操作都很麻烦,例如用Git,你需要先把图片复制到Git仓库文件夹,然后提交并推送,再找到这个图片在仓库中的链接。写文章时这样频繁操作效率太低。
利用图床工具可以简化操作,一键完成图片的上传和图片链接的复制。
PicGo是一款开源的图床工具,默认支持多种图床,也可以通过插件扩展来支持更多图床。
这是PicGo的文档,这是PicGo的Github,这是PicGo的Gitee镜像
PicGo + Gitee 搭建图床
- 下载安装PicGo
从PicGo/Release下载并安装PicGo。注意不要下Beta版。
- 安装Gitee插件(需要npm环境)
PicGo默认是不支持Gitee图床的,需要通过插件扩展来支持。
运行PicGo,在插件页面输入Gitee搜索,装哪个都可以,我用的是 gitee。
如果搜索不到或者界面一直停在“安装中...”,可能是由于程序没有管理员权限,无法正常运行npm导致的。
解决方案:命令行通过npm手动安装插件。管理员模式启动命令行,cd到PicGo配置目录,一般是C:\Users\XXX\AppData\Roaming\picgo,输入命令 npm install picgo-plugin-[插件名] 进行安装。
安装完毕,在PicGo界面的【图床设置】下应该能看到【Gitee图床】一项,如果没有,到【PicGo设置】一栏把【选择显示的图床】中【Gitee图床】勾上。
- 创建Gitee图床仓库
Gitee中新建一个仓库,注意:仓库要公开,仓库要初始化,否则后续会上传失败。
- 获取Gitee令牌
在Gitee的【个人设置】-【安全设置】-【私人令牌】中生成令牌,生成时只需要选择最基础的权限即可。
生成时需要输入登录密码。
注意:令牌显示页面一旦关闭就不会再有任何显示入口了,一定要自己把这个令牌存下来。
- 配置PicGo的Gitee插件参数
【owner】一栏写你的Gitee用户名,点开你的仓库页面,网页地址中夹在 “gitee.com/” 和 “/仓库名” 中间的,就是你的用户名。
【repo】一栏写你的仓库名,注意:这里仓库名不是你仓库页面标题上的名字,要写你仓库地址后缀的名字,这两个名字有时候是有区别的。比如仓库页面的标题是 PicBed ,但你的仓库地址后缀名字其实是 pic-bed。
(其实就是拼了个url...)
【token】写刚刚存下来的Gitee令牌。
【message】写上传图片时的提交信息,这个可以不写,会有一个默认信息。
填写完毕,【确定】并且【设为默认仓库】
使用图床
为了方便使用,可以把【PicGo设置】中几个选项都开启,选项都很好理解。
注意:为了防止上传的图片没有图片名,最好把重命名勾上。
例如qq截图或Snipaste截图直接复制到剪切板,可能就没有文件名。
图片直接拖拽到PicGo的上传区即可上传图片到图床,也可以通过点击【剪贴板图片上传】直接上传系统剪切板的当前图片。如果开启了上传提示,上传成功或失败都会有系统弹窗提示详细信息。
上传成功后PicGo会自动把图片链接复制到系统剪切板,到markdown里直接ctrl+v一下就好了。
【相册】一栏里可以查看所有上传的图片和对应的链接。
最后
Typroa + PicGo + Gitee + Snipaste = Yes !!!