Xin chào các bạn, 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 nhé.
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.
- 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ấn Create reponsitory
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
Ở đây mình có tất cã 4 File
Tiếp theo ta add những file cần đưa lên github ta dùng git add .
Còn nếu các bạn muốn add từng file chỉ cần dùng lệnh git add <<file cần add>>
Để kiểm tra mình đã add thành công hay chưa các bạn gõ git status lại để check
Tất cã các file đã được add thành công
Tiếp theo các bạn gõ lệnh git commit -m “Add new project ” . 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/nguyenhuudongkhanh/DemoGit.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
Như vậy, quá trình đẩy code lên githup đã thành công.Chúc các bạn có thể làm được!!!
Ngoài ra GitHub còn cung cấp cho chúng ta một công cụ xem được trang web của mình.
Tạo GitHub Pages
Đầu tiên các bạn vào phần Setting như hình
Sau đó các bạn vào mục Pages như hình
Các bạn chọn thứ tự 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:
Sau khi hoàn tất các bước GitHub sẽ hiện ra cho các bạn 1 tên miền như hình, tuy nhiên tên miền vẫn chưa hoạt động, các bạn hãy đợi đến khi hiện màu xanh lá cây là thành công bằng cách load lại trang vài lần.
Thành công
Một số lưu ý nhỏ khi dùng GitHub Pages
Khi push code lên thì phải có file Index ở trang đầu
GitHub Pages chỉ sử dụng được cho Front-end , không xử dụng được cho những trang web xây dựng Back-end.
Nếu các bạn muốn deploy back-end thì có thể sử dụng ở trang somee.com
Cảm ơn các bạn đã theo dõi bài viết. Hãy để lại cảm nhận của mình !
Tài liệu tham khảo
Related
