Typora设置图床PicGo,以实现图片自动上传

1 问题描述

Typora是一款非常好用的markdown编辑器,所见即所得,非常适用于写.md文档。但是在Typora中插入图片与在Word中插入图片不同。在Word中插入图片时,图片是直接保存在.docx文件中的;而在Typora中插入图片时,图片和.md文件是分开存储的。所以造成一个问题是:在一台电脑上编辑好了.md文件(含图片),如果直接发送到另一台电脑,打开文件后,图片是看不了的,因为.md文件和本机上都没有图片。要想正常显示图片,必须在发送.md文件的同时,把图片也打包发了,这非常不方便。所以需要使用图床工具PicGo(v0.9.84及更新版本开始支持:support upload images via PicGo and custom commands),自动将图片上传到服务器,当另一台电脑打开上述文件时,通过网络可以访问服务器中图片,就可以做到正常显示图片了。所以一个非常重要的前提是,查看.md文件的设备需要连接网络,才可以正常显示图片。

2 解决方法

2.1 配置GitHub

  1. 在GitHub建立公共图床,仓库属性设置为public,如果是私人仓库,github会给图片链接加上token,PicGo不知道怎么破解,所以只能设置成公共的仓库。
    在这里插入图片描述
    最后点击创建仓库
  2. 依次按照下面的步骤:
    在这里插入图片描述
    点击Generate new token后,跳到下面的页面,写上note,勾上repo,最后点击Generate token。
    在这里插入图片描述
    之后跳转到下面的页面,可以看到已经生成了token。注意: 这个token生成后只会显示一次!要把这个token复制一下,存到其他地方以备以后要用。
    在这里插入图片描述

2.2 配置PicGo

  1. 首先下载安装PicGo 2.2.0及以上版本,链接:PicGo
  2. 再按照如下配置:
    自定义域名是:https://raw.githubusercontent.com/yeranyeran/markdown-img/master
    在这里插入图片描述
  3. 激活PicGo-Server
    打开PicGo详细页面,进入PicGo设置 —> 设置Server
    在这里插入图片描述
    再如下图:
    在这里插入图片描述

2.3 配置Typora

首先下载安装Typora,链接:Typora
文件 —> 偏好设置 —> 图像,再按照下面截图配置:
其中“PicGo路径”就是上面安装PicGo的路径,选到PicGo.exe为止。
在这里插入图片描述

3 测试

按照上面做好了之后,就能上传图片了。例如,截图之后,直接粘贴在Typora里面,就能实现自动上传,Typora提示上传成功:
在这里插入图片描述
GitHub中也会有相应的图片:
在这里插入图片描述
至此就达到预期目标了。

4 可能出现的问题

能正常上传到GitHub仓库中,但是在本地Typora中图片不能正常显示:
在这里插入图片描述
解决方法点击这里
按照上面链接中的方法配置后,再重启Typora,Typora中的图片就能正常显示:
在这里插入图片描述
结束语:如果本篇博客对您有帮助,请点赞、关注或收藏,您的鼓励是博主进步的动力,感谢支持,共同进步。

猜你喜欢

转载自blog.csdn.net/weixin_44072535/article/details/111771884