当我们使用Typora这款强大的Markdown编辑器写好文档后,经常会遇到一个让人困扰的问题:在将文档上传到CSDN博客或者其他网站上后,图片无法正确显示。如下图所示:

在这里插入图片描述

解决方式:使用图床软件picgo、gitee仓库、typora编辑软件完美解决这个问题

一 注册gitee账号,并建立图片上传的仓库

打开gitee官网:https://gitee.com/,注册自己的账号,由于非常简单,这里不再赘述。建好后,新建自己的图片仓库,用来专门上传图片

在这里插入图片描述

新建仓库后,点击“管理”

在这里插入图片描述

选择“开源”

在这里插入图片描述

右侧选择"设置",点击左侧“私人令牌”

在这里插入图片描述

生成令牌

在这里插入图片描述

填写信息后点击“提交”

在这里插入图片描述

生成自己的令牌,注意:此时一定要把这个令牌复制到本地先备份起来,后边要使用

在这里插入图片描述

二 下载安装图床软件picgo

需要先安装nodejs,官网下载:https://nodejs.org/zh-cn/download

安装完nodejs后再下载安装图床软件picgo,官网:https://github.com/Molunerfinn/PicGo/releases

在这里插入图片描述

下载安装后,双击桌面快捷方式无法打开,只能通过桌面右下角任务栏打开该软件

在这里插入图片描述

点击“图床设置”

在这里插入图片描述

选择gitee,并点击编辑按钮

在这里插入图片描述

填写信息如下

在这里插入图片描述

其中:

图床配置名就是gitee仓库名

repo名称需要注意一下,指的是 归属名+仓库名,对应gitee这个位置:

在这里插入图片描述

token就是前边提醒大家备份的token值。分支选master即可。

配置完后,设置为默认图床

在这里插入图片描述

图床设置

在这里插入图片描述

一般默认即可

在这里插入图片描述

点击确定后,本页面继续往下滑

在这里插入图片描述

配置完成

三 配置typora软件

点击“文件”-“偏好设置”

在这里插入图片描述

选则“图像”,并设置如下

在这里插入图片描述

点击上图的“验证图片上传选项”

在这里插入图片描述

验证成功。

四 操作本地已有的markdowd文件上传图片到gitee

此时,我们新建一个markdown文件后,复制到该md里边的图片,会自动上传到gitee,markdown文件也会自动引用gitee里的图片(该md文件上传到csdn就不会出现图片丢失问题)。但是,本地之前已经存在的markdown文件里的图片,无法自动上传到gitee,我们需要新建一个空的md文件2,把之前的md文件全选后粘贴到新md文件2里,此时就会自动上传图片了,最后我们把新的md文件2导入到csdn里即可.

如果后期不想把本地markdown上传到gitee仓库的话,只需要把typora这里的勾选去掉即可

在这里插入图片描述

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐