Godeub Pages पर Node.js द्वारा बनाई गई वेबसाइट को कैसे प्रकाशित करें?

Question

मैंने सर्वर के रूप में Node.js का उपयोग करके एक वेबसाइट बनाई। जैसा कि मैं जानता हूं, नोड.जेएस फ़ाइल को टर्मिनल में कमांड टाइप करके काम करना शुरू करना चाहिए, इसलिए मुझे यकीन नहीं है कि जीथब पेज नोड.जेएस-होस्टिंग का समर्थन करता है। तो मुझे क्या करना चाहिए?

Comments

पर एक नजर डालें github.com/assemble/assemble रूप में अच्छी तरह से, यह एक स्थिर साइट grunt.js के आधार पर जनरेटर है। मूल रूप से आप बस चलाते grunt assembleहैं और फिर कमिट करते हैं और gh-pages ब्रांच को धक्का देते हैं और आप बंद होकर भाग जाते हैं।

— जोंकलिंर्ट

Heroku आप मदद कर सकते हैं heroku.com

— अचराफ

Answer 1

GitHub पृष्ठ केवल स्थिर HTML पृष्ठों की मेजबानी करते हैं। कोई सर्वर साइड तकनीक समर्थित नहीं है, इसलिए Node.js एप्लिकेशन GitHub पृष्ठों पर नहीं चलेंगे। कई होस्टिंग प्रदाता हैं, जैसा कि Node.js विकी पर सूचीबद्ध है ।

ऐप फॉग सबसे अधिक किफायती लगता है क्योंकि यह 2GB RAM (जो अगर आप मुझसे पूछें तो बहुत अच्छा है) के साथ मुफ्त में होस्टिंग प्रदान करता है।
जैसा कि यहां कहा गया है , AppFog ने नए उपयोगकर्ताओं के लिए अपनी मुफ्त योजना को हटा दिया।

यदि आप GitHub पर स्थैतिक पृष्ठों को होस्ट करना चाहते हैं, तो इस गाइड को पढ़ें । यदि आप Jekyll का उपयोग करने की योजना बनाते हैं , तो यह मार्गदर्शिका बहुत मददगार होगी।

Comments

तो इस उदाहरण ?: के बारे में क्या idflood.github.io/ThreeNodes.js/public/index.html । यदि आप कोड पर एक नज़र डालते हैं, तो Node.js पर है: github.com/idflood/ThreeNodes.js

— लिलियन ए। मोरारू

@ LilianA.Moraru एक प्रोजेक्ट पेज है। प्रोजेक्ट प्रोजेक्ट पेज के लिए एक विशेष शाखा बनाई जानी है, जिसे gh-pages कहा जाता है। रिपॉजिटरी के g- पेज शाखा पर एक नज़र डालें। इसमें शुद्ध html फाइलें हैं। यदि आप जो कुछ भी देखते हैं, उसमें लिंक वास्तव में gh- पृष्ठों की शाखा से है।

— अक्षत जीवन शर्मा

वैसे रेपो अच्छा लगा।

— अक्षत जीवन शर्मा

@ अक्षत_जीवन_शर्मा आप सही हैं। यह भी वही है जो मैं जान रहा था, लेकिन आज मैंने इस साइट को गितुब पर देखा और सोचा कि आप वास्तव में Node.js. का उपयोग कर सकते हैं। मैंने यह नहीं देखा कि यह संगठन में सिर्फ एक भंडार था। यदि यह संगठन की तुलना में यह स्वयं होता तो मास्टर शाखा में होता ...

— लिलियन ए। मोरारू

repl.it अब मुफ्त ऐप होस्टिंग का समर्थन करता है, हालांकि मुझे यकीन नहीं है कि इसमें कितनी मेमोरी है, या यहां तक ​​कि इसे Git रिपॉजिटरी से कैसे कनेक्ट किया जाए। यह छोटी परियोजनाओं के लिए उपयोगी हो सकता है, हालांकि।

— नील चौधरी

Answer 2

हम, जावास्क्रिप्ट प्रेमियों, रूबी (जेकेल या ऑक्टोप्रेस) का उपयोग करने के लिए गितुब पृष्ठों में स्थिर पेज बनाने के लिए उपयोग नहीं करते हैं, हम उदाहरण के लिए, नोड्स और हार्प का उपयोग कर सकते हैं :

ये कदम हैं । सार:

1. एक नया रिपॉजिटरी बनाएं

2. प्रतिरूपक क्लोन

   git clone https://github.com/your-github-user-name/your-github-user-name.github.io.git

3. एक हार्प ऐप (स्थानीय रूप से) शुरू करें:

   harp init _harp

शुरुआत में एक अंडरस्कोर के साथ फ़ोल्डर का नाम सुनिश्चित करें; जब आप GitHub पेज पर तैनात होते हैं, तो आप नहीं चाहते कि आपकी स्रोत फाइलें सेव की जाएं।

4. अपने हार्प एप्लिकेशन को संकलित करें

   harp compile _harp ./

5. गिहब को तैनात करें

   git add -A
   git commit -a -m "First Harp + Pages commit"
   git push origin master
   

और यह एक अच्छा ट्यूटोरियल है जिसमें लेआउट, भाग, जेड और कम जैसे अच्छे सामान के बारे में विवरण है।

Comments

मैं माणिक प्रेमी हूँ, लेकिन मैं इसे थोड़ा धोखा दूँगा। वीणा + गूगल पृष्ठों का संयोजन बहुत बढ़िया है !!!

— अल्टर लागोस

पहले से मौजूद प्रोजेक्ट पर वीणा स्थापित करते समय सावधान रहें!

— मेहुल टंडले

Answer 3

जब भी कोई नई प्रतिबद्धताओं में महारत हासिल की जाती है, तब मैं एक नोड बिल्ड कमांड ( अपने मामले में लेकिन यह npm के साथ भी काम करना चाहिए) के परिणाम को स्वचालित रूप से करने के लिए जीथब क्रियाओं को स्थापित करने में सक्षम था ।yarn buildgh-pages

जबकि पूरी तरह से आदर्श नहीं है क्योंकि मैं निर्मित फ़ाइलों को कमिट करने से बचना चाहता हूं, ऐसा लगता है कि यह वर्तमान में जीथब पृष्ठों को प्रकाशित करने का एकमात्र तरीका है।

मैंने एक अलग प्रतिक्रिया पुस्तकालय के लिए इस गाइड के अपने वर्कफ़्लो को आधारित किया , और इसे मेरे लिए काम करने के लिए निम्नलिखित बदलाव करने पड़े:

• "सेटअप नोड" कदम संस्करण का उपयोग करने के लिए मिला अद्यतन यहाँ नमूना से एक मैं त्रुटियों फेंक रहा था क्योंकि यह सही कार्रवाई नहीं पा सके की यह बंद आधारित था के बाद से।
• उस लाइन को हटा दें yarn exportक्योंकि वह कमांड मौजूद नहीं है और यह कुछ भी मददगार नहीं लगती है (आप अपनी आवश्यकताओं के अनुरूप इसके लिए बिल्ड लाइन को ऊपर बदलना चाह सकते हैं)
• मैंने कदम के envलिए एक निर्देश भी जोड़ा yarn buildताकि मैं अपने ऐप के अंदर बिल्ड उत्पन्न करने वाले कमिट का SHA हैश शामिल कर सकूं, लेकिन यह वैकल्पिक है

यहाँ मेरी पूरी कार्रवाई है:

name: github pages

on:
    push:
        branches:
        - master

jobs:
    deploy:
        runs-on: ubuntu-18.04
        steps:
        - uses: actions/checkout@v2

        - name: Setup Node
            uses: actions/setup-node@v2-beta
            with:
            node-version: '12'

        - name: Get yarn cache
            id: yarn-cache
            run: echo "::set-output name=dir::$(yarn cache dir)"

        - name: Cache dependencies
            uses: actions/cache@v2
            with:
            path: ${{ steps.yarn-cache.outputs.dir }}
            key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
            restore-keys: |
                ${{ runner.os }}-yarn-
        - run: yarn install --frozen-lockfile
        - run: yarn build
            env:
            REACT_APP_GIT_SHA: ${{ github.SHA }}

        - name: Deploy
            uses: peaceiris/actions-gh-pages@v3
            with:
            github_token: ${{ secrets.GITHUB_TOKEN }}
            publish_dir: ./build

दूसरा तरीका

डॉक्स next.js के लिए भी साथ स्थापित करने के लिए निर्देश प्रदान करता है Vercel जो एक होस्टिंग सेवा Node.js के लिए पृष्ठों GitHub जैसा ऐप्लिकेशन प्रतीत होता है। मैंने हालांकि यह कोशिश नहीं की है और इसलिए यह नहीं बोल सकता कि यह कितना अच्छा काम करता है।

Answer 4

यह स्थानीय से GitHub के लिए अपने नोड जेएस आवेदन धक्का करने के लिए बहुत ही सरल कदम है।

कदम:

1. पहले GitHub पर एक नया भंडार बनाएँ
2. आपके सिस्टम पर स्थापित Git CMD खोलें ( GitHub डेस्कटॉप स्थापित करें )
3. कमांड के साथ अपने सिस्टम में रिपॉजिटरी को क्लोन करें: git clone repo-url
4. अब इस क्लोन लाइब्रेरी में अपनी सभी एप्लिकेशन फ़ाइलों को कॉपी करें यदि यह नहीं है
5. सब कुछ करने के लिए तैयार हो जाओ: git add -A
6. ट्रैक किए गए परिवर्तनों को प्रतिबद्ध करें और उन्हें दूरस्थ रिपॉजिटरी में धकेलने के लिए तैयार करें: git commit -a -m "First Commit"
7. GitHub में अपने स्थानीय भंडार में परिवर्तन को धक्का दें: git push origin master

Comments

आप सभी ने यह दिखाया है कि gitub repo को git के माध्यम से फाइल कैसे अपलोड करें, पहले अपने उत्तरों को छोड़ने से पहले प्रश्नों को समझें, इसलिए आप StackOverflow पर सार्थक योगदान करें

— कीमती टॉम

आपने इस प्रश्न को पूरी तरह गलत समझा

— क्रिस्टोफर थॉमस

गलत जवाब, यह वह नहीं है जो पूछा जाता है

— Mr_Hmp