CSDN导入Md文件图片不显示问题及解决方案

╰+哭是因爲堅強的太久メ 2023-10-15 22:26 21阅读 0赞

### 原因 ###

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

### 具体解决方法 ###

1.设置Typara图片的地址

![583d47f65f14454abeed8cdab244f5d6.png][]

2.需要创建一个Gitee账号并创建一个仓库用来存放文件夹（怎样建立仓库并进行上传操作这里不做说明，网站上有很多教程。**注意，建立的仓库要设置为可公开访问的，不然图片文件无法被引用**）

![b1fdc52661a04d189435ac910871e323.png][]

3..将此文件夹上传Gitee获Github

![83689874ff5a492eb833ea01352a285d.png][]

4.在Gitee上随便找一个文件夹里的图片打开，点击原始数据

![d51981ec37bf45c09cec9abfdae7d900.png][]

5.复制这个地址，并记住地址除文件名以外其它部分的内容

![8e06c324bb8e4f9587539600ee1b1ef0.png][]

6. 将文档中的所有图片的路径替换为上面改好的地址，ctrl+f

两个框，上面的框内填本文档所在的路径 shell脚本.assets

下面的框填刚才我们改好的地址[https://gitee.com/HoneyAndSherry/picture/raw/master][https_gitee.com_HoneyAndSherry_picture_raw_master]

![b4313f98b3514b13848a0013baedfb62.png][]

替换完成后就可以正常导入了

[583d47f65f14454abeed8cdab244f5d6.png]: https://img-blog.csdnimg.cn/583d47f65f14454abeed8cdab244f5d6.png
[b1fdc52661a04d189435ac910871e323.png]: https://img-blog.csdnimg.cn/b1fdc52661a04d189435ac910871e323.png
[83689874ff5a492eb833ea01352a285d.png]: https://img-blog.csdnimg.cn/83689874ff5a492eb833ea01352a285d.png
[d51981ec37bf45c09cec9abfdae7d900.png]: https://img-blog.csdnimg.cn/d51981ec37bf45c09cec9abfdae7d900.png
[8e06c324bb8e4f9587539600ee1b1ef0.png]: https://img-blog.csdnimg.cn/8e06c324bb8e4f9587539600ee1b1ef0.png
[https_gitee.com_HoneyAndSherry_picture_raw_master]: https://gitee.com/HoneyAndSherry/picture/raw/master/image-20221016110126795.png
[b4313f98b3514b13848a0013baedfb62.png]: https://img-blog.csdnimg.cn/b4313f98b3514b13848a0013baedfb62.png