Tôi đã tạo một trang web bằng cách sử dụng Node.js làm máy chủ. Như tôi biết, tệp node.js sẽ bắt đầu hoạt động bằng cách nhập các lệnh trong terminal, vì vậy tôi không chắc liệu Github Pages có hỗ trợ node.js-hosting hay không. Vậy tôi phải làm thế nào?

Các trang GitHub chỉ lưu trữ các trang HTML tĩnh. Không có công nghệ phía máy chủ nào được hỗ trợ, vì vậy các ứng dụng Node.js sẽ không chạy trên các trang GitHub. Có rất nhiều nhà cung cấp hosting, như được liệt kê trên wiki Node.js .

Ứng dụng sương mù có vẻ tiết kiệm nhất vì nó cung cấp dịch vụ lưu trữ miễn phí cho các dự án có RAM 2GB (khá tốt nếu bạn hỏi tôi).
Như đã nêu ở đây , AppFog đã xóa gói miễn phí của họ cho người dùng mới.

Nếu bạn muốn lưu trữ các trang tĩnh trên GitHub, hãy đọc hướng dẫn này . Nếu bạn định sử dụng Jekyll , thì hướng dẫn này sẽ rất hữu ích.

Chúng tôi, những người yêu thích Javascript, không cần phải sử dụng Ruby (Jekyll hoặc Octopress) để tạo các trang tĩnh trong các trang Github, chúng tôi có thể sử dụng Node.js và Harp , ví dụ:

Đây là các bước . Trừu tượng:

1. Tạo một kho lưu trữ mới

2. Sao chép kho lưu trữ

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

3. Khởi tạo ứng dụng Harp (cục bộ):

   harp init _harp

đảm bảo đặt tên thư mục bằng dấu gạch dưới ở đầu; khi bạn triển khai các Trang GitHub, bạn không muốn các tệp nguồn của mình được phân phát.

4. Biên dịch ứng dụng Harp của bạn

   harp compile _harp ./

5. Triển khai lên Gihub

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

Và đây là một hướng dẫn thú vị với các chi tiết về những thứ đẹp mắt như bố cục, phần, Ngọc và Ít hơn.

Tôi đã có thể thiết lập các hành động github để tự động cam kết kết quả của một lệnh xây dựng nút ( yarn buildtrong trường hợp của tôi nhưng nó cũng sẽ hoạt động với npm) cho gh-pagesnhánh bất cứ khi nào một cam kết mới được đẩy lên chính.

Mặc dù không hoàn toàn lý tưởng vì tôi muốn tránh phạm phải các tệp đã xây dựng, nhưng có vẻ như đây là cách duy nhất để xuất bản lên trang github.

Tôi dựa trên quy trình làm việc của mình từ hướng dẫn này cho một thư viện phản ứng khác và phải thực hiện các thay đổi sau để làm cho nó hoạt động với tôi:

• đã cập nhật bước "nút thiết lập" để sử dụng phiên bản được tìm thấy ở đây vì phiên bản từ mẫu mà tôi đang căn cứ vào nó đã gây ra lỗi vì nó không thể tìm thấy hành động chính xác.
• loại bỏ dòng chứa yarn exportvì lệnh đó không tồn tại và nó dường như không thêm bất kỳ điều gì hữu ích (bạn cũng có thể muốn thay đổi dòng xây dựng bên trên nó để phù hợp với nhu cầu của mình)
• Tôi cũng đã thêm một envchỉ thị vào yarn buildbước để tôi có thể bao gồm băm SHA của cam kết đã tạo ra bản dựng bên trong ứng dụng của tôi, nhưng đây là tùy chọn

Đây là hành động github đầy đủ của tôi:

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

Giải pháp thay thế

Tài liệu cho next.js cũng cung cấp hướng dẫn thiết lập với Vercel , dịch vụ này dường như là một dịch vụ lưu trữ cho các ứng dụng node.js tương tự như các trang github. Tôi đã không thử điều này mặc dù và vì vậy không thể nói nó hoạt động tốt như thế nào.

Đó là các bước rất đơn giản để đẩy ứng dụng js nút của bạn từ cục bộ sang GitHub.

Các bước:

1. Đầu tiên hãy tạo một kho lưu trữ mới trên GitHub
2. Mở Git CMD được cài đặt vào hệ thống của bạn (Cài đặt GitHub Desktop )
3. Sao chép kho lưu trữ vào hệ thống của bạn bằng lệnh: git clone repo-url
4. Bây giờ sao chép tất cả các tệp ứng dụng của bạn vào thư viện nhân bản này nếu nó không có ở đó
5. Chuẩn bị sẵn sàng mọi thứ để cam kết: git add -A
6. Cam kết các thay đổi được theo dõi và chuẩn bị đưa chúng vào kho lưu trữ từ xa: git commit -a -m "First Commit"
7. Đẩy các thay đổi trong kho lưu trữ cục bộ của bạn lên GitHub: git push origin master