Github + jsDelivr + picgo 搭建图床

---

theme: orange

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第8天，点击查看活动详情

🤞 个人主页：@青Cheng序员石头

以前写文章的图片都是放在本地进行管理的，但因为经常要切换电脑环境以及可能存在误删除图片的问题，所以迅速找了个教程搭建了图床，总共耗时约为5分钟。

环境准备

Github
这个不用说了，全球的最大的交友网站的！

jsDelivr
为啥要用到这个，众所周知，放在Github的资源在国内加载速度比较慢，因此需要通过CDN加速来优化网站打开速度，秉承着能免费就免费，能使用开源就开源的精神，所以使用了 jsDelivr - A free, fast, and reliable CDN for open source。
jsDelivr + Github是免费且好用的CDN，非常适合博客网站使用，但是jsDelivr官方不建议使用其为图片传输，有一些大小和流量的限制，具体可以看看官网说明。

picgo 使用上面两个搭配着使用，是已经可以满足一个图床的正常使用场景了，但是秉着有管理页面总比没有管理页面好的精神，所以采用了picgo作为图床的管理工具。

配置步骤

Github

1. 新建一个仓库，命名你随意，但是一定要是公开的。
2. 进入配置，拉到最低，选择开发者配置，生成一个token，复制到剪贴板。 ```

   配置路径

Settings/Developer settings/Personal access tokens/ New personal access token ```

jsDelivr 这儿只是要获取一个CDN的地址，选择蓝色选中的的满足GitHub规则的地址。

我的github图床的路径为 myname/Mybedfigures,所以cdn的地址为https://cdn.jsdelivr.net/gh/myname/Mybedfigures。

picgo 安装完成后，选择GitHub图床进行配置，设定的Token是在GitHub 配置环境获取的token，按照个人喜欢选择指定存储路径，点击设为默认图床并确定，配置就完成了。

在页面商点击上传按钮，上传完成后，点击下面的markdown就会获取对应的markdown图片链接。

上传的图片都会展示在相册区域。

---

少年，没看够？点击石头的详情介绍，随便点点看看，说不定有惊喜呢？欢迎支持点赞/关注/评论，有你们的支持是我更文最大的动力，多谢啦！