GitHub图像出现在ReadMe.md中,而不是出版页面中

时间:2015-05-22 16:37:46

标签: html image github webpage github-flavored-markdown

在GitHub上,我创建了一个带有屏幕截图的ReadMe.md

但是当我发布网站时,它并没有显示图像。我用了

![alt tag](https://raw.github.com/username/projectname/branch/path/to/img.png)

<img src="https://raw.github.com/username/projectname/branch/path/to/img.png" alt="https://raw.github.com/username/projectname/branch/path/to/img.png">

但没有任何作用。我可以在什么格式下插入将在ReadMe.md和网页上显示的图像?

链接ReadMe.md:https://github.com/Sonihal/moveclient/blob/master/README.md

链接到网页:http://sonihal.github.io/moveclient

1 个答案:

答案 0 :(得分:4)

您的网站正在尝试从错误的链接加载图片:

<img src="https://github.com/Sonihal/moveclient/blob/master/group_name_and_id.JPG" alt="https://github.com/Sonihal/moveclient/blob/master/group_name_and_id.JPG">

您应该更新它以使用github中的原始图像链接:

https://raw.githubusercontent.com/[USER]/[REPO]/[BRANCH]/[PATH_TO_IMAGE]

示例:https://raw.githubusercontent.com/Sonihal/moveclient/master/group_name_and_id.JPG

https://raw.githubusercontent.com/Sonihal/moveclient/master/group_name_and_id.JPG

Readme.md文件中,你可以同时使用它们,因为看起来Github markdown理解它并自动包装以获取图像。