解决CSDN 导入Markdown图片失效不显示问题

解决CSDN 导入Markdown图片失效不显示问题

1. 问题及出现原因

1.1 问题复现

​ 在将笔记上传到CSDN博客或者其他网站上后,图片无法正确显示。这不仅会大大降低我们的效率,还可能给他人理解我们的内容带来困难。如下图所示:

image-20240918164507275

1.2 原因

​ 因为我们在本地Typora插入图片时,图片路径写的时本地的绝对路径,如外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传。当我们要将全文直接从Typora复制粘贴CSDN时,CSDN无法识别出我们的本地绝对路径,所以会造成图片无法显示的问题

2.解决方案

Gitee+picgo+Typora:使用Gitee+picgo+Typora 搭建图床方式就可以轻松做到,通过Typora自动上传到gitee,配置极其简单,如下所示:

2.1 Gitee配置

2.1.1 新建创库,设置开源许可

image-20240918165417293

2.1.2设置私人令牌(一会picGo上需要填写,权限全选即可)

image-20240918165902111

2.2 PicGo配置

2.2.1 . 安装PicGo

阿里云盘: PicGo-2.3.0-x64版本

2.2.2. 安装插件(由于地址是国外的,所以所需要的时间可能会长一些,可以通过设置国内镜像进行安装,如果尝试多次图形化界面未安装成功,可以通过cmd命令安装)

image-20240918170429464

2.2.3.设置相关属性(图床设置 – > gitee设置)

repo : 为私人地址(去掉gitee官网前缀部分)

branch:默认为主分支

token : 为gitee生成的令牌

image-20240918170843016

2.3 Typora配置

2.3.1 依次打开->文件->偏好设置->图像(如果没有上传图片,则是markdown笔记版本太低了,需要升级版本)

image-20240918171454713

2.3.2 图片上传验证

点击验证图片上传:

image-20240918171804418

注意出现这个界面不一定是失败啦

image-20240918171707172

粘贴图片到markdown看看路径是否正确上传到gitee,出现gitee地址,则表示上传成功:

726651301667)]

粘贴图片到markdown看看路径是否正确上传到gitee,出现gitee地址,则表示上传成功:

image-20240918172000300

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

搬砖人_li

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

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

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

打赏作者

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

抵扣说明:

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

余额充值