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

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.

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.

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.

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

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.

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.

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

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.

Tại phần Theme Chooser, bạn chọn Choose a theme > Chọn tiếp 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.

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.

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.

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:

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. 

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.

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.

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”.

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. 

 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. 

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.

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.

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.

• 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.

• 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.

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. 

• 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.

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. 

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).

• 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.

Hoặc click chọn Choose your files (Chọn file của bạn) để tải lên là hoàn tấ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.