पहले आप अपनी Github प्रोफ़ाइल को कस्टमाइज़ करने का एकमात्र तरीका चित्र को अपडेट करना या अपना नाम बदलना था। इसका मतलब था कि प्रत्येक Github प्रोफ़ाइल एक जैसी दिखती थी, इसे अनुकूलित करने या अलग दिखने के विकल्प न्यूनतम थे।

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

इस लेख में मैं आपको दिखाऊंगा कि कैसे मैंने एक बदलाव के साथ अपना जीथब रीडमी बनाया। मैं मार्कडाउन का उपयोग करूंगा और इसकी मुख्य समस्या का समाधान करूंगा। समस्या यह है कि यह अत्यधिक प्रतिबंधात्मक हो सकता है, क्योंकि आप रंग नहीं बदल सकते, स्थिति और अंतर को समायोजित करना मुश्किल हो सकता है। इसे हल करने के लिए आप अपने Github रीडमी में CSS जोड़ सकते हैं और बेहतर UX प्रस्तुत करने के लिए ट्रांज़िशन भी जोड़ सकते हैं।

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

अब आप अपनी [README.md]() फ़ाइल में जो भी अपडेट करेंगे, वह आपकी प्रोफ़ाइल पर प्रदर्शित होगा। आप अपनी सामग्री प्रदर्शित करने के लिए मार्कडाउन सिंटैक्स या HTML का उपयोग कर सकते हैं। यदि आप कोई इनलाइन स्टाइलिंग, सीएसएस फ़ाइलें या जावास्क्रिप्ट जोड़ते हैं, तो इसे जीथब द्वारा हटा दिया जाएगा, ताकि समाधान न हो।

समाधान

अपनी README.md फ़ाइल में आप छवियां शामिल कर सकते हैं। इसमें एसवीजी फ़ाइलें शामिल हैं। वह खामी जो हमें सीएसएस जोड़ने में सक्षम बनाती है वह एसवीजी फ़ाइल में विदेशीऑब्जेक्ट तत्व का उपयोग करके कस्टम HTML और सीएसएस को एम्बेड करना है। फ़ॉरेनऑब्जेक्ट तत्व आपको एसवीजी ग्राफ़िक के अंदर अन्य मार्कअप भाषाओं के तत्वों को शामिल करने की अनुमति देता है।

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

अब इस SVG को एक छवि के रूप में उपयोग करने और इसे अपनी प्रोफ़ाइल में प्रदर्शित करने के लिए README.md फ़ाइल को अपडेट करें:

और बस इतना ही। यह वास्तव में एसवीजी के अंदर लिपटे कुछ सीएसएस और एचटीएमएल हैं। नीचे अंतिम परिणाम देखें या यदि आप कार्रवाई में देखना चाहते हैं, तो मेरी जीथब प्रोफ़ाइल यहां है।