ह्यूगो के साथ शुरुआत करना: एक साधारण वेबसाइट कैसे बनाएं

ह्यूगो एक स्टेटिक साइट जेनरेटर है जो आपको बिना किसी कोडिंग अनुभव वाली वेबसाइट बनाने की अनुमति देता है। आप अपनी वेबसाइट के डिज़ाइन के आधार के रूप में पूर्व-निर्मित थीम का उपयोग कर सकते हैं। यह आपको अपनी सामग्री के साथ साइट को पॉप्युलेट करने पर अधिक ध्यान केंद्रित करने की अनुमति देता है।

चूंकि ह्यूगो का उपयोग ज्यादातर स्थिर वेबसाइटों के लिए किया जाता है, इसलिए यह ब्लॉग, पोर्टफोलियो या दस्तावेज़ीकरण साइट बनाने के लिए एकदम सही है।

आप पूर्व-निर्मित ह्यूगो थीम का उपयोग करके आसानी से एक ह्यूगो वेबसाइट स्थापित और बना सकते हैं। बस कुछ ही छोटे चरणों के साथ, आप मार्कडाउन का उपयोग करके अपनी वेबसाइट पर सामग्री और पेज जोड़ सकते हैं।

ह्यूगो कैसे स्थापित करें

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

Mac

आप Homebrew का उपयोग करके ह्यूगो को स्थापित कर सकते हैं।

1. अपना macOS टर्मिनल खोलें।
2. Homebrew पैकेज मैनेजर स्थापित करें.

   /bin/bash -c "$(curl -fsSL .) https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

instagram viewer
3. ह्यूगो स्थापित करें।

   शराब बनाना इंस्टॉल ह्यूगो

खिड़कियाँ

आपको विंडोज़ के लिए समकक्ष पैकेज मैनेजर की आवश्यकता होगी। उदाहरण के लिए, आप का उपयोग कर सकते हैं स्कूप पैकेज मैनेजर.

1. विंडोज पॉवरशेल खोलें, जो पहले से ही आपके विंडोज ऑपरेटिंग सिस्टम का हिस्सा होना चाहिए।
2. यदि आप पहली बार स्कूप स्थापित कर रहे हैं, तो आपको अपनी निष्पादन नीति सेट करने की आवश्यकता हो सकती है।

   सेट-निष्पादन नीति रिमोट साइन -दायरा तात्कालिक प्रयोगकर्ता

3. स्कूप स्थापित करें:

   आईईएक्स (नवीन व-ऑब्जेक्ट net.webclient).डाउनलोडस्ट्रिंग ('https://get.scoop.sh')
   

4. ह्यूगो स्थापित करें:

   स्कूप इंस्टॉल ह्यूगो

ह्यूगो प्रोजेक्ट कैसे बनाएं

एक नया ह्यूगो प्रोजेक्ट बनाने के लिए, आपको बिल्ट-इन का उपयोग करना होगा ह्यूगो नई साइट आज्ञा।

1. अपना टर्मिनल या कमांड प्रॉम्प्ट खोलें। उस फ़ोल्डर पर नेविगेट करें जहाँ आप अपना प्रोजेक्ट बनाना चाहते हैं।
2. निष्पादित करें ह्यूगो नई साइट आज्ञा:

   ह्यूगो नवीन व साइट नवीन व-ह्यूगो-वेबसाइट

3. अपने फ़ाइल एक्सप्लोरर में अपने ह्यूगो प्रोजेक्ट के स्थान पर नेविगेट करें।
4. प्रोजेक्ट फ़ोल्डर खोलें। आप देखेंगे कि आपकी नई ह्यूगो वेबसाइट में आपकी वेबसाइट के काम करने के लिए आवश्यक फ़ाइल और फ़ोल्डर संरचना है।

थीम कैसे जोड़ें

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

ह्यूगो पहले से ही अंतर्निर्मित पुस्तकालय प्रदान करता है ह्यूगो थीम्स डेवलपर्स द्वारा बनाया गया।

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

   सीडी नवीन व-ह्यूगो-वेबसाइट

3. टेल थीम जोड़ने के लिए कमांड चलाएँ। आप थीम को सबमॉड्यूल के रूप में जोड़ सकते हैं, जो एक नया फ़ोल्डर बनाएगा जिसे कहा जाता है कहानी के अंदर थीम फ़ोल्डर।

   git init
   git सबमॉड्यूल https जोड़ें://github.com/EmielH/tale-hugo.git theme/tale

   वैकल्पिक रूप से, आप अपने प्रोजेक्ट के थीम फ़ोल्डर में GitHub टेल रिपॉजिटरी को क्लोन कर सकते हैं।

   गिटो क्लोन https://github.com/EmielH/tale-hugo.git theme/tale

4. अपने प्रोजेक्ट फ़ोल्डर में नेविगेट करें। पर क्लिक करें विषयों इसे खोलने के लिए फ़ोल्डर। आप चाहे जो भी कमांड इस्तेमाल करें, एक नया होगा कहानी फ़ोल्डर जो नई डाउनलोड की गई थीम को संग्रहीत करता है।
5. में config.toml फ़ाइल, कॉन्फ़िगरेशन के भाग के रूप में कहानी विषय जोड़ें। यह ह्यूगो को HTML, CSS और अन्य शैलियों का उपयोग करने के लिए कहेगा जिनमें टेल थीम शामिल है।

   विषय = "कहानी"

अपनी वेबसाइट में पेज कैसे जोड़ें

आप अपनी सामग्री किसी भी प्रारूप में लिख सकते हैं जिसे ह्यूगो स्वीकार करता है। उपयोगकर्ता को परोसते समय ह्यूगो आपकी फ़ाइलों को स्वचालित रूप से HTML फ़ाइलों में परिवर्तित कर देगा। यह इसे निर्माण और परिनियोजन दोनों के लिए तेज़ बनाता है। यह उदाहरण उपयोग करेगा मार्कडाउन, एक साधारण सादा-पाठ भाषा, आपकी सामग्री के प्रारूप के रूप में।

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

अपनी वेबसाइट पर एक नया उप-पृष्ठ या पोस्ट जोड़ने के लिए, आपको इसमें एक नई मार्कडाउन फ़ाइल जोड़नी होगी विषय फ़ोल्डर। प्रत्येक पोस्ट या पेज की अपनी मार्कडाउन फाइल इससे जुड़ी होगी।

1. खोलें विषय आपके ह्यूगो प्रोजेक्ट के अंदर फ़ोल्डर। नामक एक नई मार्कडाउन फ़ाइल बनाएँ myFirstPost.md.
2. फ़ाइल को किसी भी टेक्स्ट एडिटर जैसे नोटपैड++ या विजुअल स्टूडियो कोड में खोलें।
3. फ़ाइल के शीर्ष पर, कुछ मेटाडेटा जोड़ें। इसमें पोस्ट से जुड़ी अहम जानकारियां शामिल होंगी। आप जिस विषयवस्तु का उपयोग कर रहे हैं, वह इस जानकारी को पृष्ठ पर एक निश्चित तरीके से प्रारूपित करेगी।

   
   लेखक: "तुम्हारा नाम"
   शीर्षक: "मेरी पहली पोस्ट"
   दिनांक: "2022-05-17"
   

4. मेटाडेटा जोड़ने के बाद, आप मार्कडाउन का उपयोग करके अपनी सामग्री जोड़ना शुरू कर सकते हैं।

   यह है मेरी ह्यूगो वेबसाइट पर मेरी पहली पोस्ट!
   ह्यूगो थीम का इस्तेमाल किया जा रहा है के लिएयह साइट को टेल कहा जाता है।
   यह है स्थापित करने के लिए बहुत आसान और कॉन्फ़िगर करें।
   # उपशीर्षक
   यह है कुछ सामग्री।
   # एक और उपशीर्षक
   यह है अधिक सामग्री।

5. अपनी वेबसाइट में और पेज जोड़ने के लिए बेझिझक और मार्कडाउन फाइलें जोड़ें।

स्थानीय रूप से अपनी ह्यूगो वेबसाइट कैसे चलाएं और परीक्षण करें

अपनी वेबसाइट चलाने के लिए, का उपयोग करें ह्यूगो सर्व आज्ञा।

1. एक टर्मिनल या कमांड लाइन खोलें।
2. अपने ह्यूगो प्रोजेक्ट के रूट फ़ोल्डर में नेविगेट करें।
3. चलाएं ह्यूगो सर्व आज्ञा:

   ह्यूगो सर्व

4. स्टार्टअप प्रक्रिया को पूरा करने के लिए वेबसाइट की प्रतीक्षा करें। एक बार यह पूरा हो जाने पर, टर्मिनल एक संदेश प्रिंट करेगा जिसमें कहा जाएगा कि आप किस स्थानीय पते से वेबसाइट तक पहुंच सकते हैं। आमतौर पर, यह है http://localhost: 1313/.
5. एक वेब ब्राउज़र खोलें और दर्ज करें http://localhost: 1313/, या जो भी पता टर्मिनल ने आपको दिया हो। आप अपनी ह्यूगो वेबसाइट का मुख्य पृष्ठ देखेंगे।
6. पृष्ठ पर आपके पास मौजूद प्रत्येक मार्कडाउन फ़ाइल के लिए पदों की एक सूची होगी। इस मामले में, सामग्री से भरी दो मार्कडाउन फाइलें हैं। इसमें myFirstPost.md पेज शामिल है जिसे आपने पहले बनाया था। इसमें एक नई पोस्ट भी शामिल है जिसे केलाकेकरेसिपी.एमडी कहा जाता है।
7. किसी एक पूर्वावलोकन पर शीर्षक लिंक पर क्लिक करें। यह आपको उस विशेष पोस्ट के पूर्ण पृष्ठ पर ले जाएगा।

अपनी ह्यूगो वेबसाइट की मेजबानी

ह्यूगो के साथ एक स्थिर वेबसाइट बनाना और चलाना सरल और तेज़ है। आप पूर्व-निर्मित थीम का उपयोग और कॉन्फ़िगर कर सकते हैं और परीक्षण के लिए स्थानीय रूप से अपनी ह्यूगो वेबसाइट चला सकते हैं। आप मार्कडाउन का उपयोग करके अपनी वेबसाइट पर सामग्री पृष्ठ भी जोड़ सकते हैं।

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

ड्रॉपबॉक्स, गूगल ड्राइव या वनड्राइव के साथ मुफ्त वेबसाइट होस्टिंग कैसे प्राप्त करें

आगे पढ़िए