वर्डप्रेस में सोर्स कोड चिपकाने और प्रदर्शित करने के लिए हाइलाइटर सूची
प्रोग्रामिंग आलेख लिखते समय और स्रोत कोड पेश करते समय, मुझे हाइलाइटर चाहिए, एक ऐसा फ़ंक्शन जो कोड को देखना आसान बनाता है।इतने विकसित हैं कि आप यह तय नहीं कर सकते कि किसका उपयोग किया जाए।इस लेख में, हम वर्डप्रेस में स्रोत कोड और प्रत्येक की विशेषताओं को हाइलाइट करने के लिए लाइब्रेरी प्रकार, प्लगइन प्रकार और वेब सेवा में विभाजित टूल पेश करेंगे।
पुस्तकालय प्रकार
उस प्रकार का हाइलाइटर जो प्राप्त लाइब्रेरी फ़ाइल को चाइल्ड थीम फ़ोल्डर में अपलोड करता है और उसका उपयोग करता है।यह प्लग-इन की तुलना में हल्का है, लेकिन इसे पेश करने में थोड़ा अधिक प्रयास करना पड़ता है।
हाइलाइट.जे.एस
एक JavaScript लाइब्रेरी जिसे Highlight.js कहा जाता है। यह 189 प्रोग्रामिंग भाषाओं को सपोर्ट करता है और इसमें 89 डिस्प्ले स्टाइल हैं (नवंबर 2018 तक)।कार्य सरल है, बस कोड को हाइलाइट करना है।बहुत हल्का।लोकप्रिय।
प्रिज्म.जस
एक हल्की जावास्क्रिप्ट लाइब्रेरी।153 भाषाओं और 8 प्रदर्शन शैलियों का समर्थन करता है (नवंबर 2018 तक)।आप विस्तार कार्यों के रूप में आसानी से लाइन नंबर जोड़ सकते हैं, निर्दिष्ट लाइनों को हाइलाइट कर सकते हैं, भाषा प्रदर्शन, कॉपी बटन स्थापना आदि कर सकते हैं।यह भी प्रचलित है।
गूगल कोड-सुंदर
जैसा कि नाम से पता चलता है, यह Google द्वारा विकसित एक जावास्क्रिप्ट लाइब्रेरी है। यह प्रमुख प्रोग्रामिंग भाषाओं जैसे सी, पायथन, एचटीएमएल, सीएसएस, जावास्क्रिप्ट, मेकफाइल आदि का समर्थन करता है, लेकिन छोटी भाषाओं को एक्सटेंशन की आवश्यकता होती है।5 प्रदर्शन शैलियाँ हैं (नवंबर 2018 तक)।वर्डप्रेस फोल्डर में अपलोड करने और उसका उपयोग करने के उपरोक्त दो तरीकों के अलावा, एक ऑटोलैडर का उपयोग करके इंस्टॉलेशन की एक सरल विधि है।कुछ जापानी जानकारी हैं क्योंकि बहुत से उपयोगकर्ता नहीं हैं।
https://github.com/google/code-prettify
प्लग-इन प्रकार
वर्डप्रेस के लिए मुफ्त प्लगइन के रूप में वितरित एक प्रकार।इसे तैनात करना और संभालना बहुत आसान है, लेकिन यह अन्य प्रकारों की तुलना में आपकी साइट को थोड़ा भारी बना सकता है।लाइब्रेरी प्रकार में, आप केवल उन भाषाओं का समर्थन करने के लिए चुन सकते हैं जिनकी आपको आवश्यकता है, लेकिन प्लग-इन संस्करण में, यह एक ऐसी छवि है जो सभी भाषाओं और सभी कार्यों को प्रदान करती है।
WP कोड हाइलाइट.जेएस
यह हाइलाइट.जेएस का प्लगइन संस्करण है जिसे लाइब्रेरी प्रकार में पेश किया गया है। सिंटेक्स हाइलाइटर, प्रीटीफाई, क्रेयॉन सिंटेक्स हाइलाइटर के साथ संगत, ताकि आप अन्य हाइलाइटर्स से माइग्रेट कर सकें।
https://ja.wordpress.org/plugins/wp-code-highlightjs/
प्रिज्म सिंटैक्स हाइलाइटर
Prism.js का प्लगइन संस्करण।
https://ja.wordpress.org/plugins/ank-prism-for-wp/
कोड सुंदर
वैसा ही।
https://ja.wordpress.org/plugins/code-prettify/
क्रेयोन सिंटेक्स हाइलाइटर
इंप्रेशन कि कई उपयोगकर्ता हैं और जापानी में खोलने पर प्रचुर मात्रा में जानकारी है।यहां तक कि शुरुआती भी आसानी से फ़ॉन्ट आकार और डिज़ाइन को बदल सकते हैं, लाइन नंबर जोड़ सकते हैं और हाइलाइटिंग आदि निर्दिष्ट कर सकते हैं, और कस्टमिज़ेबिलिटी बहुत अधिक है।कई समीक्षाएं हैं कि यह भारी है, और आखिरी अपडेट 2015 से बंद हो गया है, जो एक चिंता का विषय है।
https://ja.wordpress.org/plugins/crayon-syntax-highlighter/
मिवाहक सिंटेक्स हाइलाइटर
यह 130 से अधिक प्रोग्रामिंग भाषाओं का समर्थन करता है और इसमें 36 थीम हैं, जो एकदम सही है।हल्के सीएसएस और जेएस से लेकर भाषा स्क्रिप्ट और थीम जो मांग पर लोड होने लगती हैं, यह क्रेयॉन सिंटेक्स हाइलाइटर जितना भारी लगता है।आप केवल कोड भाग के लिए फ़ॉन्ट आकार निर्दिष्ट कर सकते हैं।
https://ja.wordpress.org/plugins/mivhak/
मैंने साइट प्रदर्शन गति पर प्रत्येक प्लग-इन के प्रभाव की तुलना की, इसलिए कृपया इसे भी देखें।
सिंटैक्स हाइलाइटर प्लग-इन की साइट प्रदर्शन गति तुलना
वेब सेवा प्रकार
यह एक प्रकार का हाइलाइटर है जो एम्बेडिंग के लिए वेब पर स्रोत कोड को टैग में परिवर्तित करता है और टैग को हाइलाइट करने के लिए Wordpress टेक्स्ट एडिटर में पेस्ट करता है।
सार (एक GitHub सेवा)
Gist GitHub की कोड शेयरिंग सर्विस है। जब आप कोड को Gist पर अपलोड करते हैं, तो प्रदर्शन के लिए टैग आउटपुट होता है। गिटहब के साथ पंजीकरण करना जरूरी है, लेकिन लाभ यह है कि आप गिटहब पक्ष पर कोड संपादित और प्रबंधित कर सकते हैं (यदि आप टेक्स्ट एडिटर के साथ संपादित करते हैं,या) जैसे टैग्स के साथ खिलवाड़ करना भ्रमित करने वाला है।
https://gist.github.com/discover
srctohtml
पंजीकरण के बिना एम्बेड करने के लिए आप आसानी से कोड को HTML टैग्स में परिवर्तित कर सकते हैं।समर्थित भाषाएँ JavaScript, C++ और PHP हैं, जो थोड़ी कम हैं।
http://marginalsoft.com/tools/srctohtml/
कौन सा चुनना है
आप किस पर ध्यान केंद्रित करना चाहते हैं यह निर्धारित करेगा कि आप किस उपकरण का उपयोग करते हैं।मैंने आसानी से प्रत्येक के अभिविन्यास और अनुपयुक्तता को संक्षेप में प्रस्तुत किया है, इसलिए कृपया इसे देखें।साथ ही, यह जानना महत्वपूर्ण है कि क्या आप हाइलाइट्स के डिज़ाइन में रूचि रखते हैं।
| पुस्तकालय प्रकार | ऑपरेशन की लपट और प्रदर्शन की गति पर जोर |
| प्लग-इन प्रकार | परिचय में आसानी पर जोर (प्लगइन के आधार पर, यह इतना भारी नहीं हो सकता है) |
| वेब सेवा प्रकार | गिटहब पर पंजीकृत कोड प्रबंधन कार्यों से आकर्षित लोग (गिस्ट) वे लोग जिनके पास एम्बेड करने के अधिक अवसर नहीं हैं (srctohtml) |
वैसे, मैं मिवाहक सिंटैक्स हाइलाइटर प्लगइन का उपयोग करता हूं।यह अच्छा है कि आप केवल कोड भाग के लिए फ़ॉन्ट आकार निर्दिष्ट कर सकते हैं और एक साधारण सेटिंग स्क्रीन पर विभिन्न बटन सेटिंग्स संचालित कर सकते हैं।गति मोबाइल पर गिर जाएगी, लेकिन जो लोग कोड का उल्लेख करते हैं वे शायद पीसी से होंगे, इसलिए मुझे नहीं लगता कि यह एक बड़ी समस्या है।