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

coding

目录

    • 1 问题描述
    • 2 解决方法
      • 2.1 配置Typora
      • 2.2 配置GitHub
      • 2.3 配置PicGo
    • 3 测试
    • 4 可能出现的问题

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 配置Typora

文件 —> 偏好设置 —> 图像,再按照下面截图配置:

2.2 配置GitHub

  1. 在GitHub建立公共图床,仓库属性设置为public,如果是私人仓库,github会给图片链接加上token,PicGo不知道怎么破解,所以只能设置成公共的仓库。

    最后点击创建仓库。

  2. 依次按照下面的步骤:

    点击Generate new token后,跳到下面的页面,写上note,勾上repo,最后点击Generate token。

    之后跳转到下面的页面,可以看到已经生成了token。注意: 这个token生成后只会显示一次!要把这个token复制一下,存到其他地方以备以后要用。





2.3 配置PicGo

  1. 首先下载安装PicGo 2.2.0及以上版本,链接:PicGo。
  2. 再按照如下配置:
    自定义域名是:https://raw.githubusercontent.com/yeranyeran/markdown-img/master


  3. 激活PicGo-Server
    打开PicGo详细页面,进入PicGo设置 —> 设置Server

    再如下图:




3 测试

按照上面做好了之后,就能上传图片了。例如,截图之后,直接粘贴在Typora里面,就能实现自动上传,Typora提示上传成功:

GitHub中也会有相应的图片:

至此就达到预期目标了。



4 可能出现的问题

能正常上传到GitHub仓库中,但是在本地Typora中图片不能正常显示:

解决方法点击这里
按照上面链接中的方法配置后,再重启Typora,Typora中的图片就能正常显示:




以上是 Typora设置图床PicGo,以实现图片自动上传 的全部内容, 来源链接: utcz.com/z/509040.html

回到顶部