मार्कडाउन का उपयोग करके गिटहब के विकी में छवि का आकार बदलें


255

मैं GitHub पर एक विकी पेज लिख रहा हूं, और मैं Markdown का उपयोग कर रहा हूं।

मेरी समस्या यह है कि मैं एक बड़ी छवि रख रहा हूं (यह छवि अपने ही भंडार में है) और मुझे इसका आकार बदलने की आवश्यकता है।

मैंने विभिन्न समाधानों की कोशिश की है, लेकिन वे काम नहीं करते हैं:

![image](http://url.to/image.png "Title" {width=40px height=400px})

![image](http://url.to/image.png = 250x250)

![image](http://url.to/image.png = 250x)

[[http://url.to/image.png = 250x]]

क्या इसे पाने का कोई तरीका है?

यह HTML के बिना बेहतर है।


जवाबों:


373

अपडेट किया गया:

कोड (बाहरी / आंतरिक):

![test](https://github.com/favicon.ico)

कोड ( साइज़िंग के लिए आंतरिक / बाहरी ):

<img src="https://github.com/favicon.ico" width="48">

उदाहरण:

परीक्षा


पुराना उत्तर:

यह काम करना चाहिए:

[[ http://url.to/image.png | ऊंचाई = 100px]]

स्रोत: https://guides.github.com/features/mastering-markdown/


धन्यवाद। <img src="..." width="48">GitHub पर अपलोड की गई छवियों के लिए README में काम करता है।
सैम डटन

@SamDutton: यह कहीं और होस्ट की गई छवियों के लिए भी ठीक काम करता है।
जोनीक

1
आज इसका परीक्षण करें। Github [] (.. = 400) या [] (... = 400px) के सिंटैक्स को मान्यता नहीं देगा, इसलिए यदि मुझे चित्र का आकार बदलना है, तो मुझे <img /> सिंटैक्स का उपयोग करना होगा।
स्पाइकयांग

1
यदि छवि विकी से ही जुड़ जाती है तो क्रॉस आउट उत्तर काम करता है।
एडुआर्डो

2
@Eduardo ने क्या कहा ... आपने जो 'पुराना जवाब' पार किया है, वह वही है जो मैं इंटरनेट के लिए डांट रहा हूं- फिर भी रिश्तेदार रास्तों (विकि के अंदर संपत्ति) के लिए बढ़िया काम करता है। इसके अतिरिक्त, मुझे एक तालिका के अंदर एक या दो चित्र जोड़ना था। मार्कअप में विशिष्ट तालिका स्वरूपण के कारण पाइप चरित्र मुझे दु: ख दे रहा था। टेबल सेल के अंदर पाइप को बचाना अभी भी मान्य है [[ http://url.to/img.png \| height=48px]]:।
DanMad

57

GitHub पर, आप मार्कडाउन के बजाय सीधे HTML का उपयोग कर सकते हैं:

<a href="url"><img src="http://url.to/image.png" align="left" height="48" width="48" ></a>

इसे बनाना चाहिए।


10
समाधान के लिए धन्यवाद, क्या यह html कोड के बिना संभव है?
फुआर्ट्स

1
बस यह नोट करना चाहते हैं कि आप को बाहर कर सकते हैं widthताकि यह स्वचालित रूप से ऊंचाई के आधार पर चौड़ाई को माप सके।
मैं एक मेंढक अजगर

2
सिर्फ जीतूब पर नहीं; मेरा मानना ​​है कि इनलाइन एचटीएमएल को
मार्कडाउन

br की और hr मदद नहीं करते हैं।
जोशेट्स

2

लगभग 5 साल बाद केवल डायरेक्ट HTML फॉर्मेटिंग GitHub पर छवियों के लिए काम करता है और अन्य मार्कडाउन विकल्प अभी भी छवियों को लोड करने से रोकते हैं जब कुछ कस्टम आकारों को गलत आयामों के साथ भी निर्दिष्ट करते हैं। मैं वांछित चौड़ाई निर्दिष्ट करना चाहता हूं और स्वचालित रूप से गणना की गई ऊंचाई प्राप्त करना चाहता हूं, उदाहरण के लिए,

<img src="https://github.com/your_image.png" alt="Your image title" width="250"/>


2

मैंने ऊपर वर्णित विधियों का उपयोग किया है। अब मैं उस विधि का उपयोग कर रहा हूं जो मेरे लिए एक सरल लेकिन अधिक सरल तरीका है।

  1. सबसे पहले अपनी परियोजना में README.md फ़ाइल जोड़ें।
  2. फिर अपने प्रोजेक्ट मुख्य निर्देशिका के लिए स्क्रीनशूट या जो भी वर्णन चित्र आवश्यक हों, अपलोड करें।
  3. छवि अपलोड करने के बाद एसेट्स नीचे दी गई लिंक का उपयोग किए बिना इन परिसंपत्तियों को सीधे संदर्भित करने के लिए HTML का उपयोग करते हैं

ऐशे ही:

<img src="icon.jpg" width="324" height="324">

<p align="center">
  <img src="screen1.png" width="256" height="455">
  <img src="screen2.png" width="256" height="455">
  <img src="screen3.png" width="256" height="455">
</p>

ऊपर के उदाहरण पर मैंने छवियों को साइड से संरेखित करने के लिए पैराग्राफ का उपयोग किया है। यदि आप सिंगल इमेज का उपयोग करने जा रहे हैं तो नीचे दिए गए कोड का उपयोग करें

<img src="icon.jpg" width="324" height="324">

आपका दिन शुभ हो!


0

GitHub Pages अब kramdown का उपयोग अपने मार्कडाउन इंजन के रूप में करता है ताकि आप निम्नलिखित सिंटैक्स का उपयोग कर सकें:

Here is an inline ![smiley](smiley.png){:height="36px" width="36px"}.

http://kramdown.gettalong.org/syntax.html#images

मैंने इसे GitHub wiki पर परीक्षण नहीं किया है।


1
@nicobo मैंने कोशिश की कि यह बाहरी छवि के लिए काम नहीं करता है?
user310291

यह Jekyll, FYI का उपयोग कर GitHib पृष्ठों में काम करता है (मुझे लगता है कि यह ओपी सवाल ठीक नहीं है)
डेविड जे 29:19

0

यह अलग प्रश्न को संबोधित करता है, पहले स्थान पर जीस्ट (जीथूब के विपरीत) में चित्र कैसे प्राप्त करें?


दिसंबर 2015 में, ऐसा लगता है कि केवल फाइलों पर github.comया cloud.githubusercontent.comजैसे काम के लिए लिंक होता है । कदम जो मेरे लिए एक जिस्ट में काम करते हैं:

  1. एक जिस्ट बनाएं, Mygist.md(और वैकल्पिक रूप से अधिक फाइलें)
  2. अंत में "टिप्पणी लिखें" बॉक्स पर जाएं
  3. "फ़ाइलों को संलग्न करें ... उन्हें चुनें" पर क्लिक करें; अपनी स्थानीय छवि फ़ाइल चुनें
  4. GitHub एक लंबी लंबी स्ट्रिंग है जहाँ यह छवि डालता है, जैसे! [Khan-lasso-squared] ( https://cloud.githubusercontent.com/assets/1280390/12011119/596bdca4-acc2-11e5-84d0-4878164e04bb.png )
  5. कट-पेस्ट जो आपके हाथ में है Mygist.md

लेकिन: GitHub लोग इस व्यवहार को कल बदल सकते हैं, बिना दस्तावेज के।


7
आकार बदलने वाला पहलू कहां है?
कोपरपोर
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.