Đưa code lên GitHub Pages
Xin các bạn tại F8, khi mình đọc những bài viết trên nhóm F8 thì mình thấy có nhiều bạn vẫn không biết đưa code lên GitHub, hoặc bị lỗi, hoặc có thể là những bạn mới và đặc biệt là các bạn không biết tạo GitHub Pages ( cụ thể là hiển thị ra trang web để cho mọi người xem á! ). Ok, hôm nay mình sẽ hướng dẫn cụ thể để cho những bạn không biết bấy lâu nay có thể đưa code mình lên GitHub được nhe. Mình là Kha, là một thành viên trong nhóm "Học lập trình web (F8 - Fullstack.edu.vn)".
Bước 1: Tạo tài khoản GitHub và download Git
Ở bước này mình để hai đường dẫn bên dưới các bạn tự thực hiện nhe.
- Link GitHub: https://github.com/
- Link download Git: https://git-scm.com/downloads
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 (ở đây mình không đưa file .vscode/ lên github)
Để kiểm tra mình đã add thành công hay chưa các bạn gõ git status lại để check (ở đây mình không check nha)
Tiếp theo các bạn gõ lệnh git commit -m "Add new project food" . Lệnh này dùng để note lại các thay đổi để dễ dàng theo dõi nhe.
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/minhkhacoder/food.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
Còn phần cuối là làm sao để xem được trang web của các bạn đây. Ok hướng dẫn luôn.
Bước 4: Tạo GitHub Pages
Đầu tiên các bạn vào phần Setting như hình
Sau đó lướt xuống tới phần GitHub Pages chọn Check it out here!
Chỗ phần Source các bạn làm theo như hình
Phía dưới có phần Theme Chooser chọn Choose a theme. Tiếp theo các bạn chọn Select theme như hình:
Ok, 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é
Ok, như vậy là bài viết mình chia sẻ đến các bạn chỉ có nhiêu đấy thôi. Mặc dù hơi dài một chút nhưng mình đã hướng dẫn chi tiết từng bước cho các bạn rồi. Hy vọng các bạn thích bài viết này. Nhớ cho mình một comment để ủng hộ mình nha.