本地md导入csdn图片无法显示【Picgo+typora+Gitee】

忘是亡心i 2022-08-29 10:57 450阅读 0赞

### 文章目录 ###

*   *  问题描述
     *  解决思路
     *  解决步骤
     *   *  1.下载Picgo
         *  2.下载Picgo关于gitee的插件
         *  3.gitee设置
         *   *  3.1注册账号
             *  3.2新建一个公有仓库
             *  3.3生成token
             *  3.4生成repo
         *  4.typora设置picgo
         *  5.注意点
     *  参考文档

## 问题描述 ##

*  在写md时，我喜欢使用一些md编辑工具来编辑md文档，例如石墨文档、typora等。随后将md导入csdn，发表博文。
 *  使用石墨文档编辑的md文件中的图片受到了日益收紧的版权管理的影响，导致导入到csdn的图片无法显示。
 *  使用typora编辑的md文件中的图片路径在本地，导入csdn也是无法显示，需要再次手动导入。

## 解决思路 ##

经过查找，大佬们提出了这样的解决办法，即picgo+gitee+typora。一个用于快速上传图片并获取图片 URL 链接的工具，图片会快速上传到各大图床。picgo支持的图床如下：

PicGo 本体支持如下图床：

*  `七牛图床` v1.0
 *  `腾讯云 COS v4\v5 版本` v1.1 & v1.5.0
 *  `又拍云` v1.2.0
 *  `GitHub` v1.5.0
 *  `SM.MS V2` v2.3.0-beta.0
 *  `阿里云 OSS` v1.6.0
 *  `Imgur` v1.6.0

picgo也支持通过增加插件的方式增加第三方图床。

## 解决步骤 ##

### 1.下载Picgo ###

官网传送门：[https://github.com/Molunerfinn/PicGo/releases/latest][https_github.com_Molunerfinn_PicGo_releases_latest]

官方文档传送门：[https://picgo.github.io/PicGo-Doc/zh/guide/\#%E7%89%B9%E8%89%B2%E5%8A%9F%E8%83%BD][https_picgo.github.io_PicGo-Doc_zh_guide_E7_89_B9_E8_89_B2_E5_8A_9F_E8_83_BD]

![1627613168(1)][1627613168_1]

### 2.下载Picgo关于gitee的插件 ###

由于github访问不稳定，所以选取gitee作为图片仓库。

![1627611981(1)][1627611981_1]

### 3.gitee设置 ###

#### 3.1注册账号 ####

账号注册是相当的easy，账号还可关联到微信、github、钉钉等平台。

#### 3.2新建一个公有仓库 ####

![1627620384(1)][1627620384_1] ![1627613742(1)][1627613742_1]

#### 3.3生成token ####

点击右上角设置，进入设置页面

![1627619084(1)][1627619084_1]

点击左侧私人令牌，设置权限后，把生成的字符串粘贴到picgo的输入框中。

![1627619136(1)][1627619136_1]

#### 3.4生成repo ####

其实就是gitee上新建的仓库的地址 用户名/仓库名

### 4.typora设置picgo ###

打开Typora后，点击菜单栏-文件-偏好设置，找到图像设置

![1627620700(1)][1627620700_1]

### 5.注意点 ###

如此操作，导入csdn时可能还是展示不出来，但我们在typora上设置一下，让图片的格式以html中的标签的方式表示，就可以正常显示了。

## 参考文档 ##

1.  Picgo配置Gitee图床 [https://blog.csdn.net/huyande123/article/details/107170214][https_blog.csdn.net_huyande123_article_details_107170214]
2.  使用PicGo+gitee搭建在线图床 [www.python88.com/topic/70342][www.python88.com_topic_70342]
3.  Typora+Picgo+Gitee构建网络图床笔记[https://zhuanlan.zhihu.com/p/178938338][https_zhuanlan.zhihu.com_p_178938338]

[https_github.com_Molunerfinn_PicGo_releases_latest]: https://github.com/Molunerfinn/PicGo/releases/latest
[https_picgo.github.io_PicGo-Doc_zh_guide_E7_89_B9_E8_89_B2_E5_8A_9F_E8_83_BD]: https://picgo.github.io/PicGo-Doc/zh/guide/#%E7%89%B9%E8%89%B2%E5%8A%9F%E8%83%BD
[1627613168_1]: https://i.loli.net/2021/07/30/MABy24uEVKmOzln.png
[1627611981_1]: https://i.loli.net/2021/07/30/JzujMcGHo48L7td.png
[1627620384_1]: https://i.loli.net/2021/07/30/MBp7ke8QJN19uZc.png
[1627613742_1]: https://i.loli.net/2021/07/30/UnQmwz7Pve4TXb8.png
[1627619084_1]: https://i.loli.net/2021/07/30/GcQa21hDsujXNCU.png
[1627619136_1]: 
[1627620700_1]: https://i.loli.net/2021/07/30/MhdDUGaTN3JqLze.png
[https_blog.csdn.net_huyande123_article_details_107170214]: https://blog.csdn.net/huyande123/article/details/107170214
[www.python88.com_topic_70342]: http://www.python88.com/topic/70342
[https_zhuanlan.zhihu.com_p_178938338]: https://zhuanlan.zhihu.com/p/178938338