如何在Markdown中插入图片并顺利共享

使用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 的意思

三 结语

基本的安装配置就到此为止了,更多的用法需要您自己去探索(我昨晚折腾到 2 点才摸索出来的这个用法)。如果您觉得这篇文章对您有帮助,欢迎点赞评论,如果您有更棒的用法,也欢迎一起交流!
最后打个广告,如果有考虑毕业后找 IT 相关工作的同学,或者想转行的,也包括想要提升自己的朋友,可以加入马士兵教育与我一起学习,私信我有优惠哈!!!

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值