使用markdown添加图片不显示问题的解决方法


问题描述

在这几天,我尝试使用markdown添加图片,但是图片却显示不出来。

这是我当时使用markdown写下的添加图片的格式:

1
![Wide_And_Length](/image/使用QT创建聊天室客户端/QMainWindow长宽大小.png)

这是当时预览的图片显示

001_WideAndLength

我的存储图片的文件夹跟md文件存储在同一目录下,如图所示

002_file_road

然后我尝试了将图片的路径先返回到上一级的目录下,然后再添加图片路径,这时候在markdown文档预览的时候出现了图片,但是当我将文章发布到了GitHub之后却发现图片依旧显示不出来

此时添加图片的格式

1
![Wide_And_Length](../_posts/image/使用QT创建聊天室客户端/QMainWindow长宽大小.png)

markdown文档预览效果
003_Preview_Image

打开博客实际效果

004_Image_Actually_Affect

解决方法

首先在博客仓库下选择添加新的文件

005_Add_New_File

然后选择添加新的分支

006_Add_New_Branch

将图片添加到这个分支里面

007_Add_Image

右键点击图片选择复制图片地址,将地址复制到之前的图片路径上

008_Copy_Image_Adress

这样图片就能显示出来了

参考文章https://www.jianshu.com/p/c7618a53454f