Giới thiệu về GitHub Pages

GitHub Pages là một dịch vụ cung cấp bởi GitHub, cho phép bạn host các trang web tĩnh trực tiếp từ một kho lưu trữ GitHub. Đây là một công cụ lý tưởng cho các dự án cá nhân, blog, hoặc trang web tài liệu vì tính dễ sử dụng và tích hợp chặt chẽ với hệ thống quản lý phiên bản Git. Bạn có thể dễ dàng triển khai trang web của mình bằng cách sử dụng các tệp HTML, CSS và JavaScript.

Tạo kho lưu trữ trên GitHub

Để bắt đầu, bạn cần một tài khoản GitHub. Nếu bạn chưa có tài khoản, hãy đăng ký một tài khoản miễn phí tại github.com. Sau khi đăng nhập vào tài khoản của mình, hãy tạo một kho lưu trữ mới bằng cách làm theo các bước sau:

  1. Truy cập trang chủ của GitHub và đăng nhập vào tài khoản của bạn.
  2. Chọn biểu tượng "+" ở góc trên bên phải của trang và chọn "New repository".
  3. Đặt tên cho kho lưu trữ của bạn, ví dụ: "my-website".
  4. Chọn "Public" hoặc "Private" tùy thuộc vào yêu cầu của bạn.
  5. Chọn "Initialize this repository with a README" để tạo một tệp README.md mặc định.
  6. Chọn "Create repository" để tạo kho lưu trữ mới.

Tạo trang web tĩnh

Sau khi tạo kho lưu trữ, bạn có thể bắt đầu tạo trang web tĩnh của mình bằng cách thêm các tệp HTML, CSS và JavaScript vào kho lưu trữ. Dưới đây là một số bước cơ bản để tạo trang web:

  1. Truy cập kho lưu trữ của bạn trên GitHub.
  2. Chọn "Add file" và chọn "Create new file" để tạo một tệp mới.
  3. Đặt tên cho tệp, ví dụ: "index.html".
  4. Thêm mã HTML vào tệp để tạo nội dung trang web.
  5. Chọn "Commit new file" để lưu thay đổi.

Triển khai trang web

Sau khi tạo trang web, bạn có thể triển khai trang web của mình bằng cách sử dụng GitHub Pages. Dưới đây là cách triển khai trang web:

  1. Truy cập kho lưu trữ của bạn trên GitHub.
  2. Chọn "Settings" ở menu trên cùng của trang.
  3. Di chuyển xuống phần "GitHub Pages" trong cài đặt.
  4. Chọn "Source" và chọn "main" hoặc "master" branch làm nguồn.
  5. Chọn "Save" để lưu cài đặt.
  6. Sau khi lưu cài đặt, trang web của bạn sẽ được triển khai tại địa chỉ: https://[username].github.io/[repository].