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.
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:
- Truy cập tài khoản GitHub của bạn và tạo một kho lưu trữ mới.
- 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
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
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
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
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
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
Tại phần Theme Chooser, bạn chọn Choose a theme > Chọn tiếp Select theme.
Select theme
Như vậy, bạn đã tạo thành công một GitHub Pages.
Xem thêm: Git Commit là gì? Cách sử dụng lệnh Git Commit
Đẩ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
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
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ữ
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
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
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
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
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
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
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
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
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.
Xem thêm: Web động là gì? Web tĩnh là gì? Sự khác nhau giữa web tĩnh và web động, so sánh chi tiết
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
- 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.
Xem thêm: Git Bash là gì? Cài đặt Git Bash như thế nào?
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
- 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
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.
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
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
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ữ
- 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.
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ữ
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ì?
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. Source: https://vietnix.vn/day-code-len-github/