IPython नोटबुक मार्कडाउन में छवि सम्मिलित करना


216

मैं एल्गोरिदम विकसित करने और दस्तावेज़ करने के लिए IPython नोटबुक ऐप पर बहुत अधिक निर्भर होना शुरू कर रहा हूं। ये अदभुत है; लेकिन ऐसा कुछ है जो ऐसा लगता है कि यह संभव होना चाहिए, लेकिन मैं यह नहीं समझ सकता कि यह कैसे करना है:

मैं एक एल्गोरिथ्म का दस्तावेजीकरण करने में सहायता करने के लिए अपने (स्थानीय) आईपीथॉन नोटबुक मार्कडाउन में एक स्थानीय छवि सम्मिलित करना चाहूंगा। मैं <img src="image.png">मार्कडाउन की तरह कुछ जोड़ना जानता हूं , लेकिन यह उतना ही है जितना मेरा ज्ञान है। मुझे लगता है कि मैं इस छवि को 127.0.0.1:8888 (या कुछ उपनिर्देशिका) द्वारा प्रतिनिधित्व करने में सक्षम कर सकता हूं ताकि इसे एक्सेस किया जा सके, लेकिन मैं यह पता नहीं लगा सकता कि वह निर्देशिका कहां है। (मैं एक मैक पर काम कर रहा हूँ।) तो, क्या यह करना संभव है जो मैं बहुत अधिक परेशानी के बिना करने की कोशिश कर रहा हूं?

जवाबों:


200

नोटबुक dir के अंदर की फाइलें एक "फाइल /" यूआरएल के तहत उपलब्ध हैं। तो अगर यह आधार पथ में है, तो यह होगा <img src="files/image.png">, और उप-खंड आदि भी उपलब्ध हैं: <img src="files/subdir/image.png">आदि।

अद्यतन : IPython 2.0 के साथ शुरू, files/उपसर्ग की अब जरूरत नहीं है (cf. जारी नोट )। तो अब समाधान <img src="image.png">उम्मीद के मुताबिक काम करता है।


3
आह, आप शायद 0.12 का उपयोग कर रहे हैं, क्या आप नहीं हैं? वर्तमान में स्थानीय फ़ाइलों की सेवा केवल मास्टर में उपलब्ध है। और हाँ, "नोटबुक निर्देशिका" नोटबुक (.ipynb फ़ाइलों) के साथ निर्देशिका है।
शाम

107
चूंकि आप मार्कडाउन में हैं, इसलिए उपयोग क्यों नहीं करते ![caption](files/image.png)?
कीन

4
@minrk: यह मेरे लिए काम नहीं करता है। मैंने "<img src =" k.png ">" डाला, लेकिन यह कुछ नहीं दिखाता है। k.png नोटबुक फ़ाइल के समान फ़ोल्डर में है।
आबिद रहमान के

4
कृपया उत्तर और टिप्पणियों को फिर से पढ़ें। आपका url हमेशा 'files /' से शुरू होगा , इसलिए यदि आपके पास k.pngआपकी नोटबुक है, तो URL होगा src="files/k.png"
5

2
आपको पुनः लोड किए जाने के लिए दिए गए url पर छवियों के लिए एक वेबपृष्ठ ताज़ा करना होगा।
मीन

230

अब तक दिए गए अधिकांश उत्तर गलत दिशा में जाते हैं, अतिरिक्त पुस्तकालयों को लोड करने और मार्कअप के बजाय कोड का उपयोग करने का सुझाव देते हैं। Ipython / Jupyter नोटबुक्स में यह बहुत सरल है। सुनिश्चित करें कि सेल वास्तव में मार्कअप में है और एक छवि उपयोग प्रदर्शित करने के लिए:

![alt text](imagename.png "Title")

प्रस्तावित अन्य विधियों की तुलना में आगे लाभ यह है कि आप सभी सामान्य फ़ाइल स्वरूपों को प्रदर्शित कर सकते हैं जिनमें jpg, png और gif (एनिमेशन) शामिल हैं।


इस आदेश को जानने के लिए उत्सुक हैं। क्या यह जुपिटर के लिए अद्वितीय है या यह कुछ भाषा (लेटेक्स स्वरूपण, शायद) है जो आप छवि जोड़ने के लिए जुपिटर के भीतर उपयोग कर रहे हैं?
एलेक्स जी

1
@ एलेक्स जी, मार्कडाउन सादे पाठ स्वरूपण सिंटैक्स के साथ तैयार किया गया है ताकि इसे HTML और कई अन्य स्वरूपों में परिवर्तित किया जा सके। मार्कडाउन का उपयोग अक्सर एक सादे पाठ संपादक का उपयोग करके समृद्ध पाठ बनाने के लिए किया जाता है। सिंटैक्स जानने के लिए नीचे दिए गए लिंक की जाँच करें: github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet
फिलिप श्वार्ज़

@PhilippSchwarz 'चिपकाया' छवि के आकार को नियंत्रित करने के लिए ऊपर आपके उदाहरण के लिए कुछ विकल्प हैं? <img...>टैग का उपयोग करते हुए , इस तरह के विकल्प लगभग इस तरह दिखाई देते हैं <img ... width="480">
Reb.Cabin

1
इसके इस्तेमाल से काम नहीं हुआ। नोटबुक एक विशिष्ट स्थान / नोटबुक में देख रहा था / </> मेरा कार्य पथ यहाँ जोड़ा गया है - - निश्चित रूप से यह रूट नहीं है - और स्थानीय पथ मौजूद नहीं था। मैंने इसे केवल नोटबुक इंसर्ट इमेज का उपयोग करने में मददगार पाया - जिसमें इमेज को अटैचमेंट के रूप में जोड़ा गया (जो अब पोर्टेबल है)।
मार्क

2
क्या इस पद्धति का उपयोग करने का कोई तरीका है छवि फ़ाइलों के साथ जिनके नाम में स्थान है?
ज़ेबरालामी

78

मैं ipython 2.0 का उपयोग कर रहा हूं, इसलिए सिर्फ दो लाइन।

from IPython.display import Image
Image(filename='output1.png')

25
कोड सेल में छवि प्रदर्शित करने का यह सही तरीका है । minrk का जवाब एक में एक छवि प्रदर्शित करने के लिए सही तरीका है markdown सेल।
माइक

3
Jupyter नोटबुक 4.2.0 का उपयोग करते हुए, यह छवि को तब तक नहीं दिखाता है जब तक कि मैं displayभी कॉल नहीं करता : from IPython.display import Image, display; display(Image(filename='output1.png'))
Matteo T.

22

[अप्रचलित]

IPython / Jupyter में अब एक एक्सटेंशन मॉड्यूल के लिए समर्थन है जो कॉपी और पेस्ट या ड्रैग एंड ड्रॉप के माध्यम से चित्र सम्मिलित कर सकता है।

https://github.com/ipython-contrib/IPython-notebook-extensions

ड्रैग एंड ड्रॉप एक्सटेंशन अधिकांश ब्राउज़रों में काम करता है

https://github.com/ipython-contrib/IPython-notebook-extensions/tree/master/nbextensions/usability/dragdrop

लेकिन कॉपी और पेस्ट केवल क्रोम में काम करता है।


1
इस उत्तर के लिए कुछ उत्थान चाहिए। Ipython एक्सटेंशन के बारे में बहुत कम लोग जानते हैं।
थोरन

बस सफारी और क्रोम में ड्रैग एन'निरीड्रॉप की कोशिश की, मेरे लिए काम नहीं कर रहा है (OSX, Py3, सभी अपडेट)
-माइकल

2
आपके द्वारा पोस्ट किया गया दूसरा लिंक टूट गया है - एक्सटेंशन अब समर्थित नहीं है?
zthomas.nc

मुझे अब एक्सटेंशन भी नहीं मिल रहा है।
yerforkferchips

हां, पिछले तीन वर्षों में जुपिटर थोड़ा आगे बढ़ गया है और यह उत्तर काफी अप्रचलित है।
माइक

18

जुपिटर एनबी में एक छवि प्राप्त करना बहुत सरल ऑपरेशन है, अधिकांश लोगों ने यहां से गठबंधन किया है।

1) बस एक खाली Markdown सेल बनाएं। 2) फिर इमेज फाइल को खाली मार्कडाउन सेल में ड्रैग-एंड-ड्रॉप करें।

मार्कडाउन कोड जो छवि को सम्मिलित करेगा, तब दिखाई देगा।

उदाहरण के लिए, नीचे ग्रे रंग में हाइलाइट किया गया एक तार जुपिटर सेल में दिखाई देगा:

![Venus_flytrap_taxonomy.jpg](attachment:Venus_flytrap_taxonomy.jpg)

3) इसके बाद Shift-Enter मारकर मार्कडाउन सेल को निष्पादित करें। Jupyter सर्वर तब छवि को सम्मिलित करेगा, और छवि तब दिखाई देगी।

मैं ज्यूपिटर नोटबुक सर्वर चला रहा हूं: विंडोज 7 पर पायथन 3.7.0 के साथ 5.7.4।

यह इतना आसान है !!


2
यह वास्तव में मैंने पाया सबसे अच्छा समाधान है !!
जीसीजीएम

दुर्भाग्य से यह विधि तब काम नहीं करती है जब Google क्लाउड में जुपिटर नोटबुक संस्करण 6.0 की मेजबानी की जाती है। किसी के पास वर्कअराउंड है जो एडमिन के बिना काम करता है, ड्रैग-एंड-ड्रॉप नेक्स्टेंशन को स्थापित करने के अलावा कुछ?
रिच लाइसाकोव्स्की पीएचडी

13

मैंने इमेज के साथ IPython नोटबुक को उसी फ़ोल्डर में रखा। मैं विंडोज का उपयोग करता हूं। छवि का नाम "फुओंग हुओंग xac dinh.PNG" है।

मार्कडाउन में:

<img src="phuong huong xac dinh.PNG">

कोड:

from IPython.display import Image
Image(filename='phuong huong xac dinh.PNG')

1
दस्तावेज़ीकरण संदर्भ ipython.readthedocs.io/en/stable/api/generated/… , हालांकि मार्कडाउन का उपयोग करना ( ![alt text](foo.png "the title")तब तक बेहतर है, जब तक कि एपि से अतिरिक्त आर्गन्स का उपयोग करना आवश्यक न हो।
michael

9

पहले सुनिश्चित करें कि आप ipython नोटबुक सेल में मार्कडाउन एडिट मॉडल में हैं

यह दूसरों द्वारा प्रस्तावित विधि का एक वैकल्पिक तरीका है <img src="myimage.png">:

![title](img/picture.png)

यदि शीर्षक गायब है तो यह भी काम करता है:

![](img/picture.png)

नोट कोई उद्धरण पथ में नहीं होना चाहिए। यकीन नहीं अगर यह सफेद रिक्त स्थान के साथ पथ के लिए काम करता है!


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

9

जुपिटर नोटबुक का अंतिम संस्करण मूल रूप से छवि की कॉपी / पेस्ट को स्वीकार करता है


मैं इस विकल्प को पसंद करता हूं, क्योंकि यह छवि को नोटबुक बाइनरी में एम्बेड करता है। यह नोटबुक को भारी बनाता है, लेकिन आपको छवि को सापेक्ष पथ में रखने की आवश्यकता नहीं है।
तुलियो कासाग्रांडे

8

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

<img src="files/image.png" width="800" height="400">

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

from IPython.display import Image
Image(filename='output1.png',width=800, height=400)

<img src="files/image.png" width=800 height=400>
मार्कडाउन

यह सही है कि HTML कमांड में अल्पविराम की आवश्यकता नहीं होती है। मेरा अपडेट देखें
seralouk

5

इस कोड को चलाने से पहले डिफ़ॉल्ट कोड को "कोड" से "मार्कडाउन" में बदलें:

![<caption>](image_filename.png)

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

![<caption>](folder/image_filename.png)

4

उन लोगों की तलाश के लिए जहां जुपाइटर मशीन पर छवि फ़ाइल रखी जाए ताकि इसे स्थानीय फ़ाइल सिस्टम से दिखाया जा सके।

मैं अपने डाल mypic.pngमें

/root/Images/mypic.png

(वह चित्र फ़ोल्डर है जो जूपिटर ऑनलाइन फ़ाइल ब्राउज़र में दिखाई देता है)

उस स्थिति में मुझे नोटपैड में अपनी तस्वीर दिखाने के लिए मार्कडाउन सेल में निम्नलिखित लाइन डालने की आवश्यकता है:

![My Title](Images/mypic.png)

2

मिनर्क का जवाब सही है।

हालाँकि, मैंने पाया कि चित्र प्रिंट व्यू में टूटे हुए दिखाई दिए (क्रोम ब्राउज़र में 0.13.2 IPython संस्करण का एनाकोंडा वितरण चलाने वाली मेरी विंडोज मशीन पर)

इसके लिए वैकल्पिक हल <img src="../files/image.png">इसके बजाय उपयोग करना था।

इसने प्रिंट व्यू और सामान्य आईफ़ोन संपादन दृश्य दोनों में छवि को सही ढंग से प्रदर्शित किया।

अद्यतन: iPython v1.1.0 में मेरे उन्नयन के रूप में इस समाधान के लिए और अधिक की आवश्यकता नहीं है क्योंकि प्रिंट दृश्य अब मौजूद नहीं है। वास्तव में, आपको इस वर्कअराउंड से बचना चाहिए क्योंकि यह फाइल को खोजने से nbconvert टूल को रोकता है।


-3

आप बिना उद्धरणों के ज्यूपिटर नोटबुक में 'pwd' कमांड द्वारा अपनी वर्तमान कार्यशील निर्देशिका पा सकते हैं।

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