使用PicGo+GitHub搭建图床–实现便捷的Markdown图片管理

昨天在呕心沥血写(搬)完我的第一篇技术分享博文m1 使用 VMware 安装 CentOS7 并部署 k8s 高可用集群之后,发现在本地 Markdown 中插入的图片并不能直接跟随 Markdown 文档直接传到 CSDN 中。疑惑之余,一看万余字的 md 文档也就 22KB,其中的图片其实是链接到本地目录的,那自然该是如此。一顿搜索才知道图床就是用来解决这个问题的,琢磨了 2 小时,终于找到了我自认为比较优雅的解决方案,在此分享给同学们参考。

一 实现的最终效果

  1. 截屏或拷贝某个图片文件
  2. 按下自定义的快捷键如 Command+U
  3. 在需要添加该图片的 Markdown 文档对应位置粘贴

二 解决方案

我们采用的是 PicGo+GitHub 图床

2.1 在 GitHub 中的相关配置

  1. 登录 GitHub,左键单击右上角头像,选择 Your repositories
  2. 单击右上方的 New,如图所示
  3. 根据图中操作,仓库名字自定义
  4. 继续点击头像,选择 Settings
  5. 选择左下方的 Developer settings
  6. 按图中操作来
  7. 点击 Generate new token,然后选择 classic
  8. 需要校验密码
  9. note 可以自定义,过期时间我选择永不,Scopes 勾上 repo
  10. 然后拉到最下面点击 Generate token
  11. 拷贝一下生成的 token,**只会显示一次哦!!!**当然万一没拷下来,再生成一次就是了

    GitHub 的配置告一段落

2.2 PicGo 的安装

PicGo 的项目地址请点击这里Molunerfunn/PicGo

  1. 点击右边的版本号
  2. 拉到最下面,选择适合自己的版本进行下载安装
  3. 安装过程就不赘述了

2.3 PicGo 的配置

  1. 配置 GitHub 信息
    注意例如存储路径写了 img/,就要在自定义域名最后面加上/img
  2. 快捷键设置
    我把它设置成 Command+U,有 upload 的意思