मैं टम्बलर मार्कडाउन का उपयोग करके जीस्ट स्निपेट्स कैसे एम्बेड कर सकता हूं?


10

मैं Tumblr के मार्कडाउन समर्थन का उपयोग करके पोस्ट करता हूं। मैंने लिंक के रूप में अपने gist स्निपेट को एम्बेड करने की कोशिश की है, लेकिन सही संयोजन का पता नहीं लगा सकता है। अगर मैं html का उपयोग करके पोस्ट करता हूं, तो जिस्ट लिंक ठीक काम करता है। मैं मार्कडाउन का उपयोग करूंगा, मैं यह कैसे कर सकता हूं?

उदाहरणों के साथ अपडेट किया गया

मैंने इसे एक बुनियादी एम्बेडेड स्क्रिप्ट टैग के साथ आज़माया, जो कुछ भी उत्पन्न नहीं करता था।

<script src="https://gist.github.com/1256020.js?file=gistfile1.rb"></script>

मैंने इसे स्क्रिप्ट टैग के संदर्भ में भी आजमाया

[gist][1] 
.
.
.
[1][<script src="https://gist.github.com/1256020.js?file=gistfile1.rb"></script>]

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


क्या आप उन चीज़ों का उदाहरण दे सकते हैं जिन्हें आपने आज़माया है और काम नहीं किया है?
hairboat

उदाहरण जोड़े।
नातान

मैं अपने सवाल का जवाब नहीं कर सकते हैं, लेकिन मैं किसी और कर सकते हैं ....... उम्मीद कर इसे मतदान
hairboat

2
मंत्र है "किसी भी मार्कअप के लिए जो मार्कडाउन के सिंटैक्स द्वारा कवर नहीं किया गया है, आप बस HTML का उपयोग करते हैं।" दूसरे शब्दों में, एक साधारण एम्बेड के अलावा जो आप पूछ रहे हैं वह संभव नहीं है। मार्कडाउन को शॉर्ट टैग से भ्रमित नहीं होना है।
phwd

1
phwd, प्रतिक्रिया के लिए धन्यवाद। मैं समझता हूं कि मार्केड में एक पार्सर के रूप में यह संभव नहीं हो सकता। हालाँकि, कुछ साइटें, जैसे गितुब के जिस्ट, अतिरिक्त क्षमताओं के लिए मार्कडाउन एक्सटेंशन प्रदान करती हैं। मैं उम्मीद कर रहा था कि Tumblr वही करेगा और मुझे सिंटेक्स की याद आ रही थी।
नाथन

जवाबों:


1

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

लेकिन विवरण फ़ील्ड में JS लोड करने के लिए संभव है जब आप "अपने ब्लॉग को अनुकूलित करें" पर जाएं (पिछले विवरण को हराया)

तो आप एक जेएस लाइब्रेरी का उपयोग करने में सक्षम हो सकते हैं (मुझे लगता है कि राइट कैप्चर मदद कर सकता है) जो आपको दस्तावेज़ के विशिष्ट भागों में जावास्क्रिप्ट लिखने और उदाहरण के लिए वाक्यांशों को खोजने और बदलने के लिए एक पार्सर का उपयोग करने की अनुमति देता है।

[gist 1256020]
<div class="gistr">1256020</div>

तब आप इससे निपटने के लिए एक पार्सर का उपयोग करते हैं। या एक तत्व को कहने के लिए गिस्ट आईडी को एक तत्व के साथ लपेटें, उस वर्ग के साथ सभी तत्वों के माध्यम से पुनरावृति करें और जीआईटी के साथ आईडी को कैप कैप्चर फ़ंक्शन का उपयोग करके प्रतिस्थापित करें ताकि आप देख सकें ... यह एक प्रोग्रामिंग समस्या में जा रहा है जो बाहर है इस साइट का दायरा।


0

एक अद्यतन उत्तर के रूप में, मैंने हाल ही में आपके ब्लॉग में जीस्ट एम्बेडिंग को सरल बनाने के लिए embedgist.js का एक नया संस्करण बनाया है। आप इसके बारे में मेरा लेख यहाँ पा सकते हैं:

http://blog.johnryding.com/post/76489062311/embedding-gists-and-enable-code-syntax-highlighting-in

मूल रूप से, आपको अपने ब्लॉग के टेम्प्लेट में कुछ स्क्रिप्ट टैग जोड़ने होंगे।

इस परिवर्तन के साथ, अपनी पोस्ट में विशेष HTML होने के बजाय, आपको बस उस URL को जोड़ना होगा जिसे आप एम्बेड करना चाहते हैं। उदाहरण के लिए, आपको अपनी पोस्ट की सामग्री को निम्नलिखित में लगाना होगा ताकि एक एम्बेडेड प्राप्त किया जा सके:

https://gist.github.com/strife25/8967034#file-embedgist2-js

यह तकनीक टम्बलर के मार्कडाउन एडिटर में काम करती है।

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