GitHub wiki (गोलम) रिपॉजिटरी के अंदर इमेज एम्बेड करना?

Question

गिथूब विकिस एक अलग गिट रिपॉजिटरी द्वारा समर्थित हैं फिर मुख्य प्रोजेक्ट रिपॉजिटरी।

गितुब टीम की यह पोस्ट इस बात को स्पष्ट करती है कि आपको विकी मार्कअप के अंदर विकी रिपॉजिटरी में संग्रहीत छवियों से लिंक करने में सक्षम होना चाहिए।

चित्र और फ़ोल्डर

अब आप Git रिपॉजिटरी के अंदर होस्ट की गई छवियों को संदर्भित कर सकते हैं।

मैंने अपनी विकी रिपॉजिटरी की जाँच की है और इसमें एक संसाधन फ़ोल्डर और एक छवि को धकेल दिया है। मेरा सवाल यह है कि मैं इस छवि का उपयोग कैसे करूं ?

क्या यह भी संभव है या मैंने कुछ गलत समझा है?

Comments

Add- images-to-wikis के बारे में एक github-faq है, लेकिन इसमें छोटी रिश्तेदार छवि के बारे में कोई जानकारी नहीं है, यहाँ चर्चा की गई है

— k3b

Answer 1

रिश्तेदार रास्तों का उपयोग करने के लिए:

[[foo.jpg]]

अधिक जानकारी के लिए, चित्रों पर डेमो विकी का पेज देखें ।

Comments

यह पथ को हार्डकोड करने के लिए बेहतर है। केवल एक चीज जो मैं समझ नहीं पा रहा था कि इस पद्धति का उपयोग करके अल्ट टेक्स्ट कैसे बनाया जाए। ओह और उस डेमो में चित्र मेरे लिए लोड नहीं हैं।

— जेम्स मैकमोहन

यदि आप git क्लोन करते हैं: //github.com/mojombo/gollum-demo.git और फिर चलाएं gollum, तो आप उन्हें देखेंगे। :)

— बेंजामिन

शायद मुझे कुछ याद आ रहा है ... लेकिन [[wiki syntax]]इस विकी में काम करता है जिसकी मैं मदद करता हूं: github.com/newhavenrb/conferences/wiki/WindyCityRails-2012 शायद आप एक README के ​​साथ यह कोशिश कर रहे हैं?

— बेंजामिन

विकी सिंटैक्स फ़ाइल एक्सटेंशन द्वारा निर्धारित किया जाता है। .wikiमीडियाविकी शैली का उपयोग करता है। .mdमार्कडाउन शैली (रयानक्यू के उत्तर) का उपयोग करता है।

— ड्रू नोक

यह उत्तर अब काम नहीं करता है, नीचे @ वर्नर का उत्तर देखें (संक्षेप में, उपयोग करें! [पाठ] (चित्र / someimage.png) और सहेजें - पूर्वावलोकन में नहीं दिखाएंगे

— edmofro

Answer 2

जीथुब विकी पर चित्र देखने के इच्छुक दर्शकों के लिए मैंने निम्नलिखित विधि काम की है:

• अपनी रिपॉजिटरी के विकी पेज के अंदर "Git Access" टैब पर जाएं और SSH पथ को पुनः प्राप्त करें जो कुछ इस तरह होना चाहिए: [e-mail]: USER / REPO.wiki.git जहां USER आपके खाते का नाम है और REPO है रिपॉजिटरी का नाम।

• अपने स्थानीय मशीन का उपयोग करें जो भी कमांड लाइन लाइन उपकरण आप अपनी पसंद की स्थानीय निर्देशिका में सीडी और के माध्यम से भंडार प्राप्त करना चाहते हैं

  git क्लोन क्लोन [e-mail]: USER / REPO.wiki.git

• अब इस रिपॉजिटरी के भीतर एक इमेज डायरेक्टरी बनाते हैं, मैं इसे "इमेजेज" कहूंगा और जो भी इमेजेज आप डायरेक्टरी में डालना चाहते हैं उसे डाल देंगे

• और फिर अपने wiki git डायरेक्टरी को github पर पुश करें

• आप "पेज" टैब कहने के लिए चित्रों को भौतिक रूप से नहीं देख पाएंगे, लेकिन यदि आप केवल छवियों को एक स्थानीय लिंक में संदर्भित करते हैं तो आपको उन्हें देखने में सक्षम होना चाहिए। नीचे मार्कडाउन के साथ उदाहरण:

  ![Alt attribute text Here](images/YOURIMAGE.ext)

• आप इमेज को एक लिंक के रूप में एम्बेड कर सकते हैं, इसे आगे भी लपेटकर:

  [![Alt attribute text Here](images/YOURIMAGE.ext)](http://Yoursite.com)

आप विकी को व्यवस्थित करने के लिए अपनी स्थानीय कॉपी में उपनिर्देशिका भी जोड़ सकते हैं क्योंकि "पृष्ठ" टैब बस उन्हें सूचीबद्ध करता है। हालाँकि, ध्यान रखें कि नई निर्देशिका को धक्का देने पर भी "पृष्ठ" टैब निर्देशिका को सूचीबद्ध नहीं करता है।

Answer 3

छवि को जोड़ते समय कोई भी उत्तर काम नहीं करता है readme.md। हालांकि मुझे एक समाधान मिल गया है:

यदि छवि का URL है:

https://github.com/Username/Repository-Name/blob/master/Directory-Inside-Repository/image.png

के blobसाथ प्रतिस्थापित करने rawसे आपको कच्ची छवि का URL मिलता है:

https://github.com/Username/Repository-Name/raw/master/Directory-Inside-Repository/image.png

अब, आप सामान्य मार्कडाउन का उपयोग करके छवि को एम्बेड करेंगे:

![Image Alt](https://github.com/Username/Repository-Name/raw/master/Directory-Inside-Repository/image.png)

अद्यतन: अब तक, GitHub एक अलग उप-डोमेन से कच्ची छवियां भी प्रदान करता है raw.github.com। तो, आप भी उपयोग कर सकते हैं:

https://raw.github.com/Username/Repository-Name/master/Directory-Inside-Repository/image.png

उदाहरण: https://raw.github.com/Automattic/liveblog/master/screenshot-1.png

Comments

बहुत बढ़िया ... इसने मुझे एक GitHub टिप्पणी में सीधे छवि से लिंक करने की अनुमति दी। :) github.com/mccalltd/AttributeRout/issues/…

— लेनियल मैककैफर्री

मेरे लिए धन्यवाद का काम किया। एक दया यह रिश्तेदार पथ के साथ काम नहीं करता है

— एल्विस Ciotti

Answer 4

इस तरह मेरे लिए सापेक्ष पथ कार्य:

विकी का मुख पृष्ठ:

![text](wiki/images/someimage.png)

विकी का उप पृष्ठ:

![text](images/someimage.png)

ध्यान दें कि पूर्वावलोकन करते समय छवि नहीं दिखाई देगी, मैंने इसे सहेज लिया था।

Comments

@Werner की यह टिप बहुत महत्वपूर्ण है। (बहुत बहुत धन्यवाद!) किसी कारणवश आपके विकी का होम पेज अन्य सभी से अलग है, इसलिए होम पेज पर आपको विकी / पाथ / foo.ext की आवश्यकता होती है जहाँ अन्य सभी पेज पाथ / foo.ext का उपयोग करते हैं । अपने स्वयं के रेपो के सापेक्ष संबंध पूर्ण संदर्भों की तुलना में बहुत बेहतर हैं। यदि आप अपनी परियोजना को स्थानांतरित या क्लोन करते हैं, या इसे ऑफ़लाइन संशोधित करते हैं, तो सब कुछ अभी भी काम नहीं करता है जहां रेपो है। यह भी ध्यान दें कि यह [पाठ] (लिंक) सिंटैक्स अधिकांश उद्देश्यों के लिए ठीक है लेकिन अगर आपको अपनी छवि को संरेखित करने की आवश्यकता है तो आपको एक मानक HTML आईएमजी टैग का उपयोग करना होगा।

— टोनीजी

लगता है कि यह अधिक अप-टू-डेट उत्तर है

— एल्बफैन

यहाँ शाखा क्या है?

— जॉनी

Answer 5

यदि आप किसी चित्र को ड्रैग / ड्रॉप के साथ जल्दी से अपलोड करना चाहते हैं, तो आप निम्नलिखित (यद्यपि हैकिश) कर सकते हैं:

एक डमी मुद्दा बनाएं; अपनी छवि को वहां खींचें और छोड़ें; अपलोड किए गए मार्कडाउन इमेज कोड को अपनी विकि पर कॉपी / पेस्ट करें;

एक बार मुद्दा बनाने के बाद, आप ऐसा करने के लिए किसी भी समय इसका उपयोग कर सकते हैं।

उम्मीद है कि यह किसी को भी एक त्वरित सुधार की तलाश में मदद करता है, बिना छवि के रेपो में रहने की आवश्यकता होती है।

Answer 6

यहाँ यह करने के लिए एक व्यावहारिक तरीका है:

• गितुब पर किसी भी मुद्दे पर जाएं
• टिप्पणी अनुभाग में आप फ़ाइलों को संलग्न कर सकते हैं, बस अपनी छवि को ड्रैग / ड्रॉप, चयन या पेस्ट कर सकते हैं
• Textarea में प्रदर्शित कोड / लिंक को कॉपी करें
• इसे विकि में चिपकाएँ
• फायदा !

आपको @tiby समाधान की तुलना में किसी भी मुद्दे को बनाने या संशोधित करने की आवश्यकता नहीं है!

Comments

धन्यवाद! मुझे आश्चर्य है कि क्यों github उनके विकि साइटों पर इस कार्यक्षमता का समर्थन नहीं करता है।

— स्वेन

Answer 7

पता लगा लिया।

यूआरएल निम्नानुसार स्वरूपित है

https://raw.github.com/wiki/username/project/pathtoimage/imagename.extension

pathtoimage वैकल्पिक है

Comments

यह काम करता है, लेकिन कसकर युग्मित किया जाता है कि कैसे GitHub फ़ाइलों को संग्रहीत करता है। अगर वे अपना रास्ता बदल लेते तो यह टूट जाता। जब स्थानीय रूप से विकी चल रहा हो तो यह भी टूट जाएगा gollum।

— बेंजामिन

Answer 8

जेम्स का URL प्रारूप मेरे लिए काम नहीं करता था, शायद इसे बदल दिया गया है। मैंने उपयोग कर लिया है:

https://github.com/username/project/wiki/pathtoimage/image.extension

pathtoimageवैकल्पिक कहां है?

Comments

@JonathanLeung यह सिंटैक्स का सिर्फ एक लिंक के लिए नमूना है जो वास्तव में कहीं भी नहीं जाता है

— जेम्स मैकमोहन

Answer 9

अंत में nerdwin द्वारा बताई गई विधि का उपयोग करके छवियों को रिपॉजिटरी में मिला और उन्हें विकी का उपयोग करके प्रदर्शित करने के लिए मिला ![test](test.jpg)

Answer 10

निम्नलिखित मार्कडाउन आपके GitHub रेपो में आपके संबंधित GitHub विकी से एक छवि को संदर्भित करेगा

![My Alt Text](../blob/master/Path/ToAsset/In/Repo.png?raw=true)

उपरोक्त उदाहरण मानता है कि आपके रेपो में निम्न फ़ाइल संरचना है

• पथ
  • ToAssets
    • में
      • Repo.png

एक वास्तविक दुनिया के उदाहरण के लिए, यदि मैं इसी छवि को संबंधित विकी से जीथब में संदर्भित करना चाहता था, तो मैं इस मार्कडाउन का उपयोग करूंगा

![Azure App Settings](../blob/master/TrelloWorld/TrelloWorld.Server/Assets/Azure_AppSettings.png?raw=true)

चेतावनियां

1. मामला मायने रखता है
2. यदि आप विकि के विशेष होम पेज पर हैं, तो आपको ../ के साथ एक स्तर ऊपर जाने की आवश्यकता नहीं है। ऊपर दिए गए मेरे उदाहरण में, सही लिंक होगा

होम पेज के लिए:

![Azure App Settings](blob/master/TrelloWorld/TrelloWorld.Server/Assets/Azure_AppSettings.png?raw=true)

Comments

मामला मायने रखता है। Repo.png, repo.png

— Josh

यदि आप विकी के होम पेज पर हैं, तो यह थोड़ा बदल जाता है। आपको ड्रॉप करने की आवश्यकता है ../। यह लिंक होगा (बूँद / मास्टर / पथ / टॉससेट / इन / रिपॉन्ग; कच्चा = सच)

— जोश

होस्ट की गई छवि की शाखा क्या मायने रखती है?

— जॉनी

मैंने इसकी कोशिश नहीं की है, लेकिन अपने नमूने में यूआरएल देखकर, मुझे विश्वास है कि यह होगा। मेरे नमूनों में मुझे लगता है कि सब कुछ मास्टर में है। आप संभवतः मेरे नमूने में "मास्टर" शब्द को बदल सकते हैं, जो भी छवि में है, उसके लिए।

— जोश

Answer 11

सापेक्ष पथ का उपयोग करें

विकी पर स्थित है [repositoryname]/wiki

भंडार में फाइलें स्थित हैं [repositoryname]/raw/master/[file path in repository]

तो बस सापेक्ष पथ का उपयोग करें: ../raw/master/[file path in repository]

Comments

मुझे ../../एक उप-पृष्ठ में करना था , इसलिए यह वर्तमान पृष्ठ पथ के सापेक्ष है

— tutuDajuju

यदि आपके पास मास्टर नाम की कोई शाखा नहीं है?

— जॉनी

Answer 12

मैंने अपने विकी में दोनों चित्र और पीडीएफ रखे। मैं विकि को क्लोन करता हूं और एक imagesऔर एक filesनिर्देशिका जोड़ता हूं , फिर छवि लिंक एम्बेड करने और फ़ाइल लिंक जोड़ने के लिए निम्न मार्कडाउन का उपयोग करें:

इमेजिस:

[[/images/path/to/image.ext|ALT TEXT]]

यदि आपके विकी पृष्ठ सभी रूट स्तर पर हैं, तो अग्रणी स्लैश आवश्यक नहीं है, लेकिन मैं उपनिर्देशिका का उपयोग करता हूं और एक निरपेक्ष पथ सही ढंग से हल करता है और चीजों को सरल रखता है।

फ़ाइलें:

[link text](files/path/to/file.ext "ALT TEXT")

ध्यान दें, filesइस प्रारूप में एक लिंक के रूप में सही ढंग से हल करने के लिए विकि पथ के लिए कोई अग्रणी स्लैश नहीं है ।

मैंने इसे गीथहब जिस्ट में अधिक विस्तार के साथ दस्तावेजित किया

Answer 13

बाहरी छवि थंबनेल एम्बेड करने के लिए, निम्नलिखित का उपयोग करें, ![Image](<external link to the image>)

Answer 14

मूल प्रश्न के लिए @ ड्रू नोक से टिप्पणी ने मेरे लिए किया:

जिस छवि को मैं प्रदर्शित करना चाहता था उसका सिंटैक्स:

[[/images/imageName.png]]

यह छवि केवल नाम बदलने पर प्रदर्शित की गई थी:

wikiPage.md --> wikiPage.wiki

विकी रिपॉजिटरी में निम्नलिखित फ़ोल्डर संरचना का उपयोग किया गया था:

repository.wiki
   |--wikiPage.wiki
   |--images
        |--imageName.png       

परंतु:

.Wiki में सिंटैक्स .md फ़ाइलों से भिन्न होता है।

Answer 15

जवाब में से कई मेरे लिए काम नहीं करते थे, यहाँ आखिरकार क्या काम किया है:

![](../raw/master/Images/ImportantImage.png)

"मार्कडाउन" संपादक मोड और एक उप-पृष्ठ का उपयोग करना जैसे:

https://github.com/project/repo/wiki/MyPage

-जॉन