Изображения на страницах GitHub и относительные ссылки

Question

Изображения на страницах GitHub и относительные ссылки

20

Я создал страницу пользователя github.

Теперь предположим, что у меня есть файл изображения в корне репо, расположенный как Images/Emoticons/Cool.png

Я пытаюсь вставить это изображение в мой основной файл Index.html.
Я пишу -
- <img src="\images\emoticons\cool.png"> и ничего не отображается в Интернете и офлайн - <img src="images\emoticons\cool.png"> и ничего не отображается в сети , но я могу видеть изображение в автономном режиме
- <img src="..\images\emoticons\cool.png"> и ничего не отображается в Интернете и офлайн

Что делать?

Avi 17 июнь 2013, в 09:12

Источник

0

Если вы пытаетесь сделать ссылку со своих страниц GitHub на изображение в вашем основном репо, вам нужно использовать «сырую» ссылку абсолютно. Вы можете получить это, перейдя к изображению в главном репо, нажав на raw и затем скопировав этот URL.
Joshua Pinter 27 март 2016, в 15:37

Теги:

html

html5

github

2 ответа

0

try this

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

Full Page 

<!DOCTYPE html>
<html>

  <head>
    <meta charset='utf-8' />
    <meta http-equiv="X-UA-Compatible" content="chrome=1" />
    <meta name="description" content="Home Page : My Github Web" />

    <link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css">

    <title>Home Page</title>
  </head>

  <body>

    <!-- HEADER -->
    <div id="header_wrap" class="outer">
        <header class="inner">
          <a id="forkme_banner" href="https://github.com/Avi-Aryan">View on GitHub</a>

          <h1 id="project_title">Home Page</h1>
          <h2 id="project_tagline">Avi Aryan</h2>

        </header>
    </div>

    <!-- MAIN CONTENT -->
<div id="main_content_wrap" class="outer">
    <section id="main_content" class="inner">
    <br />
    Hi ! <img src="images/emoticons/cool.png" alt="hi" class="inline"/><br /><br />
    I am a young coder currently having school time in India.<br />
    I love intelligent-coding, algorithms and logics and<br />
    enjoy playing Cricket and Badminton.<br />
    <br />
    My coding abilities are currently limited Autohotkey and only Autohotkey.<br />
    A listing of my Autohotkey works can be found <a href="Autohotkey.html">here</a>.<br />
    <br />
    You can always visit my <a href="http://www.avi-win-tips.blogspot.com">blog</a> if you are looking for cool tricks and cracks.<br />
    I write original , hard to find content.<br />
    <br />
    <hr><br />
    <h3>My Github Project List</h3>
    <ul>
    <li><a href="https://github.com/Avi-Aryan/Clipjump">Clipjump</a>
    <li><a href="https://github.com/Avi-Aryan/Sublime4Autohotkey">Sublime 4 Autohotkey</a>
    <li><a href="https://github.com/Avi-Aryan/AutoHotKey">Sublime Text Autohotkey Package</a>
    </ul><br />
    <h3>Other Links</h3>
    <ul>
    <li><a href="Autohotkey.html">Autohotkey Scripts Listing</a>
    <li><a href="http://avi-win-tips.blogspot.in/p/my-autohotkey.html">Blog Index</a>
    </ul>
    <br /><br />
    </section>
</div>

    <!-- FOOTER -->
    <div id="footer_wrap" class="outer">
    <footer class="inner">
        <h2><font color="#FFFFFF">Profiles</font></h2>
        <p>
            <a href="http://www.github.com/avi-aryan">Github</a><br />
            <a href="http://www.autohotkey.com/board/user/24563-a-v-i/">Autohotkey Forum</a><br />
            <a href=https://plus.google.com/110328513842183229282">Google +</a><br />
            <a href="http://www.avi-win-tips.blogspot.com">Blog</a>
        </p>
    </footer>



  </body>
</html>

falguni 17 июнь 2013, в 07:14

0

Сказано, что это не работает в самом вопросе, однако я попробовал это снова и снова, это не работает. Вы можете увидеть репо для подтверждения.
Avi 17 июнь 2013, в 07:02

Ещё вопросы

Если вы пытаетесь сделать ссылку со своих страниц GitHub на изображение в вашем основном репо, вам нужно использовать «сырую» ссылку абсолютно. Вы можете получить это, перейдя к изображению в главном репо, нажав на raw и затем скопировав этот URL.
Сказано, что это не работает в самом вопросе, однако я попробовал это снова и снова, это не работает. Вы можете увидеть репо для подтверждения.

nulltoken · Accepted Answer · 2013-06-17T08-29-00.000Z

Поскольку сайт обслуживается серверами Linux, путь чувствителен к регистру.

Чтобы выполнить эту работу, замените emoticons на emoticons в предоставленном URL-адресе.

Следующий HTML-код должен правильно отображать изображение

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

Другая проблема, о которой нужно знать будущим посетителям, - это обязательно использовать прямую косую черту / не обратную косую черту \