github页面中的图像和相关链接 [英] Images in github pages and relative links

问题描述

我创建了一个用户的github页面。

现在，假设我在repo的根目录中有一个Image文件，位于 Images / Emoticons /Cool.png

我尝试将该图片插入到我的主 Index.html file。

我写 -

- < img src =\images\emoticons\cool.png> 并没有显示在线和离线

- < img src =images\emoticons\cool.png> 并且没有任何内容在线显示，但我可以离线查看图片

- < img src =.. \images\emoticons\cool bng> 并且在线和离线都没有显示出来

应该做什么？

解决方案

由于该站点由Linux服务器提供服务，路径区分大小写。

在提供的网址中使用表情符号替换表情符号。

以下html代码应该正确显示图片

 < img src =images / Emoticons / cool.pngalt =hiclass =inline/> 
  

I created a user's github page.

Now, suppose I have an Image file at the root of the repo located as Images/Emoticons/Cool.png

I try to insert that image in my main Index.html file.
I write -
- <img src="\images\emoticons\cool.png"> and nothing shows up online and offline
- <img src="images\emoticons\cool.png"> and nothing shows up online but I can see the image offline
- <img src="..\images\emoticons\cool.png"> and nothing shows up online and offline

What should be done?

解决方案

As the site is being served by Linux servers, the path is case sensitive.

In order to make this work, replace emoticons with Emoticons in the provided url.

The following html code should properly display the image

<img src="images/Emoticons/cool.png" alt="hi" class="inline"/>

这篇关于github页面中的图像和相关链接的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！