github 페이지 및 관련 링크 이미지

사용자의 github 페이지를 만들었습니다.github 페이지 및 관련 링크 이미지

지금, 내가 내 주요 Index.html 파일에 해당 이미지를 삽입하려고

Images/Emoticons/Cool.png로 내가있는 REPO의 루트에 이미지 파일이 있다고 가정합니다.
- - <img src="\images\emoticons\cool.png">을 아무것도 온라인으로 보여줍니다 및 오프라인
-
나는 쓰기 <img src="images\emoticons\cool.png"> 아무것도 온라인 까지 보여줍니다하지만 이미지를 오프라인에게
볼 수 있습니다 - <img src="..\images\emoticons\cool.png">을 아무것도 온라인으로 보여줍니다 및 오프라인

무엇 끝나야합니까?

출처

2013-06-17 Avi

당신이 당신의 주요의 repo에서 이미지로 GitHub의 페이지에서 링크하려는 경우 이미지를 표시해야

enter image description here

, 당신은 "원료를 사용해야합니다 "절대적으로 연결된다. 기본 저장소의 이미지로 이동하여 원시를 클릭 한 다음 해당 URL을 복사하면됩니다. –

사이트가 Linux 서버에 의해 서비스되고 있기 때문에 경로는 대소 문자를 구분합니다.

이 작업을 수행하려면 emoticons을 Emoticons으로 대체하십시오. 다음 HTML 코드가 제대로

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

출처

2013-06-17 07:29:04 nulltoken

작동! 고마워요. – Avi

미래의 방문객을 위해 알고 있어야 할 다른 이슈는 슬래시'''를 사용하는 것입니다. 백 슬래시''\'' – 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>

출처

2013-06-17 06:49:43 falguni

그것은 질문 자체에서 작동하지 않는다고 말하지만, 나는 그것을 반복적으로 시도했지만 작동하지 않습니다. 확인을 위해 repo를 볼 수 있습니다. – Avi

github 페이지 및 관련 링크 이미지

답변

관련 문제