Hướng Dẫn Chi Tiết Tạo Website Tĩnh Miễn Phí Với GitHub Pages

GitHub Pages là một dịch vụ tuyệt vời từ GitHub, nơi bạn có thể dễ dàng triển khai các website tĩnh, bao gồm HTML, CSS và JavaScript, hoàn toàn miễn phí. Bài viết này sẽ hướng dẫn bạn từng bước để tạo ra một website tĩnh sử dụng GitHub Pages.

1. Tạo Repository Trên GitHub

Để bắt đầu, bạn cần tạo một repository mới trên GitHub:

• Đăng nhập vào tài khoản GitHub của bạn.
• Nhấp vào mục New Repository để tạo một repository mới.
• Đặt tên cho repository là username.github.io, trong đó username là tên tài khoản GitHub của bạn.
• Chọn loại repository là Public và nhấn nút Create Repository.

2. Chuẩn Bị Nội Dung Cho Website Trên Máy Tính Của Bạn

Trước khi đẩy nội dung lên GitHub, bạn cần chuẩn bị một số file cần thiết:

• Tạo một file có tên index.html với nội dung đơn giản như "Hello World".
• Tạo thêm một file README.md để có thể mô tả về dự án của bạn.

Sau khi đã chuẩn bị xong, bạn sẽ cần sử dụng terminal (hoặc Command Prompt) để thực hiện các lệnh dưới đây:

1. Khởi tạo kho git cục bộ:
   bash Copy

   git init

2. Thêm tất cả các file vào kho:
   bash Copy

   git add .

3. Thực hiện commit:
   bash Copy

   git commit -m "Nội dung ban đầu"

4. Đổi tên nhánh hiện tại thành main:
   bash Copy

   git branch -M main

5. Liên kết kho git cục bộ của bạn với kho trên GitHub:
   bash Copy

   git remote add origin https://github.com/username/username.github.io.git

6. Đẩy các thay đổi lên GitHub:
   bash Copy

   git push -u origin main

3. Cấu Hình GitHub Pages

Bây giờ bạn đã có repository với nội dung của website, hãy cấu hình GitHub Pages:

• Truy cập vào repository mà bạn vừa tạo trên GitHub.
• Chọn phần Settings từ menu.
• Cuộn xuống tìm phần Pages để cấu hình nguồn xuất bản:
  • Trong mục Build and Deployment, bạn có thể thấy mục Source.
  • Chọn Deploy from a branch nếu bạn muốn sử dụng nhánh main.
  • Xác định nhánh xuất bản: Chọn Branch: main và Folder: /(root).
  • Nhấn Save để lưu cài đặt.
• Chờ vài giây và kiểm tra mục Actions để xác minh rằng việc build đã thành công.

Kết Quả Cuối Cùng

Sau khi thực hiện tất cả các bước trên, bạn có thể truy cập vào địa chỉ username.github.io để xem website của mình.

Tài Liệu Tham Khảo

Để biết thêm thông tin chi tiết, bạn có thể tham khảo tài liệu chính thức tại: Tạo một trang GitHub Pages

Kết Luận

Cảm ơn bạn đã theo dõi hướng dẫn này. Hãy đón đọc các bài viết tiếp theo trong chuỗi series này. Chúc bạn thành công trong việc tạo ra các website ấn tượng với GitHub Pages! 😘
source: viblo