搭建图床picGO+github+jsdelivr
什么是图床?
图床就是用来存放图片的地方,一般是一个网站,你把图片上传到图床,图床会返回一个图片的链接,你把这个链接放到你的博客或者其他地方,就可以显示图片了。
为什么要搭建图床?
因为免费的图床毕竟是免费的,存在很多不稳定情况,你总不想文章发布一段时间之后打不开了吧。所以搭建一个自己的图床是很有必要的。
怎么搭建图床?
这里我使用的是picGo+github+jsdelivr,picGo作为前端上传工具,github作为图床,jsdelivr作为加速,这样就可以实现免费的图床了。
1.picGo安装
官方文档:https://picgo.github.io/PicGo-Doc/zh/guide/#picgo-is-here
github地址:https://github.com/Molunerfinn/PicGo
picGo是一个开源的图片上传工具,支持多种图床。
下载地址:
下载源 | 地址/安装方式 | 平台 | 备注 |
---|---|---|---|
GitHub Release | https://github.com/Molunerfinn/PicGo/releases | All | 国内下载速度可能会慢 |
腾讯云COS | https://github.com/Molunerfinn/PicGo/releases 附在更新日志结尾 | All | 感谢 腾讯云COS 提供的赞助支持 |
山东大学镜像站 | https://mirrors.sdu.edu.cn/github-release/Molunerfinn_PicGo | All | 感谢 山东大学镜像站 提供的镜像支持 |
Scoop | scoop bucket add helbing https://github.com/helbing/scoop-bucket & scoop install picgo | Windows | 感谢 @helbing 的贡献 |
Chocolatey | choco install picgo | Windows | 感谢 @iYato 的贡献 |
Homebrew | brew install picgo --cask | macOS | 感谢 @womeimingzi11 的贡献 |
AUR | yay -S picgo-appimage | Arch-Linux | 感谢 @houbaron 的贡献 |
选择对应的版本下载,这个我现在的是APPLE-M1,arm64的,下载进行安装
ps: M系列如果安装过程出现
“PicGo”已损坏,无法打开。 你应该将它移到废纸篓。
的问题,可以在终端输入
sudo xattr -d com.apple.quarantine /Applications/PicGo.app
然后再打开就可以了。
2.github 图床配置
仓库名为:用户名/仓库名
分支名为:随意填写
Token:
设置自定义域名:相当于是CDN加速,这里我使用的是jsdelivr
2.1 创建仓库
2.2 生成token
生成token
路径为:settings->Developer settings->Personal access tokens->Generate new token
- note: Token名称随意填写
- Expiration: 终止时间,最大一年,建议拉满
- repo: 勾选上
token只会显示一次,所以要保存好,如果丢失了无法找回。
2.3 jsdelivr
jsdelivr是一个免费的开源CDN,可以加速github的访问速度,这里我们使用它来加速我们的图床。
https://cdn.jsdelivr.net/gh/用户名/仓库名@分支名/文件路径
这个功能存在一个问题,如果你需要把文章发布到CSDN,CSDN是无法转载这个文件的,这个CDN设置了防盗链
2.4 使用
2.4.1 将图片拖拽到顶部栏上传
2.4.2 将图片拖拽到上传区上传
2.4.3 从剪贴板上传
使用聊天软件的快捷键截图,然后使用快捷键上传
command+shift+u
2.4.4 从网络上传
上传完成之后,会自动复制图片的链接,然后我们就可以使用了。
2.5 插件推荐
https://github.com/PicGo/Awesome-PicGo
2.5.1 picgo-plugin-quick-capture
这个插件可以使用快捷键截图,然后自动上传,非常方便。相比于之前的方式,先截图在上传,这个插件可以一步到位。
存在的问题是,截完图以后无法编辑图片,比如像微信那种圈出重点是不支持的,不过,如果有命令行可以执行的截图工具,可以使用这个插件,比如我使用的是snipaste
,可以使用命令行截图,然后自动上传,非常方便。https://docs.snipaste.com/zh-cn/command-line-options
2.5.2 picgo-plugin-github-plus
这个插件基本设置跟github图床一样,但是这个插件提供了比PicGo自带的GitHub图床支持更多的功能:删除操作同步、可以同步GitHub里图片的记录。