GitHub पेज पर वेबसाइट कैसे बनाएं: 12 कदम (चित्रों के साथ)

विषयसूची:

GitHub पेज पर वेबसाइट कैसे बनाएं: 12 कदम (चित्रों के साथ)
GitHub पेज पर वेबसाइट कैसे बनाएं: 12 कदम (चित्रों के साथ)

वीडियो: GitHub पेज पर वेबसाइट कैसे बनाएं: 12 कदम (चित्रों के साथ)

वीडियो: GitHub पेज पर वेबसाइट कैसे बनाएं: 12 कदम (चित्रों के साथ)
वीडियो: कैलोरी बर्न (Calorie burn) करने के आसान तरीके | Swami Ramdev 2024, मई
Anonim

गिटहब पेज खरोंच से अपनी निजी साइट बनाने का एक शानदार तरीका है। यह पूरी तरह से मुफ़्त है और इसके लिए केवल GitHub खाते की आवश्यकता होती है। ध्यान दें, हालांकि, GitHub पेज वेबसाइट बनाने के लिए सबसे अधिक उपयोगकर्ता के अनुकूल डिजाइन की पेशकश नहीं करता है (Wix या Squarespace के विपरीत), लेकिन यह HTML/CSS/JS और वेबसाइट के सभी तत्वों के साथ अनुभव प्राप्त करने का एक शानदार तरीका है। यह विकिहाउ आपको दिखाएगा कि कैसे शुरुआत करें।

कदम

GitHub पेज पर एक वेबसाइट बनाएं चरण 1
GitHub पेज पर एक वेबसाइट बनाएं चरण 1

चरण 1। यदि आपके पास अभी तक एक खाता नहीं है, तो GitHub पर एक खाता पंजीकृत करें।

इससे पहले कि आप GitHub पेज पर अपनी वेबसाइट बना सकें, आपको GitHub पर एक अकाउंट बनाना होगा। यदि आपके पास पहले से ही GitHub पर एक खाता है, तो लॉगिन करना सुनिश्चित करें। दोनों को ऊपरी दाएं टूलबार से एक्सेस किया जा सकता है।

GitHub पेज पर एक वेबसाइट बनाएं चरण 2
GitHub पेज पर एक वेबसाइट बनाएं चरण 2

चरण 2। GitHub पर एक रिपॉजिटरी बनाएं।

रिपॉजिटरी का नाम "[आपका GitHub उपयोगकर्ता नाम यहाँ].github.io" रखना सुनिश्चित करें। यह आपकी GitHub वेबसाइट को इनिशियलाइज़ करेगा।

विधि 1 में से 2: कोड संपादक का उपयोग करना

GitHub पेज पर एक वेबसाइट बनाएं चरण 3
GitHub पेज पर एक वेबसाइट बनाएं चरण 3

चरण 1. GitHub डेस्कटॉप डाउनलोड करें, यदि आपके पास यह पहले से स्थापित नहीं है।

GitHub डेस्कटॉप को स्थापित करना उतना ही सरल है जितना कि https://desktop.github.com/ पर जाना और बड़े बैंगनी "डाउनलोड" बटन पर क्लिक करना। फिर इंस्टॉलर चलाएं। आपके भंडार में परिवर्तनों को आगे बढ़ाने के लिए इसकी आवश्यकता है।

GitHub पेज पर एक वेबसाइट बनाएं चरण 4
GitHub पेज पर एक वेबसाइट बनाएं चरण 4

चरण 2. एक कोड संपादक स्थापित करें।

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

GitHub पेज पर एक वेबसाइट बनाएं चरण 5
GitHub पेज पर एक वेबसाइट बनाएं चरण 5

चरण 3. "index.html" नामक एक फ़ाइल बनाएँ।

आप अपने कोड संपादक या ऑनलाइन में ऐसा कर सकते हैं। आप अपनी हार्ड ड्राइव पर अपने भंडार के स्थान पर भी जा सकते हैं और अपने ड्राइव पर भंडार के फ़ोल्डर में एक "index.html" फ़ाइल बना सकते हैं।

GitHub पेज पर एक वेबसाइट बनाएं चरण 6
GitHub पेज पर एक वेबसाइट बनाएं चरण 6

चरण 4. अपना एचटीएमएल जोड़ें।

मूल वेबपेज को कोड करने में सक्षम होने के लिए आपको HTML सीखना होगा। आपके लिए सीएसएस और जावास्क्रिप्ट सीखना भी उपयोगी होगा ताकि आप अपने वेबपेज में स्टाइल और कार्यक्षमता जोड़ सकें।

फ़ाइल को सहेजना याद रखें।

GitHub पेज पर एक वेबसाइट बनाएं चरण 7
GitHub पेज पर एक वेबसाइट बनाएं चरण 7

चरण 5. परिवर्तन करें।

GitHub डेस्कटॉप पर वापस जाएं और नीले कमिट टू मास्टर बटन पर क्लिक करें। इसके बाद पुश ओरिजिन पर क्लिक करें। यह परिवर्तन GitHub पर अपलोड करेगा।

यदि आप अधिक परिवर्तन करने की योजना बना रहे हैं, तो आप मूल को भी खींचना चाहेंगे। अपनी मशीन पर नवीनतम कमिट डाउनलोड करने के लिए GitHub डेस्कटॉप में पुल ओरिजिन बटन पर क्लिक करें।

GitHub पेज पर एक वेबसाइट बनाएं चरण 8
GitHub पेज पर एक वेबसाइट बनाएं चरण 8

चरण 6. अपना वेबपेज देखें।

वेब ब्राउज़र में "[आपका GitHub उपयोगकर्ता नाम].github.io" पर जाएं। नया वेबपेज देखने के लिए रिफ्रेश बटन पर क्लिक करते समय आपको Ctrl या ⌘ Command दबाकर अपने ब्राउज़र के कैशे को बायपास करना पड़ सकता है।

विधि २ का २: गिटहब ऑनलाइन का उपयोग करना

GitHub पेज पर एक वेबसाइट बनाएं चरण 9
GitHub पेज पर एक वेबसाइट बनाएं चरण 9

चरण 1. "index.html" नामक एक फ़ाइल बनाएँ।

Add file पर क्लिक करें और फिर Create new file पर क्लिक करें। इससे एक फाइल एडिटर खुल जाएगा। "अपनी फ़ाइल को नाम दें" फ़ील्ड में "index.html" जोड़ें।

GitHub पेज पर एक वेबसाइट बनाएं चरण 10
GitHub पेज पर एक वेबसाइट बनाएं चरण 10

चरण 2. अपना एचटीएमएल जोड़ें।

मूल वेबपेज को कोड करने में सक्षम होने के लिए आपको HTML सीखना होगा। आपके लिए सीएसएस और जावास्क्रिप्ट सीखना भी उपयोगी होगा ताकि आप अपने वेबपेज में स्टाइल और कार्यक्षमता जोड़ सकें।

फ़ाइल को सहेजना याद रखें।

GitHub पेज पर एक वेबसाइट बनाएं चरण 11
GitHub पेज पर एक वेबसाइट बनाएं चरण 11

चरण 3. परिवर्तन करें।

फ़ाइल को GitHub में सहेजने के लिए हरे रंग की कमिट न्यू फ़ाइल बटन पर क्लिक करें।

GitHub पेज पर एक वेबसाइट बनाएं चरण 12
GitHub पेज पर एक वेबसाइट बनाएं चरण 12

चरण 4. अपना वेबपेज देखें।

वेब ब्राउज़र में "[आपका GitHub उपयोगकर्ता नाम].github.io" पर जाएं। नया वेबपेज देखने के लिए रिफ्रेश बटन पर क्लिक करते समय आपको Ctrl या ⌘ Command दबाकर अपने ब्राउज़र के कैशे को बायपास करना पड़ सकता है।

टिप्स

  • उपपृष्ठ जोड़ने के लिए, बस GitHub पर एक नया फ़ोल्डर बनाएं और उस फ़ोल्डर में एक "index.html" फ़ाइल जोड़ें।
  • यदि आप एक डोमेन नाम पंजीकृत करते हैं, तो आप GitHub पेजों को डिफ़ॉल्ट के बजाय उस डोमेन नाम का उपयोग करने के लिए कह सकते हैं।
  • जब तक आपके पास एक प्रीमियम खाता न हो, GitHub पेज रिपॉजिटरी सार्वजनिक होनी चाहिए।

सिफारिश की: