Giới thiệu
Bài viết này hướng dẫn cách đẩy code lên GitHub bằng GitHub Desktop — giao diện trực quan, không cần gõ lệnh terminal. GitHub Desktop là ứng dụng giúp bạn quản lý GitHub repositories bằng giao diện đồ họa. Quy trình 7 bước:Bước 1: Tạo Account GitHub
- Truy cập github.com
- Nhấn Sign up
- Điền thông tin:
- Username — tên tài khoản (duy nhất, không đổi được sau)
- Email — email xác thực
- Password — mật khẩu (tối thiểu 8 ký tự)
- Xác minh email sau khi đăng ký
- Đăng nhập github.com sau khi xác minh
Bước 2: Tạo Repository trên GitHub.com
- Đăng nhập github.com
- Nhấn nút New repository (hoặc nhấn
+→ New repository)
- Điền thông tin:
- Repository name:
landing-page(hoặc tên bạn muốn) - Description: Mô tả ngắn (tùy chọn)
- Visibility:
- Public — ai cũng xem được (miễn phí)
- Private — chỉ mình xem được
- ❌ KHÔNG tick “Add a README file” (để repo trống, sẽ push files vào sau)
- Repository name:
- Nhấn Create repository
https://github.com/your-username/landing-page).
Bước 3: Cài GitHub Desktop
- Truy cập https://desktop.github.com/
- Nhấn Download for Windows (hoặc Mac tùy hệ điều hành)
- Chạy file cài đặt
- Khi mở lên, đăng nhập GitHub account:
- Nhấn Sign in to GitHub.com
- Hoàn tất đăng nhập trên trình duyệt
- Xong! GitHub Desktop đã sẵn sàng
Bước 4: Clone Repository về máy tính
- Trong GitHub Desktop, chọn File → Clone repository
-
Chọn repository
landing-pagetừ danh sách -
Chọn Local path — folder trên máy để lưu (ví dụ:
Documents/landing-page) - Nhấn Clone
Bước 5: Viết mã
- Mở folder
landing-pagetrong VS Code (hoặc trình soạn thảo bất kỳ) - Tạo các files của bạn:
index.html, CSS, hình ảnh… - Lưu file sau khi chỉnh sửa
Bước 6: Commit (UI)
- GitHub Desktop tự động phát hiện files đã thay đổi
- Danh sách files hiện ở panel bên trái
- Kiểm tra thay đổi — click vào file để xem chi tiết thay đổi
-
Trong ô Summary, gõ mô tả:
Initial landing page - Nhấn Commit to main
Bước 7: Push lên GitHub (UI)
- Nhấn Push origin (nút mũi tên lên ở thanh toolbar)
- Xong! Code đã lên GitHub.
-
Kiểm tra kết quả:
- Truy cập github.com → mở repository
landing-page - Bạn sẽ thấy tất cả files đã được push lên
- Truy cập github.com → mở repository
Cập Nhật Code Sau Này
Khi sửa hoặc thêm files mới:- GitHub Desktop tự động hiển thị files đã thay đổi
- Kiểm tra — click file để xem thay đổi
- Commit — Gõ message trong ô Summary → nhấn Commit to main
- Push — Nhấn Push origin
Tóm Tắt Nhanh
Tiếp Theo
Sau khi code trên GitHub: 👉 Tiếp theo: Connect GitHub repo với Vercel để deploy website (xem hướng dẫndeploy-vercel.md)