Typora的Markdown+PicGo图床

结合Typora,PicGo一体化图文编辑混排实现。Typora:一款较为好用的Markdown编辑器;PicGo:一款较为好用的图床软件。图床,指的是储存图片的服务器。

目前通过Markdown语法能够轻松记录,但是在集成图片的时候,本地图片路径只能在本地访问,这就需要借助图床来实现图片路径服务器转换。

一、软件准备

  1. Typora下载

    https://typora.io/

    选择对应的系统版本进行下载:

    image-20201126170605303

  2. PicGo下载
    https://github.com/Molunerfinn/PicGo/releases

本人选择了2.2.2版本,其他版本暂未尝试:

image-20201126170900682

二、配置PicGo

我们的思路是通过gitee来进行图床的配置,即首先需要拥有一个gitee账号,并申请一个token令牌进行图片上传。

首先,我们打开刚下载好的PicGo软件,打开图床设置会发现并没有gitee,是因为我们需要通过插件设置下载。

image-20201126171731970

打开插件设置,搜索gitee-uploader

image-20201126172121485

安装成功后就能在图床设置里看到gitee,并且我们需要配置repo和token,这些都需要通过gitee来获取。

访问https://gitee.com/,若无账号则进行申请,登录成功后,新建一个仓库:

image-20201126173604727

按照上图中的步骤新建完仓库,进入到个人设置页面进行配置私人token令牌

image-20201126174030783

image-20201126174056124

image-20201126174134696

第一项是Token的自定义描述,第二项选择权限,projects是必选的其他的可选,最后点击Commit后将会提供一个token令牌我们需要把它记下来。

image-20201126174304086

回到PicGo,将刚刚的token填入,并在repo中指定gitee的仓库地址,格式为:用户名/仓库名,customPath为年月。设置完毕之后点击确定。

image-20201127090313643

测试是否成功,点击上传区,随便选择一个图片上传提示上传成功即表示生效。

三、配置Typora

打开Typora,点击左上角的文件->偏好设置,在图像设置中,插入图片选择-上传图片,且勾选相应的内容,这里我全选了;上传服务,选择PicGo(app),并指定PicGo的下载路径。

image-20201127090808890

接下来就是验证图片上传选型,注意上半部的本地请求使用的是36677端口,这里需要我们在PicGo设置中打开Server,并且端口需要保持一致,这样我们就能看到成功了。

image-20201127091926679

image-20201127092030231

到此,全部设置就已结束,这个时候你想要打开Typora写一篇文章,插入图片的时候就会自动帮你上传到gitee上且自动转换为网络链接。此篇全文都是用Typora与PicGo搭配着进行图文混排实现,并且不用担心所有的截图只能放在本地。

四、总结

通过学习Markdown语法能够写出一篇好看的文章,搭配合理的工具能够提高书写效率。由于是第一次配置,其中遇到了很多坑,例如gitee上生成access token的入口找不到;配置完图床生效后,但是在Typora中一直没有用,源于PicGo的Server没有开启等等。

有一些博客中没有进行详细说明这些问题,而由于本人都遇到过这些问题,所以将此详细记录希望各位能够少踩坑,望共勉。

参考资料:

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值