2013-06-17 4 views
21

मैंने उपयोगकर्ता का 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"> और कुछ भी नहीं ऑनलाइन पता चलता है और ऑफ़लाइन

क्या किया जाना चाहिए?

+0

आप अपने मुख्य रेपो में एक छवि के लिए अपने GitHub पेज से लिंक करने के लिए प्रयास कर रहे हैं प्रदर्शित करना चाहिए, तो आप "कच्चे उपयोग करने की आवश्यकता "बिल्कुल लिंक। आप मुख्य रेपो में छवि पर जाकर, कच्चे पर क्लिक करके और फिर उस यूआरएल की प्रतिलिपि बनाकर प्राप्त कर सकते हैं। –

उत्तर

24

चूंकि लिनक्स सर्वर द्वारा साइट परोसा जा रहा है, तो पथ केस संवेदनशील है।

इस काम को करने के लिए, प्रदत्त यूआरएल में Emoticons के साथ emoticons को प्रतिस्थापित करें।

enter image description here

निम्नलिखित एचटीएमएल कोड को ठीक से छवि

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

काम करता है! बहुत बहुत धन्यवाद – Avi

+3

अन्य मुद्दों को भविष्य के आगंतुकों के बारे में पता होना चाहिए, आगे स्लैश का उपयोग करना सुनिश्चित करना है '/' बैक स्लैश '' '' '' ' – merlinpatt

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> 
+0

कहा जाता है कि सवाल में स्वयं काम नहीं किया जाता है, हालांकि मैंने बार-बार कोशिश की कि यह काम नहीं करता है। आप पुष्टिकरण के लिए रेपो देख सकते हैं। – Avi