解决Markdown文件上传至CSDN无法显示本地图片问题

解决Markdown文件上传至CSDN无法显示本地图片问题


1. 问题

​在写CSDN博客的时候,大家一般都倾向于使用本地编辑软件(例如Typora)编辑好之后,再上传至CSDN,但是经常会遇到Markdown文件中的图片在上传之后无法正常显示,如下图所示:

解决Markdown文件上传至CSDN无法显示本地图片问题_第1张图片

2. 原因

​这是因为在编写Markdown时,文档内的图片一般来自于本地文件夹,因此在将.md文件上传至CSDN上时,图片无法正常显示,此时,需要将图片上传至“图床”,这样图片会获得一个“在线地址”,直接通过网络就可以访问该图片了。最后,CSDN上的图片就可以使用该“在线地址”。

3. 解决方法
  • 创建一个Gitee账户,并新建一个仓库,专门用于存储CSDN博客上的图片;
  • 将Markdown文档内的图片(放在一个文件夹)上传至该仓库内,如下图所示:

  • 点击原始数据,可以获取该图片的在线地址;

    解决Markdown文件上传至CSDN无法显示本地图片问题_第2张图片

  • 用图片的在线地址替换掉原文档内的本地地址,上传至CSDN后的文章即可正常显示图片了。

4. Tips

​不建议使用Github作为图床,因为Github经常会出现访问困难,当把图片上传至Github仓库中时,CSDN博客中的图片可能因为Github访问不顺利导致图片无法正常访问。

你可能感兴趣的:(技巧性文章,markdown,csdn,经验分享)