पूर्वापेक्षाएँ निर्धारित करना:
यह देखने के लिए कि सूची का नेस्टिंग कैसे काम करता है, हमें एक उपकरण या सॉफ़्टवेयर की आवश्यकता है जहां हम मार्कडाउन स्क्रिप्ट को लागू कर सकें। हमने मार्कडाउन स्क्रिप्ट के लिए विजुअल स्टूडियो कोड को सर्वश्रेष्ठ असेंबलर के रूप में पाया है। मार्कडाउन भाषा को लागू करने के लिए, हमें अपनी कार्य आवश्यकताओं के अनुसार कुछ बदलाव करने होंगे। हमने वीएस कोड लॉन्च किया है और एक नई प्रोजेक्ट फाइल बनाई है। डिफ़ॉल्ट रूप से, यह एक साधारण टेक्स्ट फ़ाइल खोलता है लेकिन हमें मार्कडाउन पर काम करने की आवश्यकता है ताकि हम फ़ाइल प्रकार बदल सकें। 'सादा टेक्स्ट' विकल्प स्टेटस बार के दाएं कोने में पाया जा सकता है और इसका उपयोग फ़ाइल प्रकार को बदलने के लिए किया जाता है। जब आप उस पर कर्सर रखते हैं, तो यह भाषा मोड का चयन करने के लिए कहता है।
जब आप इसे हिट करते हैं, तो एक मेनू दिखाई देगा। मार्कडाउन भाषा का चयन करने के लिए आपको बस 'मार्कडाउन' लिखना होगा।
यह हमारे फ़ाइल प्रकार को 'सादा पाठ' से 'मार्कडाउन' में बदल देगा।
आप पिछले स्नैपशॉट में देख सकते हैं कि फ़ाइल प्रकार अब 'मार्कडाउन' है।
उसके बाद, हमें मार्कडाउन स्क्रिप्ट का पूर्वावलोकन करने और सही ढंग से काम करने के लिए एक एक्सटेंशन जोड़ना होगा। बाएं टूलबार से इस एक्सटेंशन को जोड़ने के लिए, सेटिंग विकल्प आपको एक चयन बॉक्स प्रदान करेगा जहां हमने 'एक्सटेंशन' विकल्प चुना है।
इससे एक विंडो खुलेगी। हमें एक्सटेंशन का नाम 'मार्कडाउन ऑल इन वन' लिखना होगा और इसे इंस्टॉल करना होगा।
अब, मार्कडाउन एक्सटेंशन हमारी फाइल में सफलतापूर्वक जुड़ गया है।
आखिरी चीज जो हमें करनी है, वह है हमारी जेनरेट की गई स्क्रिप्ट के आउटपुट को देखने के लिए एक पूर्वावलोकन विंडो खोलना। पूर्वावलोकन विंडो को 'Ctrl+Shift+V' कुंजियों पर क्लिक करके लॉन्च किया जा सकता है या आप टूल के ऊपरी दाएं कोने में मौजूद एक कुंजी के साथ आइकन पर क्लिक कर सकते हैं।
इस पर क्लिक करने से विंडो दो स्क्रीन में बंट जाएगी। पहले वाले का उपयोग स्क्रिप्ट को इनपुट करने के लिए किया जाएगा जबकि स्क्रिप्ट का आउटपुट 'पूर्वावलोकन' विंडो में प्रदर्शित किया जाएगा।
मार्कडाउन स्क्रिप्ट पर काम शुरू करने के लिए अब हम इस टूल का उपयोग कर सकते हैं। आइए अब स्क्रिप्ट्स को एक्सप्लोर करें।
मार्कडाउन में बैकटिक्स से बचना:
मार्कडाउन में, कोड ब्लॉक बनाने के लिए बैकटिक्स का उपयोग किया जाता है। जब हम बैकटिक डालते हैं तो यह मार्कडाउन में एक कोड स्निपेट शुरू करने को संदर्भित करता है। दस्तावेज़ों में इनलाइन कोड ब्लॉक बनाने के लिए कोड की प्रत्येक पंक्ति के आरंभ और अंत में एक सिंगल बैकटिक जोड़ा जाता है। इन बैकटिक्स के कारण, कोड ब्लॉक जनरेशन को सक्षम किए बिना बैकटिक्स को किसी दस्तावेज़ में टेक्स्ट के रूप में दिखाना मुश्किल हो जाता है। इस ट्यूटोरियल में, हम इस पर काम करने जा रहे हैं कि हम बैकटिक से कैसे बच सकते हैं ताकि हम इसे कोड सिंटैक्स के प्रारंभ के रूप में मानने के बजाय इसे टेक्स्ट के रूप में शामिल कर सकें।
बैकटिक को स्किप करने का सबसे आसान तरीका बैकटिक डालने से पहले बैकस्लैश (\) जोड़ना है। यदि आप बैकस्लैश नहीं जोड़ते हैं, तो बैकटिक जिसे आप टेक्स्ट के रूप में जोड़ेंगे और कोड में अगला बैकटिक डाला जाएगा। आपने उनके बीच जो भी टेक्स्ट जोड़ा होगा, उसे कोड ब्लॉक माना जाएगा, इसलिए इससे बचने के लिए बैकस्लैश डालें। हम पहले कोड ब्लॉक बनाने के लिए बैकटिक्स जोड़ेंगे और फिर इस प्रदर्शन में मार्कडाउन में बैकटिक से बचना सीखेंगे।
हमने पहले अपने दस्तावेज़ के लिए एक हेडर बनाया है। प्रथम स्तर का हेडर बनाने के लिए, हमें एक हैश (#) प्रतीक सम्मिलित करना होगा, एक स्थान जोड़ना होगा, और फिर हेडर के लिए टेक्स्ट का उल्लेख करना होगा। हमने टेक्स्ट को 'मार्कडाउन बैकटिक' के रूप में प्रदान किया है। अब एक कोड ब्लॉक बनाने के लिए, हमने पहले एक बैकटिक (`) जोड़ा है और उसके बाद एक स्पेस दिया है। फिर, हमने टेक्स्ट को 'सैंपल टेक्स्ट' के रूप में लिखा, उसके बाद एक स्पेस दिया जहां क्लोजिंग बैकटिक लगाया जाता है। अब, ये दो बैकटिक्स उनके बीच के टेक्स्ट को कोड स्निपेट के रूप में मानेंगे और इस प्रकार इसे कोड ब्लॉक के रूप में प्रस्तुत करेंगे।
यह हमें एक हेडर 'मार्कडाउन बैकटिक' और कोड ब्लॉक प्रारूप में ऊपर उल्लिखित पाठ प्राप्त करता है। आप हमारे द्वारा नीचे दिए गए पूर्वावलोकन विंडो स्नैपशॉट में अपेक्षित परिणाम देख सकते हैं:
अब, इस बैकटिक से बचने के लिए और टेक्स्ट को नियमित टेक्स्ट के रूप में प्रस्तुत करने के लिए, न कि कोड ब्लॉक के रूप में, हमें शुरुआती बैकटिक से पहले और क्लोजिंग बैकटिक से पहले बैकस्लैश (\) का उपयोग करना होगा। इसलिए, हम बैकस्लैश जोड़कर इसे नियमित टेक्स्ट के रूप में प्रस्तुत करने के लिए उपरोक्त कोड ब्लॉक पर यह चाल करेंगे।
हमने 'मार्कडाउन एस्केपिंग ए बैकटिक' टेक्स्ट के साथ एक हेडर बनाया है। एक लाइन को स्किप करने के बाद, हमने एक बैकस्लैश और उसके बाद एक बैकटिक जोड़ा। स्पेस दिया जाता है और फिर टेक्स्ट को 'नमूना टेक्स्ट' के रूप में निर्दिष्ट किया जाता है। क्लोजिंग बैकटिक जोड़ने से पहले, हमने एक और बैकस्लैश डाला है।
पूर्वावलोकन विंडो प्रत्याशित परिणाम दिखाती है जहां टेक्स्ट स्ट्रिंग को बैकटिक्स के साथ नियमित टेक्स्ट के रूप में प्रदर्शित किया जाता है। इसलिए, हमने टेक्स्ट को कोड ब्लॉक में बदलने के लिए इसकी कार्यक्षमता को ट्रिगर किए बिना बैकटिक जोड़ा है।
उपरोक्त उदाहरण में, टेक्स्ट दो बैकटिक्स के बीच लिपटा हुआ है। अगर हम कोड ब्लॉक को उत्पन्न करने के लिए सिंटैक्स के रूप में विचार किए बिना कोड ब्लॉक में एक बैकटिक जोड़ना चाहते हैं। इसके लिए हमने दो बैकटिक, एक स्पेस और फिर टेक्स्ट को 'हम एक बैकटिक जोड़ रहे हैं: `' के रूप में जोड़ा है। आप देख सकते हैं कि यहां हम बैकटिक को सिंटैक्स के एक भाग के रूप में उपयोग किए बिना प्रदर्शित करना चाहते हैं। फिर, हमने जगह दी और दो क्लोजिंग बैकटिक्स जोड़े।
अपेक्षित आउटपुट को दृश्य में रखा गया है। इसमें एक कोड ब्लॉक होता है जिसके एक हिस्से के रूप में एक बैकटिक होता है।
अब, हम अवधारणा को समझने के लिए एक और उदाहरण बनाएंगे। यहां, हम एक गणितीय व्यंजक बनाएंगे और इसे नियमित पाठ के अनुरूप मार्कडाउन में कोड ब्लॉक के रूप में लिखेंगे। हमने इसे 'यदि `y = 9` के रूप में लिखा है, तो इसका अर्थ है कि `y -3 = 6`'। यहां हमने दोनों कोड ब्लॉक बनाने के लिए 'y = 9' और फिर 'y-3 = 6' पर बैकटिक्स का उपयोग किया है।
तो, इसने हमें प्रत्याशित आउटपुट दिया जो नीचे की छवि में देखा जा सकता है:
अब, इन बैकटिक्स से बचने के लिए और बैकटिक्स को नियमित टेक्स्ट के हिस्से के रूप में प्रस्तुत करने के लिए, हमें बैकटिक्स के दोनों जोड़े से पहले बैकस्लैश डालना होगा।
हमने जो गणित व्यंजक जोड़ा है, वह बैकटिक्स के साथ नियमित पाठ के रूप में और मार्कडाउन में कोड ब्लॉक के रूप में दिखाया गया है।
निष्कर्ष
कोड ब्लॉक में प्रदर्शित एक विशिष्ट टेक्स्ट या स्क्रिप्ट बनाने के लिए बैकटिक्स को मार्कडाउन में जोड़ा जाता है। इस गाइड में, हमने बैकटिक से बचने की आवश्यकता पर चर्चा की है जब हम सामग्री को उनकी कार्यक्षमता को ट्रिगर किए बिना बैकटिक्स के साथ नियमित टेक्स्ट के रूप में जोड़ना चाहते हैं। हमने चर्चा की है कि कोड ब्लॉक बनाने के लिए बैकटिक्स कैसे लागू होते हैं और फिर हमने आपको एक समाधान प्रदान किया है जो बैकटिक से पहले बैकस्लैश (\) जोड़ना है ताकि इसे नियमित टेक्स्ट के रूप में प्रदर्शित किया जा सके और कोड ब्लॉक को सक्षम नहीं किया जा सके निर्माण।