मार्कडाउन में छवि का आकार बदलना

Question

मैंने अभी मार्कडाउन से शुरुआत की है। मैं इसे प्यार करता हूँ, लेकिन मुझे एक बात समझ में आती है: मैं मार्कडाउन का उपयोग करके किसी छवि का आकार कैसे बदल सकता हूँ?

प्रलेखन केवल एक छवि के लिए निम्नलिखित सुझाव देता है:

![drawing](drawing.jpg)

अगर यह संभव है तो मैं चाहूंगा कि तस्वीर भी केंद्रित हो। मैं सामान्य मार्कडाउन के लिए कह रहा हूं, न कि केवल GitHub यह कैसे करता है।

Comments

मैं कोड को स्वीकृत उत्तर को बदलने का सुझाव देता हूं जो सबसे अधिक मार्कट व्याख्याकारों के साथ संगत है (यह एक, मेरी राय में stackoverflow.com/a/21972032/463225 )।

— वाट्स इनबॉक्‍स

Github README.md केंद्र छवि

— iNet

Microsoft मार्कडाउन सिंटेक्स के लिए अपने पेज पर एक नोट है:! छवि आकार बदलने में सहायता करने के लिए सिंटैक्स केवल पुल अनुरोधों और विकी में समर्थित है। docs.microsoft.com/en-us/vsts/project/wiki/… यकीन नहीं है कि अगर यह वाक्यविन्यास टिप्पणी सभी मार्कडाउन के लिए मान्य है, या सिर्फ वीएसटीएस के लिए।

— जो बी

Answer 1

कुछ मार्कडाउन कार्यान्वयनों के साथ ( मऊ और मार्क 2 (केवल macOS सहित)) आप =WIDTHxHEIGHTचित्र को आकार देने के लिए ग्राफिक फ़ाइल के URL के बाद अपील कर सकते हैं । से पहले अंतरिक्ष मत भूलना =।

![](./pic/pic1_50.png =100x20)

आप ऊँचाई को छोड़ सकते हैं

![](./pic/pic1s.png =250x)

Comments

यह भी ध्यान दें कि '=' के बाद आपके पास जगह नहीं हो सकती। "! [] (./ पिक / pic1s.png = 250x)": अच्छा है, बुरा: "[] (./ पिक / pic1s.png = 250x)"

— cantdutchthis

मानक में नहीं, इसलिए यह हर

— मार्कडाउन

Redcarpet के साथ काम करने के लिए प्रतीत नहीं होता है, जिसका उपयोग मैं Jekyll के साथ करता हूं, इसलिए मैं HTML के साथ जाऊंगा, जैसा कि @Tieme ने उत्तर दिया है। यदि आप अंत में मानक को पसंद करने वाले पार्सर के माध्यम से अपना मार्कडाउन चलाते हैं, तो एचटीएमएल खड़ा हो जाएगा।

— user766353

Bitbucket विकी में भी काम नहीं करता है। यह गलत तरीके से titleविशेषता में परिवर्तित हो गया है।

— RZKY

काम नहीं करता है, लेकिन HTML <img src = http // ... चौड़ाई = "..." ऊंचाई = "..."> काम करता है।

— बी.के.

Answer 2

आप अपने Markdown में बस कुछ HTML का उपयोग कर सकते हैं:

<img src="drawing.jpg" alt="drawing" width="200"/>

या styleविशेषता के माध्यम से ( GitHub द्वारा समर्थित नहीं )

<img src="drawing.jpg" alt="drawing" style="width:200px;"/>

या आप मार्कडाउन और छवि संरेखण पर इस उत्तर में वर्णित एक कस्टम सीएसएस फ़ाइल का उपयोग कर सकते हैं

![drawing](drawing.jpg)

सीएसएस एक और फाइल में:

img[alt=drawing] { width: 200px; }

Comments

इनलाइन का उपयोग करना styleअधिकांश वेबसाइटों (जैसे GitHub) साइट में काम नहीं करता है, यह स्वच्छता हो जाएगी। पसंद करें widthऔर heightइसके बजाय @kushdillip द्वारा उल्लेख किया गया है।

— सिरो सेंटिल्ली 冠状 i iro i 法轮功 '22

Alt विशेषता के आधार पर समाधान बहुत बुरा है और आपको इसका उपयोग नहीं करना चाहिए, यह पहुंच को तोड़ देता है ।

— रेग्नरेब

मार्कडाउन में ऊँचाई पर एक कैप्शन रखा गया है, HTML में Alt पूरी तरह से कुछ अलग करता है (यदि लोड नहीं किया जा सकता है तो टेक्स्ट डालें)।

— जुलिएन

चौड़ाई विशेषता के साथ Github पर काम करता है।

— शीतल शाह

मैं एक तालिका में एक छवि डाल रहा था और यह max-widthसुनिश्चित करने के लिए बेहतर उपयोग किया कि छवियों को पूरा नहीं किया जाता है

— काशीराजा

Answer 3

यहाँ स्वीकार किए गए उत्तर किसी भी मार्काडाउन संपादक के साथ काम नहीं कर रहे हैं जो मैंने आज तक भूत, स्टैकेडिट.आईओ या स्टैक ओवरफ्लो संपादक में भी इस्तेमाल किए हैं। मुझे यहां StackEdit.io समस्या ट्रैकर में वर्कअराउंड मिला ।

समाधान सीधे HTML सिंटैक्स का उपयोग करना है, और यह पूरी तरह से काम करता है:

<img src="http://....jpg" width="200" height="200" />

आशा है कि ये आपकी मदद करेगा।

Comments

यह मेरे लिए बहुत अच्छा काम किया! इनलाइन सीएसएस GitHub Markdown के साथ काम नहीं कर रहा था, लेकिन "पुराने स्कूल" ऊंचाई / चौड़ाई विशेषताओं ने ठीक काम किया।

— निकोलस क्रेडीबर्ग

अच्छी बात यह है कि यह भी काम करता है यदि आप ब्राउज़र एक्सटेंशन / ऐड-ऑन में स्थानीय फ़ाइलों के लिए मार्कटेशन व्यूअर का उपयोग करने का प्रयास कर रहे हैं।

— code_dredd

गितूब को यह पसंद है।

— तेमन शिपाही

तुम रॉक मैन! अब यह मेरे लिए काम करता है

— Wesin Alves

यह बहुत अच्छा है सिवाय मेरे ipython नोटबुक में github पर नहीं।

— इरी

Answer 4

महज प्रयोग करें:

<img src="Assets/icon.png" width="200">

के बजाय:

![](Assets/icon.png)

Comments

अधिकांश मार्कडाउन कार्यान्वयन में इसके लिए एक संशोधित वाक्यविन्यास है, इसलिए आपको कच्चे HTML टैग को सम्मिलित करने की आवश्यकता नहीं है, लेकिन यह सही काम है यदि आप जिस कार्यान्वयन का उपयोग कर रहे हैं वह एक नहीं है।

— निक मैक्युरी

खूनी प्रतिभा! GitHub =) के लिए काम करता है))

— विक्टर आर। ओलिवेरा

यह github में संगत है

— thanos.a

इसे सरल और परिवर्तन को स्पष्ट करने के लिए धन्यवाद।

— मार्सी

Answer 5

यदि आप पैनडॉक के लिए मार्कडाउन लिख रहे हैं, तो आप यह कर सकते हैं:

![drawing](drawing.jpg){ width=50% }

यह कहते हैं style="width: 50%;"HTML में <img>टैग, या [width=0.5\textwidth]करने के लिए \includegraphicsLaTeX में।

स्रोत: http://pandoc.org/MANUAL.html#extension-link_attributes

Comments

यह सीधे बिंदुओं में आकार निर्दिष्ट करने से भी अच्छा है। मुझे खुशी है कि यह वह तरीका है जिसे पंडोक ने चुना है!

— जेसीलोआ

@ m0z4rt GitHub शायद MarkDown को रेंडर करने के लिए PanDoc का उपयोग नहीं करता है।

— रुडोल्फबाइकर

Answer 6

शायद यह हाल ही में बदल गया है, लेकिन क्रामडाउन डॉक्स एक सरल समाधान दिखाते हैं।

डॉक्स से

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

And here is a referenced ![smile]

[smile]: smile.png
{: height="36px" width="36px"}

जेकिल और क्रामडाउन के साथ जीथब पर काम करता है।

Comments

अतीत में काम किया है, लेकिन अब Github पर काम नहीं कर सकता। चौड़ाई और ऊंचाई के साथ एक पुराने ढंग का <img> टैग जोड़ना अभी भी काम करता है।

— समुद्री डाकू

यदि आप क्रामडाउन या जेकेल (जो डिफ़ॉल्ट रूप से क्रैमाडाउन का उपयोग करते हैं) का उपयोग कर रहे हैं तो यह सबसे अच्छा समाधान है।

— निक मैककरी

यहां दिखाए गए अनुसार ब्लॉक विशेषताएँ , क्रमाडाउन के साथ एक अच्छा विकल्प हैं। यहाँ वाक्य-विन्यास थोड़ा गलत है, जिसके कारण @piratemurray को परेशानी हो रही है। यह होना चाहिए {: height=36 width=36}; यह HTML विशेषताएँ उत्पन्न करता है, इसलिए इसमें pxप्रत्यय नहीं होना चाहिए । वैकल्पिक रूप से, आप css का उपयोग कर सकते हैं {: style="height:36px; width:36px"}।

— क्वांटम 7

जेकेल के लिए काम करता है! धन्यवाद। मुझे ऊंचाई और चौड़ाई की भी जरूरत नहीं है, बस एक ही काफी है। ![alt text](image.png){:height="36px" }

— मथायस

जेकेल में ठीक से काम करने के लिए मुझे एक छोटा सा बदलाव करना पड़ा। इस उत्तर के रूप में लिखित आउटपुट विकृत HTML, क्योंकि widthऔर heightविशेषताओं में "px" भाग शामिल है। मेरे लिए मुझे उपयोग करने की आवश्यकता थी{:height="36" width="36"}

— मैक्सिमिलियन ल्यूमिस्टर

Answer 7

कोई उस altविशेषता पर आकर्षित हो सकता है जो विशेषता मानों के आधार पर CSS- चयनकर्ताओं के साथ लगभग सभी मार्कडाउन कार्यान्वयन / रेंडर में सेट किया जा सकता है । लाभ यह है कि व्यक्ति आसानी से विभिन्न चित्र आकारों (और आगे की विशेषताओं) के एक पूरे सेट को परिभाषित कर सकता है।

Markdown:

![minipic](mypic.jpg)

सीएसएस:

img[alt="minipic"] { 
  max-width:  20px; 
  display: block;
}

Comments

क्या यह तीये के पहले वाले उत्तर के समान नहीं है ?

— RedGrittyBrick

यह ऑल्ट एट्रिब्यूट का गलत इस्तेमाल है और एक्सेसिबिलिटी को नुकसान पहुंचाता है।

— मारक

हाँ, यह एक हैक है लेकिन अभी भी केवल एक चीज है जो मार्कडाउन जायके में काम करती है। +1 यह इंगित करने के लिए कि (स्क्रीन रीडर्स का उपयोग करने वाले लोगों को उस अधिकार के साथ समस्या आती है? उन्हें उन सभी के साथ भी समस्याएँ मिलेंगी जो सही तरीके से उपयोग करने से परेशान नहीं हैं)।

— 19

Answer 8

बदलें ![title](image-url.type)के साथ<img src="https://image-url.type" width="200" height="200">

Answer 9

यदि आप क्रामडाउन का उपयोग कर रहे हैं , तो आप यह कर सकते हैं:

{:.foo}
![drawing](drawing.jpg)

फिर इसे अपने कस्टम CSS में जोड़ें :

.foo {
  text-align: center;
  width: 100px;
}

Comments

मैं केवल CSS में चौड़ाई सेट करने के खिलाफ सलाह दूंगा। ब्राउज़र को यह बताना उपयोगी है कि छवि और स्टाइलशीट को लोड करने से पहले छवि तत्व कितना बड़ा होगा ताकि यह बिना रिफ्लो किए छवि के आसपास के तत्वों के लेआउट को अनुकूलित कर सके।

— निक मैक्रूडी

Answer 10

यदि आप सीएसएस 3 का उपयोग कर रहे हैं, तो आप टायमर्स के उत्तर से भवन, एक विकल्प चयनकर्ता का उपयोग कर सकते हैं :

यह चयनकर्ता किसी भी छवि को एक समग्र टैग के साथ मिलाएगा, जो '-फुटवर्क' के साथ समाप्त होता है:

img[alt$="-fullwidth"]{
  width:  100%;
  display: block;
}

तब आप अभी भी छवि का वर्णन करने के लिए अपने इच्छित उद्देश्य के लिए ऑल्ट टैग का उपयोग कर सकते हैं ।

उपरोक्त के लिए मार्कडाउन कुछ इस तरह हो सकता है:

![Picture of the Beach -fullwidth](beach.jpg)

मैं घोस्ट मार्कडाउन में इसका उपयोग कर रहा हूं, और यह अच्छी तरह से काम कर रहा है।

Comments

क्रामडाउन + जेकिल-3.1.2 पर भी पूरी तरह से काम करता है।

— सुबिन सेबेस्टियन

यदि आपको पूरी चौड़ाई में छवि को प्रस्तुत करने की आवश्यकता नहीं है, तो पिक्सेल आकार को सीधे टैग पर रखना बेहतर है (सीएसएस के साथ नहीं)।

— निक मैक्किरी

Answer 11

दो उत्तरों को मिलाकर मैं एक समाधान के साथ निकला, जो कि सुंदर नहीं लग सकता है,
लेकिन यह काम करता है!

यह एक विशिष्ट आकार के साथ एक थंबनेल बनाता है जिसे आपको अधिकतम रिज़ॉल्यूशन छवि पर लाने के लिए क्लिक किया जा सकता है।

[<img src="image.png" width="250"/>](image.png)

यहाँ एक उदाहरण है! मैंने इसे विजुअल कोड और जीथब पर परीक्षण किया।

Comments

अति उत्कृष्ट। GitLab Enterprise के साथ काम करता है।

— स्वेन हेल

Answer 12

मैं यहां उत्तर की तलाश में आया था। यहाँ कुछ भयानक सुझाव। और सोने की जानकारी इशारा करती है कि मार्कडाउन पूरी तरह से HTMl का समर्थन करता है!

एक अच्छा साफ समाधान हमेशा शुद्ध html सिंटैक्स के साथ जाना है। टैग के साथ।

लेकिन मैं अभी भी मार्कडाउन सिंटैक्स से चिपके रहने की कोशिश कर रहा था, इसलिए मैंने इसे एक टैग के चारों ओर लपेटने की कोशिश की और डिव टैग के अंदर छवि के लिए जो भी विशेषताएँ मैं चाहता था उसे जोड़ दिया। और यह काम करता है !!

<div style="width:50%">![Chilling](https://www.w3schools.com/w3images/fjords.jpg)</div>

तो इस तरह से बाहरी छवियों का समर्थन किया जाता है!

बस मैंने सोचा कि मैं इसे बाहर रखूंगा क्योंकि यह किसी भी उत्तर में नहीं है। :)

Comments

आप नहीं कर सकते HTML के markdown के अंदर डाल दिया, आप को बदलने के लिए की आवश्यकता होगी ![chilling](link)के साथ<img src="link" alt="chilling"> ।

— चार्ल क्रूगर

Answer 13

एक rmarkdownऔर knitrसमाधान में intereseted उन लोगों के लिए । .rmdफ़ाइल के उपयोग के बिना छवियों का आकार बदलने के कुछ तरीके हैं html:

आप बस जोड़कर एक छवि के लिए चौड़ाई निर्दिष्ट कर सकते हैं {width=123px}। कोष्ठक के बीच में व्हॉट्सएप का परिचय न दें:

![image description]('your-image.png'){width=250px}

एक अन्य विकल्प का उपयोग करना है knitr::include_graphics:

```{r, fig.cap="image description", out.width = '50%'}
knitr::include_graphics('your-image.png')
```

Comments

मैं ऊंचाई और चौड़ाई दोनों कैसे बदल सकता हूं? पहले विकल्प के लिए विशेष रूप से। मैंने उसी में ऊंचाई और चौड़ाई डालने की कोशिश की {}लेकिन असफल रहा। अलग-अलग {}असफल भी होते हैं।

— नेल्सनगॉन

@ नेल्सनगोन: मुझे कभी भी दोनों को निर्दिष्ट करने की आवश्यकता नहीं थी, क्योंकि ऊंचाई भी निर्दिष्ट होती है, जब चौड़ाई निर्दिष्ट की जाती है। इसलिए मुझे नहीं पता कि यह संभव होगा और इसे कैसे प्राप्त किया जाएगा। अच्छा सवाल, हालांकि ..

— प्रतीक

धन्यवाद, मैं के बाद से लगा कि मैं इसे इतना पसंद कर सकते हैं: {height=x width=y}। ऐसा लगता है कि यह वाक्यविन्यास अल्पविराम को मान्यता नहीं देता है, लेकिन मैं शैली के तत्वों सहित अन्य विशेषताओं को निर्दिष्ट कर सकता हूं।

— नेल्सनगॉन

Answer 14

मैंने Jekyll में कस्टम-आकार के img टैग का उपयोग करने के लिए सरल टैग पार्सर को स्क्रिप्ट किया है ।

https://gist.github.com/nurinamu/4ccf7197a1bdfb0d7079

{% img /path/to/img.png 100x200 %}

आप फ़ाइल को _pluginsफ़ोल्डर में जोड़ सकते हैं ।

Answer 15

मुझे पता है कि यह उत्तर थोड़ा विशिष्ट है, लेकिन यह दूसरों की जरूरत में मदद कर सकता है।

चूंकि इमगुर सेवा का उपयोग करके कई तस्वीरें अपलोड की गई हैं , आप यहां विस्तृत एपीआई का उपयोग कर सकते हैं फोटो के आकार को बदलने के लिए ।

GitHub के इश्यू कमेंट में एक फोटो अपलोड करते समय, इसे Imgur के माध्यम से जोड़ा जाएगा, तो इससे फोटो बहुत बड़ी होने पर बहुत मदद मिलेगी।

मूल रूप से, http://i.imgur.com/12345.jpg के बजाय , आप मध्यम आकार की छवि के लिए http://i.imgur.com/12345m.jpg डालेंगे ।

Answer 16

आप इसे एक के रूप में अच्छी तरह से kramdown के साथ उपयोग कर सकते हैं:

markdown
![drawing](drawing.jpg)   
{:.some-css-class style="width: 200px"}

या

markdown
![drawing](drawing.jpg)   
{:.some-css-class width="200"}

इस तरह से आप सीधे अंतिम HTML तत्व में मनमाने गुण जोड़ सकते हैं। कक्षाएं जोड़ने के लिए एक शॉर्टकट .class.secondclass है ।

Answer 17

यह मेरे लिए काम करता है यह एक पंक्ति में नहीं है, लेकिन मुझे आशा है कि यह आपके लिए काम करता है।

<div>
<img src="attachment:image.png" width="500" height="300"/>
</div>

Comments

वह HTML है,

— मार्कडाउन

Answer 18

आर-मार्कडाउन के लिए, उपरोक्त समाधानों में से किसी ने भी मेरे लिए काम नहीं किया, इसलिए मैंने नियमित एलईटीएक्स सिंटैक्स की ओर रुख किया , जो ठीक काम करता है।

\begin{figure}
 \includegraphics[width=300pt, height = 125 pt]{drawing.jpg}
\end{figure}

फिर आप \begin{center}इमेज को सेंटर करने के लिए उदाहरण के लिए स्टेटमेंट का उपयोग कर सकते हैं ।

Comments

+1, लेकिन इसके ठीक \centeringबाद \begin{figure}या कुछ भी बेहतर नहीं है, अगर आप `\ शामिल करें [चौड़ाई = \ linewidth] {Drawing.jpg} का उपयोग करते हैं, तो मुझे लगता है कि छवि व्यापक होने के बाद कम से कम डिफ़ॉल्ट पंडोक आउटपुट होना चाहिए।

— फ्रांक

Answer 19

ऐड क्लास और सीएसएस स्टाइल के साथ रास्ता है

![pic][logo]{.classname}

फिर नीचे लिंक और सीएसएस लिखें

[logo]: (picurl)

<style type="text/css">
    .classname{
        width: 200px;
    }
</style>

यहाँ संदर्भ

Answer 20

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

काम कर रहे

• जोड़ { width=50% }या{ width=50% height=50% }

  • ![foo](foo.png){ width=50% }

  • ![foo](foo.png){ width=50% height=50% }

  • महत्वपूर्ण: चौड़ाई और ऊंचाई के बीच कोई अल्पविराम नहीं - यानी { width=50%, height=30% } काम नहीं करेगा !

• संलग्न { height="36px" width="36px" }

  • ![foo](foo.png){ height="36px" width="36px" }
  • नोट: {:height="36px" width="36px"} बृहदान्त्र के साथ, @sayth से, आर मार्केड के साथ काम नहीं कर रहा है

काम नहीं कर रहा:

• संलग्न =WIDTHxHEIGHT
  • चित्र को आकार देने के लिए ग्राफिक फ़ाइल के URL के बाद (@prosseek से)
  • न तो =WIDTHxHEIGHT ![foo](foo.png =100x20)है और न ही =WIDTHकेवल ![foo](foo.png =250x)काम

Answer 21

स्रोत URL के सापेक्ष आयामों का जोड़ मार्कडाउन रेंडरर्स के बहुमत में प्रदान किया जाएगा।

हमने इसे कोरिला में लागू किया है क्योंकि मुझे लगता है कि पैटर्न वह है जो उपयोगकर्ता को मूल HTML पर भरोसा करने के लिए बिना धक्का दिए मौजूदा वर्कफ़्लो की अपेक्षाओं का पालन करता है। यदि आपका पसंदीदा टूल एक समान पैटर्न का पालन नहीं करता है, तो यह एक सुविधा अनुरोध को बढ़ाने के लायक है।

वाक्य रचना का उदाहरण:

![a-kitten.jpg](//corilla.com/a-kitten-2xU3C2.jpg =200x200)

बिल्ली के बच्चे का उदाहरण:

Comments

एक शर्म की बात है कि यह वर्तमान में GitHub पर काम नहीं करता है, लेकिन मैं सुझाव दूंगा कि सभी एक ही सुविधा का अनुरोध करें।

— ddri

Answer 22

ज्यूपिटर नोटबुक में मार्कडाउन इमेज अटैचमेंट्स का आकार बदलना

मैं jupyter_core-4.4.0और नोटबुक का उपयोग कर रहा हूँ ।

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

![Screen%20Shot%202019-08-06%20at%201.48.10%20PM.png](attachment:Screen%20Shot%202019-08-06%20at%201.48.10%20PM.png)

ये attachmentलिंक काम नहीं करते:

<img src="attachment:Screen%20Shot%202019-08-06%20at%201.48.10%20PM.png" width="500"/>

यह करो । यह काम करता है ।

बस div कोष्ठक जोड़ें।

<div>
<img src="attachment:Screen%20Shot%202019-08-06%20at%201.48.10%20PM.png" width="500"/>
</div>

उम्मीद है की यह मदद करेगा!

Answer 23

आगामी संदर्भ के लिए:

के लिए Markdown कार्यान्वयन जोप्लिन निम्नलिखित तरीके से आयातित छवियों का आकार को नियंत्रित करने की अनुमति देता है:

<img src=":/7653a812439451eb1803236687a70ca" width="450"/>

इस सुविधा का अनुरोध यहां किया गया था और जैसा कि लॉरेंट ने वादा किया था, इसे लागू कर दिया गया है।

जोपलिन के विशिष्ट उत्तर को जानने में मुझे कुछ समय लगा।

Answer 24

यदि आप Github संदर्भ शैली चित्र का उपयोग कर रहे हैं :

Here is an image of tree: 
![alt text][tree]{height=400px width=500px}


[//]: # (Image References)
[tree]: ./images/tree.png "This is a tree"

Answer 25

फ्लास्क का उपयोग करते समय (मैं इसे सपाट पृष्ठों के साथ उपयोग कर रहा हूं) ... मैंने पाया कि स्पष्ट रूप से सक्षम करना (किसी कारण से डिफ़ॉल्ट रूप से नहीं था) मार्कडाउन में कॉल के भीतर एक्सटेंशन में 'attr_list' ट्रिक करता है - और फिर कोई भी विशेषताओं का उपयोग कर सकता है (बहुत उपयोगी सीएसएस का उपयोग करने के लिए - वर्ग = उदाहरण के लिए "मेरी कक्षा" ...)।

FLATPAGES_HTML_RENDERER = prerender_jinja

और समारोह:

def prerender_jinja(text):
    prerendered_body = render_template_string(Markup(text))
    pygmented_body   = markdown.markdown(prerendered_body, extensions=['codehilite', 'fenced_code', 'tables', 'attr_list'])
    return pygmented_body

और फिर मार्कडाउन में:

![image](https://octodex.github.com/images/yaktocat.png "This is a tooltip"){: width=200px}

Answer 26

के लिए IntelliJ विचार उपयोगकर्ताओं, का संदर्भ लें Markdown नेविगेटर प्लगइन।

पूर्वावलोकन छवियों, बैज, HTML, आदि को प्रस्तुत करता है।

Answer 27

यदि प्रारंभिक मार्कडाउन बदलना आपके लिए कोई विकल्प नहीं है, तो यह हैक काम कर सकता है:

newHtml = oldHtml.replace(/<img/g, '<img height="100"');

मैंने इसे ईमेल में भेजने से पहले छवियों का आकार बदलने में सक्षम होने के लिए इस्तेमाल किया (जैसा कि आउटलुक किसी भी छवि सीएसएस स्टाइल की उपेक्षा करता है)

Answer 28

ज्यादातर मामलों के लिए टिएम का जवाब सबसे अच्छा है।

मेरे मामले में, मैं मार्कडाउन को लेटेक्स में बदलने के लिए पैंडॉक का उपयोग कर रहा हूं। HTML टैग यहां काम नहीं करेंगे।

मेरा समाधान फिर से लागू करना है \includegraphics

\let\maxincludegraphics\includegraphics
\renewcommand{\includegraphics}[1]{\maxincludegraphics[max width=\textwidth]{#1}}

HTML में रूपांतरण के बाद CSS का उपयोग करने के लिए अनुरूप है।