Markdown图片批量上传-CSDN为例（免费图床）

妖狐艹你老母 2023-10-07 10:37 6阅读 0赞

## 1. 目标 ##

在将Markdown格式的文档导入博客或其他网站时，本地图片无法直接导入，需要使用互联网可以访问的图片。

通过以下方法，可以使用Markdown文档中引用的图片批量上传至互联网。

## 2. 使用GitHub+jsDelivr作为免费图床 ##

可以使用GitHub+jsDelivr作为免费图床，先将图片上传至GitHub的公共项目，再使用jsDelivr的CDN链接访问图片，最后替换Markdown引用的图片地址。

## 3. GitHub操作步骤 ##

在GitHub中创建一个Public仓库，如下所示。

![format_png][]

将创建的仓库克隆到本地，可使用TortoiseGit作为Git客户端，可参考 “TortoiseGit IDEA等配置Git服务器SSH密钥” [https://blog.csdn.net/a82514921/article/details/104661707][https_blog.csdn.net_a82514921_article_details_104661707] 。

在本地将Markdown中引用的图片按目录保存好，提交至GitHub中，提交完毕后如下所示。

![format_png 1][]

在GitHub中对上述仓库创建release，如下所示。

![format_png 2][]

没有创建release时的界面：

![format_png 3][]

已经创建过release时的界面：

![format_png 4][]

指定版本号并发布，当提交了新的内容后，需要使用新的版本号（或删除仓库后创建同名仓库继续使用旧的版本号）。

![format_png 5][]

## 4. 检查jsDelivr的CDN链接内容 ##

查看 https://www.jsdelivr.com/?docs=gh ，通过jsDelivr访问GitHub资源的URL格式如下：

// load any GitHub release, commit, or branch
    // note: we recommend using npm for projects that support it
    https://cdn.jsdelivr.net/gh/user/repo@version/file

如果直接访问 https://cdn.jsdelivr.net/gh/ ，会提示 “ Invalid URL. The URL structure is /gh/user/repo@version/file.js ”。

以上URL需要进行以下替换：

<table> 
 <thead> 
  <tr> 
   <th>参数</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>https://cdn.jsdelivr.net/gh</td> 
   <td>固定URL</td> 
  </tr> 
  <tr> 
   <td>user</td> 
   <td>GitHub用户名</td> 
  </tr> 
  <tr> 
   <td>repo</td> 
   <td>GitHub仓库名</td> 
  </tr> 
  <tr> 
   <td>version</td> 
   <td>GitHub仓库发布的release版本号</td> 
  </tr> 
  <tr> 
   <td>file</td> 
   <td>GitHub仓库中的文件路径</td> 
  </tr> 
 </tbody> 
</table>

可以打开 https://cdn.jsdelivr.net/gh/user/repo@version/ 链接（最后的“/”不能省略），会显示当前relase对应的文件信息，示例如下 。

![format_png 6][]

![format_png 7][]

如果无法正常访问，需要等待一段时间，使jsDelivr对应GitHub的CDN链接可用。

## 5. 替换Markdown引用的图片地址 ##

假如在Markdown中通过“\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YD7uYOUf-1583417166969)(pic/xx.jpg)\]”的形式引用图片，可将目录名替换为jsDelivr的CDN中对应目录的地址。

完成以上操作后，可在CSDN等博客，或其他网站上传Markdown文件，其中引用的图片会被批量获取。

也可当作免费图床使用。

## 6. 为什么不直接使用GitHub或Gitee ##

若直接使用GitHub中的仓库的资源文件的raw形式，在CSDN中上传时，CSDN后台服务器无法获取到图片内容。

不直接使用GitHub或Gitee

若直接使用GitHub中的仓库的资源文件的raw形式，在CSDN中上传时，CSDN后台服务器无法获取到图片内容。

使用Gitee中的仓库的资源文件的raw形式，在CSDN中上传时，CSDN后台服务器可以获取到图片内容，但存在使用频率限制。

[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L2doL0Fkcm5pbmlzdHJhdG9yL3RtcF91cGxvYWRAMi9NYXJrZG93biVFNSU5QiVCRSVFNyU4OSU4NyVFNiU4OSVCOSVFOSU4NyU4RiVFNCVCOCU4QSVFNCVCQyVBMC1DU0ROJUU0JUI4JUJBJUU0JUJFJThCJUVGJUJDJTg4JUU1JTg1JThEJUU4JUI0JUI5JUU1JTlCJUJFJUU1JUJBJThBJUVGJUJDJTg5L3BpYy9hMDEuanBn?x-oss-process=image/format,png
[https_blog.csdn.net_a82514921_article_details_104661707]: https://blog.csdn.net/a82514921/article/details/104661707
[format_png 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L2doL0Fkcm5pbmlzdHJhdG9yL3RtcF91cGxvYWRAMi9NYXJrZG93biVFNSU5QiVCRSVFNyU4OSU4NyVFNiU4OSVCOSVFOSU4NyU4RiVFNCVCOCU4QSVFNCVCQyVBMC1DU0ROJUU0JUI4JUJBJUU0JUJFJThCJUVGJUJDJTg4JUU1JTg1JThEJUU4JUI0JUI5JUU1JTlCJUJFJUU1JUJBJThBJUVGJUJDJTg5L3BpYy9hMDIuanBn?x-oss-process=image/format,png
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L2doL0Fkcm5pbmlzdHJhdG9yL3RtcF91cGxvYWRAMi9NYXJrZG93biVFNSU5QiVCRSVFNyU4OSU4NyVFNiU4OSVCOSVFOSU4NyU4RiVFNCVCOCU4QSVFNCVCQyVBMC1DU0ROJUU0JUI4JUJBJUU0JUJFJThCJUVGJUJDJTg4JUU1JTg1JThEJUU4JUI0JUI5JUU1JTlCJUJFJUU1JUJBJThBJUVGJUJDJTg5L3BpYy9hMDMuanBn?x-oss-process=image/format,png
[format_png 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L2doL0Fkcm5pbmlzdHJhdG9yL3RtcF91cGxvYWRAMi9NYXJrZG93biVFNSU5QiVCRSVFNyU4OSU4NyVFNiU4OSVCOSVFOSU4NyU4RiVFNCVCOCU4QSVFNCVCQyVBMC1DU0ROJUU0JUI4JUJBJUU0JUJFJThCJUVGJUJDJTg4JUU1JTg1JThEJUU4JUI0JUI5JUU1JTlCJUJFJUU1JUJBJThBJUVGJUJDJTg5L3BpYy9hMDQuanBn?x-oss-process=image/format,png
[format_png 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L2doL0Fkcm5pbmlzdHJhdG9yL3RtcF91cGxvYWRAMi9NYXJrZG93biVFNSU5QiVCRSVFNyU4OSU4NyVFNiU4OSVCOSVFOSU4NyU4RiVFNCVCOCU4QSVFNCVCQyVBMC1DU0ROJUU0JUI4JUJBJUU0JUJFJThCJUVGJUJDJTg4JUU1JTg1JThEJUU4JUI0JUI5JUU1JTlCJUJFJUU1JUJBJThBJUVGJUJDJTg5L3BpYy9hMDUuanBn?x-oss-process=image/format,png
[format_png 5]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L2doL0Fkcm5pbmlzdHJhdG9yL3RtcF91cGxvYWRAMi9NYXJrZG93biVFNSU5QiVCRSVFNyU4OSU4NyVFNiU4OSVCOSVFOSU4NyU4RiVFNCVCOCU4QSVFNCVCQyVBMC1DU0ROJUU0JUI4JUJBJUU0JUJFJThCJUVGJUJDJTg4JUU1JTg1JThEJUU4JUI0JUI5JUU1JTlCJUJFJUU1JUJBJThBJUVGJUJDJTg5L3BpYy9hMDYuanBn?x-oss-process=image/format,png
[format_png 6]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L2doL0Fkcm5pbmlzdHJhdG9yL3RtcF91cGxvYWRAMi9NYXJrZG93biVFNSU5QiVCRSVFNyU4OSU4NyVFNiU4OSVCOSVFOSU4NyU4RiVFNCVCOCU4QSVFNCVCQyVBMC1DU0ROJUU0JUI4JUJBJUU0JUJFJThCJUVGJUJDJTg4JUU1JTg1JThEJUU4JUI0JUI5JUU1JTlCJUJFJUU1JUJBJThBJUVGJUJDJTg5L3BpYy9hMDcuanBn?x-oss-process=image/format,png
[format_png 7]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L2doL0Fkcm5pbmlzdHJhdG9yL3RtcF91cGxvYWRAMi9NYXJrZG93biVFNSU5QiVCRSVFNyU4OSU4NyVFNiU4OSVCOSVFOSU4NyU4RiVFNCVCOCU4QSVFNCVCQyVBMC1DU0ROJUU0JUI4JUJBJUU0JUJFJThCJUVGJUJDJTg4JUU1JTg1JThEJUU4JUI0JUI5JUU1JTlCJUJFJUU1JUJBJThBJUVGJUJDJTg5L3BpYy9hMDguanBn?x-oss-process=image/format,png

发表评论取消回复

表情：

评论列表（有 0 条评论，6人围观）

还没有评论，来说两句吧...

相关阅读

相关 github免费图床教程

最近把网站基本所有的静态文件（例如css,js,图片）都放到了github（无限空间且能通过链接进行访问图片，妥妥的图床好吧）上免费保存了。但是由于国内访问github经常

比眉伴天荒/ 2023年10月09日 15:11/ 0 赞/ 51 阅读

相关 CSDN图片批量上传（富文本）

1. 使用Word编写文档并另存为网页可以使用Word编写文档，并另存为网页形式。使用浏览器打开网页后，可将全部内容拷贝至CSDN的富文本编辑窗口中，文本的样式大部

我不是女神ヾ/ 2023年10月07日 10:37/ 0 赞/ 11 阅读

相关 Markdown图片批量上传-CSDN为例（免费图床）

1. 目标在将Markdown格式的文档导入博客或其他网站时，本地图片无法直接导入，需要使用互联网可以访问的图片。通过以下方法，可以使用Markdown文档中引用的

妖狐艹你老母/ 2023年10月07日 10:37/ 0 赞/ 7 阅读

相关 markDown集成图床

MarkDown集成图床 1.前言 > 1. 平时使用Typora，自己本地看正常，但是发给别人就会出现图片显示不了的情况，原来markDown是根据绝对路径来获

阳光穿透心脏的1/2处/ 2023年10月01日 08:40/ 0 赞/ 18 阅读

相关 PicGo（app）设置smms图床 && Typora图片上传

背景介绍 Typora在md文件传输到另外一台电脑或者网站的时候，会出现图片丢失的情况。因为本地的md文件只是把图片保存在本地而已。因此想要让自己的md文件在各个地方都能

深碍√TFBOYSˉ_/ 2023年09月25日 22:43/ 0 赞/ 77 阅读

相关 markdown本地图片上传

刚入markdown的坑，有道云笔记的markdown基础应用，可满足日常工作使用。作为小白，整理了一下有道云笔记的基础运用。在上传图片过程遇到的坑，填坑过程。 1

﹏ヽ暗。殇╰゛Y/ 2022年05月21日 10:35/ 0 赞/ 236 阅读

相关截图工具、免费图床、以及图片压缩工具

一、免费图床和截图工具 1.1 新浪微博免费图床：（亲测）使用谷歌插件： [https://chrome.google.com/webstore/detail

淩亂°似流年/ 2022年04月14日 03:22/ 0 赞/ 345 阅读

相关阿里云oss搭建图床以及使用PicGO上传图片到图床

阿里云oss搭建图床以及使用PicGO上传图片到图床最近喜欢上了使用markdown来写博客，可是markdown的图片却是本地的，如果我要发博客到GitHub上，那么

向右看齐/ 2022年02月15日 10:21/ 0 赞/ 371 阅读

相关 Markdown必备-本地图片快速上传至图床

目录本地编辑器与插入图片将图片上传至图床图床辅助工具稳定性迁移本地编辑器与插入图片现在越来越多的人使用 Markdown

悠悠/ 2021年11月10日 16:04/ 0 赞/ 536 阅读

相关 Markdown必备-本地图片快速上传至图床

目录本地编辑器与插入图片将图片上传至图床图床辅助工具稳定性迁移本地编辑器与插入图片现在越来越多的人使用 Markdown

悠悠/ 2021年11月09日 06:44/ 0 赞/ 542 阅读