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

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


1. 问题

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

2. 原因

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

3. 解决方法
  • 创建一个Gitee账户,并新建一个仓库,专门用于存储CSDN博客上的图片;
    在这里插入图片描述

  • 将Markdown文档内的图片(放在一个文件夹)上传至该仓库内,如下图所示:
    在这里插入图片描述

在这里插入图片描述

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

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

4. Tips

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:编程工作室 设计师:CSDN官方博客 返回首页

打赏作者

心烦啊

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值