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:
1. Tạo account GitHub
2. Tạo Repository
3. Cài GitHub Desktop
4. Clone về máy tính
5. Viết mã
6. Commit (UI)
7. Push (UI)

Bước 1: Tạo Account GitHub

  1. Truy cập github.com
  2. Nhấn Sign up
  3. Đ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ự)
  4. Xác minh email sau khi đăng ký
  5. Đăng nhập github.com sau khi xác minh

Bước 2: Tạo Repository trên GitHub.com

  1. Đăng nhập github.com
  2. Nhấn nút New repository (hoặc nhấn + → New repository)
New repository button
  1. Đ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)
  2. Nhấn Create repository
Xong! Repository đã được tạo. Ghi lại đường link repository (ví dụ: https://github.com/your-username/landing-page).

Bước 3: Cài GitHub Desktop

  1. Truy cập https://desktop.github.com/
  2. Nhấn Download for Windows (hoặc Mac tùy hệ điều hành)
  3. Chạy file cài đặt
  4. 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
  5. Xong! GitHub Desktop đã sẵn sàng

Bước 4: Clone Repository về máy tính

  1. Trong GitHub Desktop, chọn FileClone repository
  2. Chọn repository landing-page từ danh sách
  3. Chọn Local path — folder trên máy để lưu (ví dụ: Documents/landing-page)
  4. Nhấn Clone
Kết quả: Repository được tải về máy tính, sẵn sàng viết code.

Bước 5: Viết mã

  1. Mở folder landing-page trong VS Code (hoặc trình soạn thảo bất kỳ)
  2. Tạo các files của bạn: index.html, CSS, hình ảnh…
  3. Lưu file sau khi chỉnh sửa

Bước 6: Commit (UI)

  1. GitHub Desktop tự động phát hiện files đã thay đổi
  2. Danh sách files hiện ở panel bên trái
  3. Kiểm tra thay đổi — click vào file để xem chi tiết thay đổi
  4. Trong ô Summary, gõ mô tả: Initial landing page
  5. Nhấn Commit to main
Kết quả: Thay đổi đã được lưu local trong Git.

Bước 7: Push lên GitHub (UI)

  1. Nhấn Push origin (nút mũi tên lên ở thanh toolbar)
  2. Xong! Code đã lên GitHub.
  3. 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

Cập Nhật Code Sau Này

Khi sửa hoặc thêm files mới:
  1. GitHub Desktop tự động hiển thị files đã thay đổi
  2. Kiểm tra — click file để xem thay đổi
  3. Commit — Gõ message trong ô Summary → nhấn Commit to main
  4. Push — Nhấn Push origin
Thay đổi → Commit → Push

Tóm Tắt Nhanh

github.com → Tạo account
github.com → Tạo repository
desktop.github.com → Cài GitHub Desktop → Đăng nhập
GitHub Desktop → Clone repository
VS Code → Viết code trong folder đã clone
GitHub Desktop → Kiểm tra → Commit → Push
✅ Code trên GitHub!

Tiếp Theo

Sau khi code trên GitHub: 👉 Tiếp theo: Connect GitHub repo với Vercel để deploy website (xem hướng dẫn deploy-vercel.md)
GitHub repo ✅

Deploy lên Vercel

Website sống trên internet!
Thế là xong!