PicGo+Gitee实现Markdown图床保姆级别教程

PicGo+Gitee实现Markdown图床

关于md格式的软件,不用我介绍吧,不管你是Mac还是Win,不会有人不知道typora这个软件吧,免费开源,支持diy,语法友好,程序员用了都说好,不管你用还是没用过,都把手上的编辑器丢了,换上typora好吗?不用typora的不许往下看。

不管什么平台,点这里,去下载。

https://www.typora.io/

关于Markdown

Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。而Typora是一款优雅的Markdown软件,我建议小伙伴们都去学一下,五分钟上手,十分好用,不管是用来写博客,还是记笔记,整个软件的风格,代码块,排版,主题,文件的目录树、大纲,都优秀的不行。

教程可以去菜鸟康康

https://www.runoob.com/markdown/md-tutorial.html

有点跑题了,今天是来讲如何配图床的

为什么要用图床?

我们在写md文档的时候,我们的难免要配图吧?我们知道轻量级的md软件,图片一般是一个链接,这个图片可能在本地,也可能在外链,总之不会像word一样,直接保存在这个文件中,这样文件就会很累赘了(如果你再添加几张gif,那文档的大小不忍直视)

image-20200922201441704

这样保存的md,首先跟朋友分享的时候,图片明显会全部挂掉,虽然也可以把那个图的文件夹一起发给朋友,但那是不是失去了md本身的意义,如果这样直接上传CSDN,md里所有的图片更是会直接挂掉,然后要手动一张一张上传,加上本人又不喜欢在CSDN里直接写博客,更难受了。

为了解决这个矛盾,我发现了这个神奇的软件PicGo,他可以把我的图上传到指定的图床,然后在md中返回一个在线的链接,只要图床是开源的,在哪都能实时加载。

废话到这里了,直接来步骤吧。

开整

需要准备的东西:

PicGo

gitee账号

注册请—>https://gitee.com/

typora

下载请—>https://www.typora.io/

本地node.js环境

没配的请—>https://blog.csdn.net/qq_43285335/article/details/90696126

下载

PicGo下载链接

https://github.com/Molunerfinn/PicGo/releases

win下载exe,mac下dmg不用我多说了吧

image-20200922202214287

开开心心的你去下载了,没注意到这是github吗,网速快不快?

image-20200922202255544

偷偷给win用户一个链接,Mac用户自己慢慢下哈

链接:https://pan.baidu.com/s/1LEufPgMqmqxHVUw2Br5UEQ
提取码:64bl

配置PicGo

下载完安装后打开

image-20200922202414798

在插件设置中搜索gitee

image-20200922202519711

这里我用的是右边这个gitee-uploader,两个大同小异,如果一个不能用,就去下另一个也行,安装完毕后打开(记得装node.js)

码云Gitee图床建立

都有账号了吧,没号的就别来了

打开码云,点击右上角“+”新建仓库

image-20200922203040246

新建仓库需要改的地方

1、仓库名称,取一个你喜欢的,whatever

2、仓库设置为公开

3、勾选Readme文件初始化这个仓库

image-20200922203407702

创建好了我们回到PicGo

配置PicGo中gitee

刚才那个gitee的插件应该都下载完了,点击图床设置,找到gitee,进行下一步配置

image-20200922203613086

repo里写我们刚才创建的仓库地址后面的url,

image-20200922203728906

gitee.com/后面这一段全部复制,如 ×××/blogimg

branch默认master

这里的token填写码云的私人令牌

token获取方式

image-20200922203857153

点开以后左边

image-20200922203918034

只需要勾选这一个即可

image-20200922204001285

取一个你想取的名

提交以后得到的token没复制别关了,关了你就看不到了,赶紧把token复制进PicGo

下一步写path,一般写img

这里的img相当于图床上传的时候的目录

image-20200922204131066

你上传的图都会在这个img目录下,如果你有强迫症,每篇博客需要上传到不同的路径下,每次在PicGo里改一下就可

最后两个customPath和customUrl填不填无所谓,是上传到gitee时的commit信息,

image-20200922204318258

这里保存一下,在PicGo里的配置就全部结束了,接下来进入typora的配置

Typora配置

打开typora,点击文件-----偏好设置

image-20200922204525866

点击图像,上传图片

image-20200922204604352

可以看到我们这里点开有很多选择

image-20200922204618221

我以前用的就是复制图片到./${filename}.assets文件夹,他会帮你在md所在的目录下自动创建一个对应的文件夹,然后所有md里的图片都会上传到那里,这个弊端我已经跟大家说了,相信大家已经知道md图片在本地的不好了。

我们选择倒数第二个上传图片

image-20200922204755210

勾选对本地位置的图片应用上述规则,下面那个对网络位置的随便你,右下角上传服务选择PicGo(app),PicGo路径为你软件安装的路径,选择你安装的路径/PicGo.exe

最后点击验证图片上传选项即可,这个时候PicGo是否启动都无所谓,typora会自动帮你启动,如果上传失败,可能是typora设置未生效,把typora保存退出,再次打开即可!

你看我上传的速度是不是快了?

PicGo(app),PicGo路径为你软件安装的路径,选择你安装的路径/PicGo.exe

最后点击验证图片上传选项即可,这个时候PicGo是否启动都无所谓,typora会自动帮你启动,如果上传失败,可能是typora设置未生效,把typora保存退出,再次打开即可!

你看我上传的速度是不是快了?

在这里插入图片描述

  • 4
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

上上签i

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值