Bilder in GitHub-Seiten und relative Links

Ich erstellte die Github-Seite eines Benutzers.Bilder in GitHub-Seiten und relative Links

Nun nehme ich eine Image-Datei befindet sich an der Wurzel des Repo haben als Images/Emoticons/Cool.png

Ich versuche, das Bild in meinem Haupt-Index.html Datei einzufügen.
ich schreibe -
- <img src="\images\emoticons\cool.png"> und nichts zeigt sich online und offline
- <img src="images\emoticons\cool.png"> und nichts zeigt sich online aber ich kann das Bild offline
sehen - <img src="..\images\emoticons\cool.png"> und nichts zeigt sich online und offline

Was Sollte gemacht werden?

Quelle

2013-06-17 Avi

Wenn Sie versuchen, von Ihren GitHub Seiten auf ein Bild in Ihrer Haupt-Repo zu verbinden, müssen Sie die „raw verwenden "absolut verlinken. Sie können das erreichen, indem Sie auf das Bild im Hauptreport gehen, auf "roh" klicken und dann diese URL kopieren. –

Da die Site von Linux-Servern bedient wird, unterscheidet der Pfad die Groß- und Kleinschreibung.

Um dies durchzuführen, ersetzen Sie emoticons durch Emoticons in der bereitgestellten URL.

enter image description here

Der folgende HTML-Code, das Bild richtig angezeigt werden soll

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

Quelle

2013-06-17 07:29:04 nulltoken

Funktioniert! Vielen Dank – Avi

Das andere Problem, das man für zukünftige Besucher beachten sollte, ist, sicher zu sein, den Vorwärts-Schrägstrich '/' nicht den umgekehrten Schrägstrich '' '' '' zu verwenden – merlinpatt

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>

Quelle

2013-06-17 06:49:43 falguni

Das soll in der Frage selbst nicht funktionieren, aber ich habe es immer wieder versucht und es funktioniert nicht. Sie können das Repo zur Bestätigung sehen. – Avi

Bilder in GitHub-Seiten und relative Links

Antwort

Verwandte Themen