NỘI DUNG

Hosting tốc độ cao Vietnix - tốc độ tải trang trung bình dưới 1 giây
VPS siêu tốc Vietnix - trải nghiệm mượt mà, ổn định
02/05/2024
Lượt xem

Hướng dẫn đẩy code lên GitHub đơn giản nhất

02/05/2024
19 phút đọc
Lượt xem

Đánh giá

5/5 - (133 votes)

Nhiều bạn mới làm quen với lập trình vẫn chưa biết cách đẩy code lên GitHub hoặc xảy ra lỗi trong quá trình này, đặc biệt là các bạn chưa biết cách tạo GitHub Pages. Hiểu được điều đó, trong bài viết này, Vietnix sẽ hướng dẫn bài cách đưa code lên GitHub đơn giản và nhanh chóng nhất.

Cách 1: Đẩy code lên Github bằng Terminal

Hướng dẫn chi tiết này sẽ giúp bạn quản lý phiên bản code và cộng tác hiệu quả bằng cách đẩy code lên GitHub thông qua Terminal.

Bước 1: Cài đặt Git

Nếu bạn chưa cài đặt Git, hãy tải xuống và cài đặt phiên bản phù hợp với hệ điều hành của bạn từ trang web chính thức của Git: https://git-scm.com/downloads.

Tạo tài khoản tại trang chủ GitHub
Tạo tài khoản tại trang chủ GitHub

Git là một hệ thống quản lý phiên bản phân tán cho phép bạn theo dõi thay đổi trong code và cộng tác với các lập trình viên khác.

Mở Terminal (hoặc Command Prompt trên Windows) và xác nhận cài đặt Git bằng lệnh:

git --version

Bước 2: Khởi tạo kho lưu trữ Git cục bộ

Mở Terminal/Command Prompt và điều hướng đến thư mục chứa dự án của bạn. Khởi tạo kho lưu trữ Git cục bộ bằng lệnh:

git init

Lệnh này sẽ tạo một thư mục .git ẩn trong thư mục dự án của bạn, nơi Git lưu trữ thông tin về lịch sử thay đổi code.

Bước 3: Thêm file vào kho lưu trữ

Sử dụng lệnh git add để thêm các file bạn muốn đẩy lên GitHub vào staging area của Git. Ví dụ:

git add file1.txt file2.js

Bước 4: Commit thay đổi

Commit là một snapshot của trạng thái hiện tại của code. Ghi lại những thay đổi bạn đã thực hiện kèm theo mô tả commit bằng lệnh:

git commit -m "Mô tả thay đổi"

Bước 5: Liên kết kho lưu trữ Git cục bộ với kho lưu trữ GitHub

GitHub là một nền tảng lưu trữ code dựa trên Git, cho phép bạn chia sẻ code công khai hoặc riêng tư.

Tạo kho lưu trữ GitHub:

  1. Truy cập tài khoản GitHub của bạn và tạo một kho lưu trữ mới.
  2. Sao chép URL của kho lưu trữ.

Bạn đăng nhập vào GitHub. Tại giao diện chính, nhấn chọn vào dấu + ở góc phải màn hình > Chọn New repository từ menu đổ xuống để tạo repository mới.

Tạo repository mới
Tạo repository mới

Nhập tên cho repository mới tại ô Repository name > Chọn Public hoặc Private cho repositoty > Nhấp vào nút Create repository.

Đặt tên sau đó nhấn Create repository
Đặt tên sau đó nhấn Create repository

Sau khi tạo xong kết quả sẽ hiển thị như hình bên dưới.

Hình ảnh hiển thị sau khi hoàn tất tạo Repository
Hình ảnh hiển thị sau khi hoàn tất tạo Repository

Liên kết kho lưu trữ: Trong Terminal/Command Prompt, nhập lệnh sau, thay thế https://github.com/ bằng URL kho lưu trữ GitHub của bạn:

git remote add origin https://github.com/

Bước 6: Đẩy code lên GitHub

git push origin master

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

Mở VScode và truy cập vào thư mục mà bạn muốn đưa code lên GitHub. Tiếp theo vào Terminal > Chọn New Terminal.

Chọn New Terminal
Chọn New Terminal

Gõ lệnh git init để tạo 1 git repository project mới hoặc đã có sẵn. Nếu gặp lỗi ở bước này, có thể là do bạn chưa tải Git về hoặc cài đặt không thành công.

Tiếp theo bạn gõ lệnh git status để kiểm tra các file chưa được đưa lên hoặc các file đã thay đổi trong thư mục.

Gõ lệnh git add để thêm những file cần đẩy lên GitHub.

Dùng lệnh git add để thêm file lên GitHub
Dùng lệnh git add để thêm file lên GitHub

Gõ lệnh git status để kiểm tra xem đã thêm thành công hay chưa.

Gõ lệnh git commit -m "Add new project vietnix" để ghi chú các thay đổi, thuận tiện cho việc theo dõi về sau. Lưu ý: Thay vietnix bằng tên của repository vừa đặt ở bước 2.

Gõ lệnh git branch -M main.

Gõ lệnh git remote add origin https://github.com/vietnixtest/vietnix.git

Lưu ý: Thay đường link trên bằng đường link trên trang GitHub ban đầu bạn đã tạo repository.

Bạn gõ lệnh git push -u origin main để đẩy code lên GitHub.

Tải lại trang GitHub để kiểm tra code đã được đẩy lên thành công hay chưa.

Bước 4: Tạo GitHub Pages

Để xem được trang web của bạn, bạn truy cập vào Settings ở góc phải trên của màn hình.

Kéo xuống phần GitHub Pages và chọn Check it out here!.

Tại phần Source, bạn nhấn vào None > Chọn main > Nhấn Save.

Chỉnh sửa source
Chỉnh sửa source

Tại phần Theme Chooser, bạn chọn Choose a theme > Chọn tiếp Select theme.

Select theme
Select theme

Như vậy, bạn đã tạo thành công một GitHub Pages.

Đẩy code lên GitHub từ Visual Studio Code 

Trong trường hợp bạn muốn up code lên Github Visual Studio Code (gọi tắt là VS Code), hãy tham khảo hướng dẫn dưới đây. Trước đó, cần đảm bảo rằng thiết bị của bạn đã được cài đặt VS Code và Git.

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

Đầu tiên, bạn truy cập vào trang chủ chính thức của GitHub và đăng nhập bằng cách click chọn Sign Up, sau đó điền lần lượt các thông tin cần thiết như User name, Email address, Password.

Tạo tài khoản Github
Tạo tài khoản Github

Tiếp theo, hãy tích chọn ô “Send me occasional product updates, announcement, and offers” nếu muốn nhận thông báo về thông tin cập nhật, ưu đãi… rồi chọn Verify > Create account để hoàn tất quá trình tạo tài khoản. 

Bước 2: Tạo kho lưu trữ (Repository – gọi tắt là Repo)

Sau khi hoàn tất quá trình tạo tài khoản, người dùng sẽ được chuyển hướng đến trang chủ của GitHub. Bạn có thể tạo repo mới bằng cách bấm chọn mục New màu xanh ở phía bên trái màn hình, hoặc click vào dấu + tại phía trên góc phải giao diện (bên cạnh ảnh đại diện của bạn) > chọn New Repository.

 mục New màu xanh
Mục New màu xanh

Tiếp theo, hãy điền đầy đủ các thông tin được yêu cầu trong trang tạo repo.

Cụ thể là:

  • Repository name: Tại mục này, bạn có thể nhập tên repo của mình. Đối với những ai muốn tạo một trang web tĩnh, hãy đặt tên với định dạng tương ứng là: <username>.github.io
  • Description: Mục này dùng để nhập mô tả cho repo mà người dùng muốn tạo. Bạn có thể bỏ qua hoặc nhập một vài mô tả ngắn gọn tại phần này.
  • Public/Private: Người dùng được phép lựa chọn việc Public hoặc Private cho repo mình tạo. Điều này đồng nghĩa với việc bạn có thể hiển thị repo cho bất kỳ ai hoặc giữ ở chế độ riêng tư chỉ mình bạn thấy. 
  • Add a Readme life: Tùy chọn này cho phép người dùng tạo sẵn file Readme.me và đặt file này trong thư mục gốc của repo. Đây chính là phần mô tả chi tiết cho repo mà bạn tạo. 
  • Add .gitignore: Sẽ có một thư mục dạng .gitignore được đặt tại thư mục gốc của repo để ghi lại các tập tin người dùng không muốn theo dõi các thay đổi trong repo. 
  • Choose a license: Đây là tùy chọn cho phép người dùng lựa chọn những loại giấy phép phù hợp cho retro mà mình sắp tạo.
Tạo kho lưu trữ
Tạo kho lưu trữ

Sau khi đã điền đầy đủ thông tin, bạn bắt đầu tạo repo bằng cách bấm chọn nút Create Repository. 

Bước 3: Clone Repo về máy

Sau khi thực hiện các thao tác trên, bạn đã tạo repo mới thành công. Bây giờ, bạn cần clone repo về thiết bị bằng cách, tiến hành sao chép link repo:

Sao chép link repo
Sao chép link repo

Sau đó mở VS Code rồi chọn Clone repository… Trong trường hợp mục này không hiển thị trên màn hình, hãy nhấn F1 hoặc tổ hợp phím Ctrl + Shift + P. Ở bước này, hãy nhập lệnh git clone, sau đó bấm phím Enter và dán link đã copy ở trên vào hộp thoại của phần mềm > Enter

Dán link đã copy vào hộp thoại
Dán link đã copy vào hộp thoại

Bạn cần lựa chọn vị trí lưu giữ repo rồi click vào Select as Repository Location để bắt đầu quá trình clone.

Lựa chọn vị trí lưu repo
Lựa chọn vị trí lưu repo

Trước đó, bạn cần xác thực trên GitHub bằng cách bấm vào Sign in with your browser và xác thực tài khoản. Khi bạn xác thực thành công cũng đồng nghĩa với việc đã hoàn tất quá trình clone. Hệ thống sẽ hỏi bạn có muốn truy cập vào thư mục clone đó hay không, hãy chọn Open để mở trong VS Code.  

Bước 4: Cập nhật thông tin trong Git

Bằng cách chọn Open, bạn đã ở trong thư mục clone của repo. Tuy nhiên, bạn không nên vội ghi lại các commit (thay đổi) trên Git, mà hãy cung cấp 2 thông tin quan trọng là user.name và user.password. Để làm được điều đó, bạn cần mở 1 phiên Terminal trong VS Code bằng cách vào menu Terminal > chọn New Terminal.

Cung cấp thông tin user và password
Cung cấp thông tin user và password

Sau khi nhìn thấy 1 phiên Terminal mới xuất hiện, bạn thực hiện 2 lệnh tương ứng như sau: 

  • git config –global user.name “Ten_cua_ban”.
  • git config –global user.email “email_cua_ban”.
Thực hiện hai lệnh tương ứng
Thực hiện hai lệnh tương ứng

Lưu ý: 

  • Tùy chọn –global trong 2 câu lệnh trên giúp bạn thuận tiện trong việc áp dụng tất cả các giá trị đã điền vào cho repo này và cả các repo về sau. Trong trường hợp bạn chỉ muốn áp dụng cho duy nhất 1 repo đang làm việc, bạn chỉ cần xóa bỏ tùy chọn đó đi là được. 
  • Trong câu lệnh thứ 2 (tức là câu lệnh nhập email), hãy sử dụng email bạn đã dùng để đăng ký tài khoản GitHub ở bước 1.
  • Trong trường hợp bạn yêu cầu GitHub bảo mật email của mình hoặc tài khoản bạn đang sử dụng đã kích hoạt xác thực 2 lớp, bạn cần phải thay thế bằng email của GitHub để hiện thị tên của bạn một cách chính xác nhất trên Commit. 
  • Để tìm email đó, bạn chỉ cần truy cập vào trang Setting của GitHub, sau đó lấy email GitHub có đuôi @users.noreply.github.com tại nội dung của ô Keep my email address private.

Bước 5: Thêm, thay đổi và xóa các tập tin trên thư mục vừa clone về rồi push các thay đổi lên GitHub

Sau bước 4, bạn đã có thể làm việc với các tập tin trong thư mục một cách dễ dàng, chẳng hạn như sửa đổi, thêm file hoặc xóa file… Tất cả các thay đổi được thực hiện trong repo sẽ được VS Code theo dõi, ghi lại và bạn có thể nhìn thấy số lần thay đổi được đánh số tương ứng tại biểu tượng Source Control của VS Code. 

Lưu ý:

    • U (Untracked): Đây là các tập tin mới trong repo và chưa được theo dõi bởi VS Code. Tuy nhiên, sau lần Commit này, chúng sẽ bắt đầu được theo dõi.

    • M (Modified): So với lần Commit gần nhất, các tập tin này đã được sửa đổi.

    • D (Deleted): Các tập tin đã bị xóa hoặc di chuyển ra khỏi repo bạn đang làm việc.

 Bạn có thể nhập nội dung trong Commit vào Message nếu không có vấn đề gì với các thay đổi. Trong trường hợp bạn muốn chỉ định một số thay đổi được ghi lại trong lần Commit đó, hãy click chọn biểu tượng dấu + tại tập tin mong muốn rồi nhập nội dung đó vào Message sau đó bắt đầu Commit bằng cách bấm tổ hợp phím Ctrl + Enter

Thực hiện commit
Thực hiện commit

Nếu như người dùng thực hiện Commit mà không chọn những tập tin mình muốn ghi lại, VS Code sẽ yêu cầu bạn xác nhận. Hãy chọn Yes nếu muốn công cụ này tự động Commit tất cả các tập tin trong lần đó, hoặc bấm vào Always để VS Code tự động luôn luôn Commit các thay đổi trong repo.

Chọn Yes nếu muốn tự động Commit
Chọn Yes nếu muốn tự động Commit

Bây giờ, bạn có thể Push tất cả các thay đổi đã chọn lên GitHub bằng cách mở menu Source Control rồi bấm vào mục Push để bắt đầu Push code lên GitHub.

Thực thi hai quá trình cùng lúc
Thực thi hai quá trình cùng lúc

Ngoài ra, bạn cũng có thể thực hiện tác vụ tương tự bằng cách chọn Sync tại thanh trạng thái của VS Code. Với thao tác này, 2 quá trình sẽ được thực thi cùng lúc, đó là Push và Pull (đẩy các thay đổi lên và lấy các thay đổi trên GitHub về). Như vậy là bạn đã hoàn tất quá trình đẩy code lên GitHub Visual Studio Code, hãy kiểm tra lại để đảm bảo rằng quá trình này không xảy ra bất kỳ sai sót nào. 

Cách đẩy code lên GitHub bằng Git Bash

Một cách khác để đẩy code lên GitHub là sử dụng Git Bash. Bạn có thể làm theo các hướng dẫn bên dưới để hoàn thành quá trình trình đẩy code lên GitHub.

Đẩy code lên GitHub bằng Git Bash
Đẩy code lên GitHub bằng Git Bash
  • Bước 1: Đầu tiên, hãy tạo một repository trên GitHub bằng cách đăng nhập vào tài khoản GitHub > bấm nút New như hướng dẫn với VS Code. 
  • Bước 2: Sau khi hoàn tất thao tác trên, bạn sẽ nhìn thấy một đường dẫn HTTPS của Repository vừa tạo, hãy copy đường dẫn đó rồi đến với bước tiếp theo.
  • Bước 3: Bây giờ, bạn tiến hành mở Git Bash trên máy tính lên và di chuyển đến thư mục bạn muốn lưu repository bằng lệnh:

cd [đường dẫn nơi có thư mục sẽ lưu repo]

Sau đó, bạn sử dụng câu lệnh dưới đây để sao chép repository về thiết bị: 

git clone <link_repository>

Trong đó, <link_repository> chính là đường dẫn HTTPS mà bạn đã sao chép ở trên. 

  • Bước 4: Lúc này, bạn mở thư mục trên lên để làm việc. Hãy thực hiện các thay đổi cần thiết, sau đó sử dụng câu lệnh dưới đây để thêm và Commit các thay đổi đó: 

git add .(add các file ở thư mục hiện tại)

git commit -m “Mô tả commit của bạn”

  • Bước 5: Cuối cùng, bạn đẩy các Commit lên Github bằng câu lệnh sau:  

git push origin master

Trong trường hợp bạn đang làm việc trên 1 nhánh khác không phải master, bạn có thể thay thế master bằng nhánh tương ứng. 

  • Bước 6: Hệ thống sẽ yêu cầu bạn xác thực tài khoản GitHub. Hãy đăng nhập để hoàn tất quá trình đẩy code lên GitHub. 

Cách up code lên GitHub Desktop 

Ngoài những cách update code lên GitHub trên, bạn còn có thể sử dụng một số phần mềm hỗ trợ như GitHub Desktop để đẩy code lên GitHub. Các bước thực hiện sẽ là:

  • Bước 1: Đầu tiên, bạn cần tải và cài đặt phần mềm GitHub Desktop về máy. Sau đó, hãy đăng nhập tài khoản GitHub của bạn vào nền tảng này để tiếp tục với các bước tiếp theo.
Up code lên GitHub Desktop
Up code lên GitHub Desktop
  • Bước 2: Bây giờ, bạn có thể tạo 1 repository mới hoặc clone về máy tính 1 repository đã có sẵn. Cần lưu ý là đối với trường hợp clone repository.
Tạo 1 repository mới hoặc clone về máy tính 1 repository đã có sẵn
Tạo 1 repository mới hoặc clone về máy tính 1 repository đã có sẵn

Bạn cần phải lựa chọn và nhớ rõ vị trí lưu code để thuận tiện trong việc quản lý, làm việc. 

day code len github 5
Hướng dẫn đẩy code lên GitHub đơn giản nhất 59
  • Bước 3: Sau khi clone repository xong, bạn tiến hành mở Source Code mà mình đã clone lên và thực hiện các thay đổi, chỉnh sửa cần thiết.
Mở Source Code và thực hiện thay đổi
Mở Source Code và thực hiện thay đổi

Cuối cùng, bạn bật Github Desktop lên rồi push Code vừa hoàn tất chỉnh sửa lên GitHub. 

Push code
Push code

Cách up folder lên GitHub 

Trong trường hợp bạn muốn thêm thư mục mới vào kho lưu trữ GitHub của bạn, bạn có thể thực hiện theo hướng dẫn sau: 

  • Bước 1: Hãy tạo 1 kho lưu trữ GitHub mới. Sau đó, bạn truy cập vào kho lưu trữ rồi chọn Add file (Thêm tệp), sau đó click vào Upload files (Tải tệp lên).
Thêm tệp vào kho lưu trữ
Thêm tệp vào kho lưu trữ
  • Bước 2: Sau đó, bạn chỉ cần kéo và thả thư mục để tải lên kho lưu trữ một cách nhanh chóng nhất.hoặc click chọn Choose your files (Chọn file của bạn) để tải lên là hoàn tất.
day code len github 10
Hướng dẫn đẩy code lên GitHub đơn giản nhất 60

Hoặc click chọn Choose your files (Chọn file của bạn) để tải lên là hoàn tất.

Kéo thả thư mục vào kho lưu trữ
Kéo thả thư mục vào kho lưu trữ

Câu hỏi thường gặp

Git Config Global là gì?

Git Config Global là một lệnh được sử dụng để thiết lập cấu hình cho Git. Với lệnh này, bạn có thể thiết lập cấu hình toàn cầu cho môi trường làm việc của Git trên thiết bị. Cụ thể, Git Config Global cho phép người dùng cài đặt những thông số của Git (chẳng hạn như địa chỉ email, tên người dùng, branch…) và chúng sẽ được áp dụng cho tất cả các dự án được thực hiện trên máy của bạn.

Push Code lên Branch GitHub là gì?

Push code lên branch GitHub là hành động gửi những thay đổi của bạn trong mã nguồn (code) từ máy tính cá nhân (local repository) lên kho lưu trữ từ xa (remote repository) trên GitHub. Nói cách khác, bạn đang cập nhật branch (nhánh) của bạn trên GitHub với những thay đổi mới nhất.

Lời kết

Trên đây là cách bước hướng dẫn đẩy code lên GitHub đơn giản nhất, hy vọng sẽ hữu ích với bạn. Trong quá trình thực hiện, nếu có thao tác nào chưa rõ, bạn hãy bình luận ngay bên dưới để được hỗ trợ nhanh chóng nhất.

THEO DÕI VÀ CẬP NHẬT CHỦ ĐỀ BẠN QUAN TÂM

Đăng ký ngay để nhận những thông tin mới nhất từ blog của chúng tôi. Đừng bỏ lỡ cơ hội truy cập kiến thức và tin tức hàng ngày

Chọn chủ đề :

Kết nối với mình qua

Kết nối với mình qua

Subscribe
Notify of
guest
2 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
nhan
Guest
nhan
11 months ago

mỗi lần đẩy code lên là mỗi lần tạo mới cái repositories hả admin??

Trần Dương
Guest
Trần Dương
10 months ago
Reply to  nhan

Nếu là 1 project mới thì bạn có thể tạo 1 repo mới còn chung 1 project bạn muốn cập nhật project đó thì chỉ cần push code nên hoặc có thể tạo branch.

Tăng tốc độ website - Nâng tầm giá trị thương hiệu

Banner group
Tăng tốc tải trang

95 điểm

Nâng cao trải nghiệm người dùng

Tăng 8% tỷ lệ chuyển đổi

Thúc đẩy SEO, Google Ads hiệu quả

Tăng tốc ngay

SẢN PHẨM NỔI BẬT

Pattern

7 NGÀY DÙNG THỬ HOSTING

NẮM BẮT CƠ HỘI, THÀNH CÔNG DẪN LỐI

Cùng trải nghiệm dịch vụ hosting tốc độ cao được hơn 100,000 khách hàng sử dụng

Icon
ĐĂNG KÝ NHẬN TÀI LIỆU THÀNH CÔNG
Cảm ơn bạn đã đăng ký nhận tài liệu mới nhất từ Vietnix!
ĐÓNG

ĐĂNG KÝ DÙNG THỬ HOSTING

Asset

7 NGÀY MIỄN PHÍ

Asset 1

ĐĂNG KÝ DÙNG THỬ HOSTING

Asset

7 NGÀY MIỄN PHÍ

Asset 1
Icon
XÁC NHẬN ĐĂNG KÝ DÙNG THỬ THÀNH CÔNG
Cảm ơn bạn đã đăng ký thông tin thành công. Đội ngũ CSKH sẽ liên hệ trực tiếp để kích hoạt dịch vụ cho bạn nhanh nhất!
ĐÓNG