GitHub पर README.md पर छवियां जोड़ें




markdown github-flavored-markdown (12)

हाल ही में मैं गिटहब में शामिल हो गया। मैंने वहां कुछ परियोजनाओं की मेजबानी की।

मुझे अपनी रीडमे फ़ाइल में कुछ छवियां शामिल करने की आवश्यकता है। मुझे नहीं पता कि यह कैसे करना है।

मैंने इसके बारे में खोज की, लेकिन मुझे जो कुछ मिला वह कुछ लिंक था जो मुझे "वेब पर छवियों को होस्ट करने और README.md फ़ाइल में छवि पथ निर्दिष्ट करने" के लिए कहता है।

क्या किसी तीसरे पक्ष की वेब होस्टिंग सेवाओं पर छवियों को होस्ट किए बिना ऐसा करने का कोई तरीका है?


मुझे अपनी रीडमे फ़ाइल में कुछ छवियां शामिल करने की आवश्यकता है। मुझे नहीं पता कि यह कैसे करना है।

मैंने एक छोटा विज़ार्ड बनाया है जो आपको अपने ReadmeGalleryCreatorForGitHub रिपोजिटरी के ReadmeGalleryCreatorForGitHub के लिए सरल छवि दीर्घाओं को बनाने और अनुकूलित करने की अनुमति देता है: ReadmeGalleryCreatorForGitHub देखें।

विज़ार्ड इस तथ्य का लाभ उठाता है कि README.md में README.md टैग होने की अनुमति देता है। साथ ही, विज़ार्ड गिटहब को छवियों को अपलोड करने की लोकप्रिय चाल का उपयोग करता है, जो उन्हें समस्या क्षेत्र में ड्रैगप्रॉप कर रहा है (जैसा कि पहले से ही इस धागे में दिए गए उत्तरों में से एक में उल्लिखित है)।


मूल सिंटेक्स

![myimage-alt-tag](url-to-image)

यहाँ:

  1. my-image-alt-tag: टेक्स्ट दिखाया जाएगा यदि छवि नहीं दिखायी जाती है।
  2. यूआरएल-टू-इमेज: जो भी आपका इमेज संसाधन है। छवि के यूआरआई

उदाहरण:

![](http://lmsotfy.com/so.png)

यह निम्न की तरह दिखेगा:


नवीनतम

विकिस पीएनजी, जेपीईजी, या जीआईएफ छवियों को प्रदर्शित कर सकते हैं

अब आप इसका उपयोग कर सकते हैं:

[[https://github.com/username/repository/blob/master/img/octocat.png|alt=octocat]]

-या-

इन कदमों का अनुसरण करें:

  1. गिटहब पर, भंडार के मुख्य पृष्ठ पर नेविगेट करें।

  2. अपने भंडार नाम के तहत, विकी पर क्लिक करें।

  3. विकी साइडबार का उपयोग करके, उस पृष्ठ पर नेविगेट करें जिसे आप बदलना चाहते हैं, और फिर संपादित करें पर क्लिक करें।

  4. विकी टूलबार पर, छवि पर क्लिक करें।

  5. "छवि सम्मिलित करें" संवाद बॉक्स में, छवि यूआरएल और alt टेक्स्ट टाइप करें (जिसे खोज इंजन और स्क्रीन पाठकों द्वारा उपयोग किया जाता है)।
  6. ओके पर क्लिक करें।

Docs संदर्भ लें।


अपने रिपॉजिटरी में सापेक्ष src के साथ बस अपने IMADME.md में एक <img> टैग जोड़ें
यह काम करता है क्योंकि गिटहब inline-html समर्थन करता है

<img src="/docs/logo.png" alt="My cool logo"/>
# My cool project and above is the logo of it

here देखें


आप वैकल्पिक github सीडीएन लिंक का उपयोग कर README.md (या बाहरी रूप से) से अपनी परियोजना में छवियों से लिंक कर सकते हैं।

यूआरएल इस तरह दिखेगा:

https://cdn.rawgit.com/<USER>/<REPO>/<BRANCH>/<PATH>/<TO>/<FILE>

मेरे पास मेरी परियोजना में एक एसवीजी छवि है, और जब मैं इसे अपने पायथन परियोजना प्रलेखन में संदर्भित करता हूं, तो यह प्रस्तुत नहीं करता है।

परियोजना लिंक

फ़ाइल के लिए प्रोजेक्ट लिंक यहां दिया गया है (छवि के रूप में प्रस्तुत नहीं करता है):

https://github.com/jongracecox/anybadge/blob/master/examples/awesomeness.svg

उदाहरण एम्बेडेड छवि:

कच्चा लिंक

फ़ाइल के लिए रॉ लिंक यहां है (अभी भी एक छवि के रूप में प्रस्तुत नहीं करता है):

https://raw.githubusercontent.com/jongracecox/anybadge/master/examples/awesomeness.svg

उदाहरण एम्बेडेड छवि:

सीडीएन लिंक

सीडीएन लिंक का उपयोग करके, मैं फ़ाइल से लिंक कर सकता हूं (छवि के रूप में प्रस्तुत करता है):

https://cdn.rawgit.com/jongracecox/anybadge/master/examples/awesomeness.svg

उदाहरण एम्बेडेड छवि:

इस प्रकार मैं अपने प्रोजेक्ट से अपनी README.md फ़ाइल दोनों में छवियों का उपयोग करने में सक्षम हूं, और मेरे पीईपीआई प्रोजेक्ट में पुन: निर्मित टेक्स्ट डॉकमेंटेशन ( here )


आप साधारण HTML टैग वाले चित्र भी जोड़ सकते हैं:

<p align="center">
  <img src="your_relative_path_here" width="350"/>
  <img src="your_relative_path_here_number_2_large_name" width="350"/>
</p>

इस मार्कडाउन को आज़माएं:

![alt text](http://url/to/img.png)

मुझे लगता है कि अगर आप अपने भंडार में संग्रहीत हैं तो आप सीधे छवि के कच्चे संस्करण से लिंक कर सकते हैं। अर्थात

![alt text](https://raw.githubusercontent.com/username/projectname/branch/path/to/img.png)

संपादित करें: आलेख से लिंक करने वाली टिप्पणी पर ध्यान दिया गया है जो gh-pages का उपयोग करने का सुझाव देता है। इसके अलावा, ऊपर दिए गए पूर्ण यूआरएल से सापेक्ष लिंक बेहतर विचार हो सकते हैं।


किसी फ़ोल्डर ( myFolder ) में अपनी छवि ( image.png ) को कम करें और अपनी README.md में निम्न पंक्ति जोड़ें:

![Optional Text](../master/myFolder/image.png)


मेरे मामले में मैं imgur का उपयोग करता हूं और इस तरह से सीधे लिंक का उपयोग करता हूं।

![img](http://i.imgur.com/yourfilename.png)

मेरे मामले में मैं Github पर एक प्रिंट स्क्रीन दिखाना चाहता था लेकिन NPM पर भी। भले ही सापेक्ष पथ का उपयोग Github भीतर काम कर रहा था, यह इसके बाहर काम नहीं कर रहा था। असल में, भले ही मैंने अपनी परियोजना को NPM भी धक्का दिया (जो कि एक ही readme.md का उपयोग करता है, छवि कभी नहीं दिख रही थी।

मैंने कुछ तरीकों की कोशिश की, अंत में यह मेरे लिए काम किया:

![Preview](https://raw.githubusercontent.com/username/project/master/image-path/image.png)

अब मैं अपनी छवि को NPM या कहीं और सही तरीके से देखता हूं जिसे मैं अपना पैकेज प्रकाशित कर सकता हूं।


मैंने इस समस्या को हल किया है। आपको केवल किसी और की रीडमे फ़ाइल को संदर्भित करने की आवश्यकता है।

सबसे पहले, आपको github कोड लाइब्रेरी में एक छवि फ़ाइल अपलोड करनी चाहिए! फिर छवि फ़ाइल के पते का सीधा संदर्भ।




यदि आपको दस्तावेज़ों के लिए कुछ तस्वीरें अपलोड करने की आवश्यकता है, तो git-lfs का उपयोग करना एक अच्छा तरीका है। यह मानते हुए कि आपने git-lfs को स्थापित किया है, इन चरणों का पालन करें:

  1. अपने प्रत्येक छवि प्रकार के लिए गिट lfs intialize:

    git lfs *.png
    git lfs *.svg
    git lfs *.gif
    git lfs *.jpg
    git lfs *.jpeg
    
  2. एक फ़ोल्डर बनाएं जो छवि स्थान के रूप में उपयोग किया जाएगा उदाहरण के लिए। doc जीएनयू / लिनक्स और यूनिक्स आधारित सिस्टम पर यह इस प्रकार किया जा सकता है:

    cd project_folder
    mkdir doc
    git add doc
    
  3. किसी भी छवियों को दस्तावेज़ फ़ोल्डर में पेस्ट करें। बाद में उन्हें git add कमांड के माध्यम से git add

  4. प्रतिबद्ध और धक्का।

  5. छवियां निम्नलिखित यूआरएल में सार्वजनिक रूप से उपलब्ध हैं:

    https://media.githubusercontent.com/media/ ^ github_username ^ / ^ repo ^ / ^ शाखा ^ / ^ image_location repo ^

कहां: * ^github_username^ github में उपयोगकर्ता नाम है (आप इसे प्रोफाइल पेज में पा सकते हैं) * ^repo_name^ रिपोजिटरी नाम * ^branch^ रिपोजिटरी शाखा है जहां छवि अपलोड की गई है * ^image_location in the repo^ है उस फ़ोल्डर सहित स्थान जिसमें छवि संग्रहित है।

इसके अलावा आप पहले छवि अपलोड कर सकते हैं और फिर अपनी परियोजनाओं में जीथ्यूब पेज में स्थान पर जाएं और जब तक आपको छवि नहीं मिल जाती तब तक नेविगेट करें, फिर download बटन दबाएं और फिर ब्राउज़र के पता बार से यूआरएल कॉपी करें।

संदर्भ के रूप में मेरी परियोजना से this देखो।

फिर आप उपरोक्त वर्णित मार्कडाउन वाक्यविन्यास का उपयोग करके उन्हें शामिल करने के लिए यूआरएल का उपयोग कर सकते हैं:

![some alternate text that describes the image](^github generated url from git lfs^)

उदाहरण: मान लीजिए कि हम इस तस्वीर का उपयोग करते हैं तो आप मार्कडाउन सिंटैक्स का उपयोग कर सकते हैं:

![In what order to compile the files](https://media.githubusercontent.com/media/pc-magas/myFirstEnclave/master/doc/SGX%20Compile%20workflow.png)






github-flavored-markdown