2013-03-27 17 views
5

मेरे उद्देश्य के लिए है,Markdown फ़ाइल

1) पढ़ें मेरी GitHub रेपो से README.md फ़ाइल से Markdown स्रोत।
2) मार्कडाउन को HTML कोड में कनवर्ट करें।
3) आउटपुट एचटीएमएल को <div> पर लागू करें।

केवल क्लाइंट-साइड तकनीकों का उपयोग कर।

मुझे पता है कि मार्कडाउन कोड को HTML का उपयोग करके HTML में कनवर्ट करना है, लेकिन यह नहीं पता कि GITHub repo से README.md फ़ाइल से एमडी स्रोत को गतिशील रूप से कैसे पढ़ा जाए।

उत्तर

3
  1. README.md फ़ाइल के कच्चे फ़ाइल url प्राप्त करें गिटहब रेपो से।
  2. निम्नलिखित प्रारूप में यूआरएल प्रारूपित करें, http://markdown.io/<url_readme_file>। मान लें कि मेरी readme.md फ़ाइल का यूआरएल http://raw.github.com/pankajparashar/nerdy-css/master/README.md है। इसलिए, नया यूआरएल http://markdown.io/http://raw.github.com/pankajparashar/nerdy-css/master/README.md
  3. अब इस नए यूआरएल का उपयोग करके jQuery की लोड विधि का उपयोग करें और पृष्ठ को #md-content आईडी से निकालें।यहाँ उपलब्ध ऊपर दिए गए चरणों का

पूरा डेमो - http://jsfiddle.net/pankajparashar/EQBFZ/

+4

एफवाईआई, मुझे उस पहेली पर एक त्रुटि मिलती है जो कहती है 'अवरुद्ध सामग्री: हमें खेद है, लेकिन हमने इस सामग्री को प्रतिपादन से रोकने का फैसला किया है, अगर आपको लगता है कि यह गलती है तो हमसे संपर्क करें' – FracturedRetina

+0

क्या यह रीडमेम पर काम करता है। एमडी में तस्वीरें हैं? –

0
  1. अपने README.md फ़ाइल पर अपनी GitHub परियोजना पृष्ठ
  2. क्लिक करें पर जाएं
  3. अब कच्चे बटन

कच्चे फ़ाइल वास्तविक URL आप लोड करना चाहते हैं जाएगा पर क्लिक करें ।

विशेष रूप से दूरस्थ फ़ाइलों (जैसे आपकी रॉ फ़ाइल) लोड करने के लिए load.php नामक एक PHP (या जो भी सर्वर-साइड भाषा आप उपयोग कर रहे हैं) फ़ाइल बनाएं। PHP स्क्रिप्ट $_GET['url'] चर स्वीकार करेगा। चर को file_get_contents() पर पास करें, और परिणाम आउटपुट करें। कृपया ध्यान दें, नीचे दिया गया कोड एक बेहद सरल उदाहरण है।

echo file_get_contents($_GET['url']); 

अब, बस load समारोह jQuery में PHP फ़ाइल से डेटा सामग्री में लाने के लिए इस्तेमाल करते हैं। आपका यूआरएल शायद इस के समान स्वरूपित किया जाएगा ...

.load("load.php?url=https://raw.github.com/user/project/master/README.md") 

अंत में, उपयोग जो कुछ भी आप पहले से ही Markdown कन्वर्ट करने के लिए वर्णित है।

+0

धन्यवाद देखो और अपने HTML के अनुभव के साथ बदल सकते हैं unescape, मैं jQuery .load बारे में पता था () विधि लेकिन मैं कच्ची फ़ाइल प्राप्त करने के लिए क्रॉस-डोमेन अनुरोध नहीं कर सकता क्योंकि यह प्रतिबंधित है। –

+0

ठीक है, मैंने अपना उत्तर अपडेट किया है कि समान मूल नीति को कैसे बाईपास करना है। अगर यह मदद करता है तो मुझे बताएं :) –

+0

सबसे पहले , उत्तर के लिए धन्यवाद माइक। लेकिन मुझे लगता है कि आपने मेरे प्रश्न को सही तरीके से नहीं पढ़ा है। मैं "क्लाइंट-साइड टेक्नोलॉजीज का उपयोग करके" एक तरीका ढूंढ रहा हूं। –

1

आप की जांच करनी चाहिए:

https://github.com/zmckinnon/jquery-gh-readme

यह रीडमी इस कॉल का उपयोग की सामग्री को पुनः प्राप्त करने के GitHub एपीआई का उपयोग करता है:

प्राप्त/repos /: मालिक /: repo/readme

फिर यह बेस 64 एन्क्रिप्टेड सामग्री को परिवर्तित करता है।

फिर यह मार्कडाउन सामग्री को चिह्नित करके एचटीएमएल में परिवर्तित करता है।

0

यह समझने योग्य है कि HTML ReadMe.md फ़ाइल में काम करता है। इस स्पष्ट समझ के साथ, मुझे लगता है कि ऐसे कई प्रश्नों का स्वचालित रूप से उत्तर दिया जाएगा - रीडमी फ़ाइल में बोल्ड फ़ॉन्ट कैसे बनाएं, या छवि कैसे सम्मिलित करें आदि। यह भी ध्यान दें कि यह आपके द्वारा उपयोग किए जा रहे एप्लिकेशन/टेक्स्ट एडिटर पर बहुत निर्भर करता है और ओएस पर भी बहुत कुछ। हाल ही में मुझे गिथब की Readme.md फ़ाइल में खाली रेखा वर्ण डालने में परेशानी थी।

मैं व्यक्तिगत रूप से वहाँ वरीय < br /> टैग, और मैं एक पूरा पोस्ट ही का वर्णन है: http://www.w3lc.com/2017/05/new-line-in-readme-file-github-fixing.html

मैं एक Git में परिवर्तन का प्रदर्शन किया है Github भंडार में प्रतिबद्ध पोस्ट में विस्तार से बताया। प्रश्न को संभालने के लिए यह समझ बहुत जरूरी है और आपको कई अन्य उपयोगों को खोजने के लिए भी संभवतः क्यों करना होगा!

इसके अलावा, सीधे अपने प्रश्न का उत्तर देने के लिए, आपको दो चरणों की आवश्यकता है: 1. रॉ संस्करण में ReadMe.md फ़ाइल के लिए यूआरएल खोजें। उदाहरण के लिए एक देखें: https://raw.githubusercontent.com/Anwar-Faiz/forkrap/master/README.md 2. अब यदि आप सर्वर पक्ष का उपयोग php के file_gets_content आदि का उपयोग करना चाहते हैं तो आप यूआरएल लोड कर सकते हैं। या, यदि आप jquery का उपयोग करना चाहते हैं, तो आप लोड() का उपयोग कर सकते हैं।

क्या यह भी ध्यान दें कि यदि आप कच्चे यूआरएल पृष्ठ का स्रोत देखें, तो आप केवल सादा पाठ देखेंगे। तो, आपको बहुत अधिक पाठ पार्सिंग सामान भी करने की आवश्यकता नहीं है :) यह एक अच्छी खबर है।

इसके बाद आप codebeautify तरह unescape कार्य या उपकरणों का उपयोग कर सकते हैं अक्षर है कि 'की तरह <   "आदि आदि

संबंधित मुद्दे