Typora中设置图片自动上传以及图床设置

文章目录

  • Typora设置图片上传到图床
    • 前记
    • 使用工具
    • 步骤
      • **一、GitHub图床配置**
      • **二、PicGo的安装和配置**
      • **三、Typora的配置**
    • 后记

Typora设置图片上传到图床

​ 在众多 md 编辑器中,Typora 是大家公认的体验较好的写作软件之一,它最大的特点就是:所见即所得,无须分屏预览,或者开启新页面预览。本文主要介绍如何实现图片自动上传到图床,这样在分享的时候图片就不会出现缺失的情况。

前记

网上有两种设置图片自动上传的方式,只是使用的工具以及相应的配置不同。一种是使用插件进行设置(具体信息在GitHub上有详细的描述感兴趣的可以去看看),但是我不建议使用这种方式,主要是该插件发布者并没有进行很好的适配所有的版本,会出现一些未知的错误,当然上传速度还是很快的。另一中是利用PicGo进行上传并且配置较为容易,支持多个图床,我比较喜欢这种方式,并且Typora在后续也内置了这种方式。

使用工具

github:作为图床(GitHub: Where the world builds software · GitHub)

gitee:作为图床(https://gitee.com/)

PicGo:开源的(PicGo (molunerfinn.com))

Typora: 写Markdown的神器,轻便简洁的Markdown编辑器,支持即时渲染技术。

步骤

一、GitHub图床配置

1.GitHub创建图片仓库

如下图创建一个新的仓库用于存放图片,不要设置为私密,若设置为私人则可以上传,但是无法引用该图片。(我看网上有一些人设置为私密,实际上是可以实现上传但无法显示的,他们也没有给出这一点的注意事项)

Typora中设置图片自动上传以及图床设置_第1张图片

2.创建GitHub中的Token(令牌)

找到设置

Typora中设置图片自动上传以及图床设置_第2张图片

拉到底部找到开发者设置

Typora中设置图片自动上传以及图床设置_第3张图片

如下图,右上角创建一个token,在上传图片时使用

Typora中设置图片自动上传以及图床设置_第4张图片

创建token如图

Typora中设置图片自动上传以及图床设置_第5张图片

图床的token权限只需要勾选第一个即可

==【注意】==token的数值只会显示一次建议妥善保管

二、PicGo的安装和配置

1.PicGo下载

直接从该链接下载(Release 2.3.0 · Molunerfinn/PicGo · GitHub)

Typora中设置图片自动上传以及图床设置_第6张图片

黑色:MAC版本

红色:WIN版本

2.配置PicGo

如下设置即可

Typora中设置图片自动上传以及图床设置_第7张图片

三、Typora的配置

打开文件偏好设置

Typora中设置图片自动上传以及图床设置_第8张图片

找到图像,如图设置

Typora中设置图片自动上传以及图床设置_第9张图片

Typora中设置图片自动上传以及图床设置_第10张图片

Typora中设置图片自动上传以及图床设置_第11张图片

点击验证图片上传测试是否配置成功

Typora中设置图片自动上传以及图床设置_第12张图片

如图上传成功

Typora中设置图片自动上传以及图床设置_第13张图片

在csdn中效果如图,证明图片可以正常被引用

Typora中设置图片自动上传以及图床设置_第14张图片

后记

【注】在PicGo相册中删除图片,图床也会同步删除

上文提到的软件都可以在资源里找到,也可以直接去官网下载最新软件。

将gitee作为图床要添加的步骤如下

1.安装node.js

2.在PicGo中安装插件,搜索gitee即可

其余步骤皆可参照github的步骤

由于GitHub对国内的用户不太友好,没有小飞机的用户建议使用gitee作为自己的图床或者搭建私人的服务器也行。

由于仓库是开发的不建议上传私密照片

你可能感兴趣的:(Typora,github,编辑器,git)