ब्लॉगिंग टिप्स

GitHub pe website kaise bnaye aur code ko live kaise kren?

By Diwane Tech

Updated On:

GitHub pe website kaise bnaye aur code ko live kaise kren?

 क्या आप भी github पे अपना एक स्टैटिक वेबसाईट बनना चाहते है और उसे लाइव करके उसका एक लिंक बनाना चाहते है या फिर अपना कस्टम डोमेन लगाना चाहते है तो ये लेख आपके लिए है 

आज हम जानेंगे किस कैसे आप GitHub पर अपनी वेबसाईट बना सकते है 

GitHub pe website kaise bnaye aur code ko live kaise kren?

GitHub पर वेबसाइट बनाने का प्रोसेस 

GitHub पे वेबसाईट बनाने से पहले आपको पता होना चाहिए की GitHub क्या है और कैसे काम करता है,जिससे की आपको इसे चलाने में आसानी होगी।

GitHub क्या है?

GitHub एक ऑनलाइन forum वेबसाइट है जिसपे लोग अपने कोड और फाइल अपलोड कर सकते है और उसका लिंक बनाकर कर कही भी उसे कर सकते है, GitHub पे होस्ट किए गए किसी भी कोड को आप डाउनलोड कर सकते जो भी पब्लिक रेपो में उपलब्ध होगी, प्राइवेट रिपोजेटरी केवल अकाउंट का ऑनर ही देख सकता है, GitHub सबसे सबसे बड़ी कोडिंग संस्थान है जहा लगभग हर तरह की कोड अपलोड की जा सकती है

GitHub repository कैसे बनाए ?

स्टेप 1. GitHub repository बनाने के लिए सबसे पहले अपने GitHub अकाउंट में लॉगिन कर लें, फिर होम पेज पर जाए अगर आप कम्प्यूटर पे है तो फोटो में दिखाया गया ग्रीन कलर का बटन आपको दिख रहा होगा उसपे क्लिक करें, अगर आप फोन में है तो पहले मेनु पे क्लिक कर ले आपको ये शो हो जायेगा मगर आपका फोन डेस्कटॉप मोड में होना चाहिए । 
Github Repo kaise bnaye

स्टेप 2. फिर आपको अपने रिपोजेट्री का नाम लिख लेना है 
ध्यान दे आपको सभी लेटर small में रखना है है कोई भी अंग्रेजी का बड़ा लेटर यूज न करें, 
नाम डाल देने के बाद फिर से नीच क्रिएट रिपोजेटरी बटन पे क्लिक कर देना है 
Create repository

स्टेप 3. अब आपका रिपो बन गया है अब आप दो तरीकों से फाइल अपलोड कर सकते है पहला तो आप create new file पे क्लिक कर के न्यू फाइल बना सकते है या फिर uplod exiting file पे क्लिक करके अपना बनाया हुआ फाइल अपलोड कर सकते है , तो अभी हम अपनी फाइल अपलोड करने चलते है। 

Create file on Repo

स्टेप 4. फिर आपको अपने फाइल के बारे में थोड़ी सी इनफॉर्मेशन डालनी है और submit chenges पे क्लिक करना है फिर आपका फाइल अपलोड हो जायेगा। 

Uplod and renamed file on github

स्टेप 5. अब हमने एक और style.css फाइल को अपलोड कर लिया उसी तरह जैसे पहले वाला index.html किया था 

अगर आपको फाइल को लाइव करना है तो ये दो फाइलें same नाम से बनाकर डालनी ही होगी बिना index.html और style.css के आपकी साइट लाइव नही होती तो बिना रिनेम करके ही अपलोड करे या फिर github में ही रिनेम करले फाइल पे क्लिक करके। 
अब हम सीधे पेज को और अपने कोड को GitHub पे होस्ट या लाइव करेंगे, उसके लिए पहले सेटिंग पे जाए 

Hosting the html code in github

स्टेप 6. अब हम लास्ट स्टेप पे पहुंच गए है , अब बस आपको सेटिंग पे आके pages पे क्लीक करना है और branch में main branch को सिलेक्ट करना है फिर उसके बाद सेव पर क्लिक कर देना हैं 

Host and publish your code to make it live

बधाई हो आपने GitHub पर अपना कस्टम कोड होस्ट करना सीख लिया ये रहा हमारा अपलोड किया हुआ वेबसाईट जो अब लाइव हो चुका है केवल एक मिनट में अब हम इस लिंक को कही भी शेयर कर सकते है https://dhanjeerider.github.io/clip-path-maker.io/

 अगर आप चाहें तो बाद में अपने website के कोड को GitHub मे ही एडिट कर सकते है आपके एडिट 1 मिनट में ऑटो अपडेट हो जाएंगे 

Live website on GitHub

प्लस प्वाइंट 

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

Diwane Tech

Admin of Tech Diwane is Dhanjeerider it is an organisation which provides you trending and usefull updates and tips tricks for your online journey

Leave a Comment