Bạn có thể tạo ra website bằng cách sử dụng GitHub Pages, dùng để giới thiệu một số project, trang blog hoặc thậm chí chia sẻ sơ yếu lý lịch của mình. Hướng dẫn dưới đây sẽ giúp bạn dể dàng tạo ra website bằng GitHub Pages hơn. Cùng theo dõi nhé! 

Bước 1: Tạo tài khoản GitHub và download Git

Ở bước này có 2 hai đường dẫn bên dưới các bạn tự thực hiện tải xuống GitHub.

• Link GitHub
• Link download Git

Bước 2: Tạo một repository mới trên Github

Sau khi các bạn đã thực hiện bước 1 xong, các bạn đăng nhập vào GitHub và tạo một repository mới để đưa code lên GitHub. Các bạn thực hiện giống như ảnh bên dưới:

Sau đó các bạn nhập thông tin bên dưới:

Sau khi các bạn chọn Create repository thì sẽ được như hình bên dưới đây:

Bước 3: Đưa code lên GitHub

Đầu tiên các bạn mở VSCode lên vào thư mục mà bạn muốn đưa code lên GitHub. Các bạn vào Terminal chọn New Terminal:

Tiếp theo bạn gõ git init để khởi tạo 1 git repository 1 project mới hoặc đã có (nếu bước này các bạn bị lỗi thì các bạn chưa download Git về hoặc cài đặt chưa thành công). 

Sau đó ta gõ git status để check những file chưa được đưa lên hoặc đã thay đổi trong thư mục. 

Tiếp theo ta add những file cần đưa lên github ta dùng git add.

Để kiểm tra mình đã add thành công hay chưa các bạn gõ git status lại để check. 

Tiếp theo các bạn gõ lệnh git commit -m “fpoly” . Lệnh này dùng để note lại các thay đổi để dễ dàng theo dõi. 

Nếu nhận được thông báo như hình trên là do bạn chưa cấu hình User và bạn cần làm theo hướng dẫn bên dưới để cấu hình. 

Kế tiếp các bạn gõ lệnh git branch -M main

Sau đó các bạn gõ lệnh git remote add origin https://github.com/ngoclm12/fpoly.git

(Lưu ý đường link là trên trang Github lúc đầu các bạn tạo repository không phải đừng link trong bài viết này). 

Cuối cùng các bạn gõ lệnh git push -u origin main để đưa code lên Github

Các bạn reload lại trang Github để kiểm tra code đã được đưa lên chưa

Cuối cùng là làm sao để xem được trang web của bạn? 

Bước 4: Tạo GitHub Pages

Đầu tiên các bạn vào phần Setting như hình

Sau đó chọn Pages, chỗ phần Source các bạn làm theo như hình

Vậy là các bạn đã tạo thành công một GitHub Pages để có đường link trang web các bạn xem hình bên dưới nhé! Chúc các bạn thành công! 

Giảng viên Lưu Minh Ngọc
Bộ môn Công nghệ thông tin
Trường Cao đẳng FPT Polytechnic cơ sở TP HCM