Chia sẻ của học viên

Đưa website cá nhân lên mạng cực đơn giản với github

TX
Trần Xuân Hiếu
Xuất bản 1/7/2025

\”Bạn đã có một website cá nhân cực đỉnh nhưng chưa biết cách nào để chia sẻ với bạn bè? Hôm nay mình sẽ giới thiệu cho các bạn một công cụ đơn giản và hoàn toàn miễn phí để các bạn thực hiện điều này, đó là Githup Pages.\”

Đầu tiên các bạn phải có một tài khoản Githup, nếu chưa có các bạn có thể tạo một tài khoản miễn phí tại trang chủ của Githup.

Tiếp theo, tại trang cá nhân của Github chọn New – Create a new repository, tại mục Repository name các bạn thêm tên dự án của mình, cuối cùng kéo xuống dưới và chọn Create Repository.

image-59.png
Tạo dự án mới trên Github

Tiếp theo, các bạn mở Project của mình lên và chọn Terminal để mở Terminal lên

image-60-1024x446.png

Tại terminal chạ lần lượt các lệnh

git init
git add .
git commit -m\"first commit\"

Quay lại trang dự án của Githup và tìm git remote add origin như hình và dán vào terminal

image-61-1024x462.png

Chạy lệnh

git push

 

Sau khi chạy xong lệnh git push chúng ta sẽ có đường link như sau

image-62.png

coppy và chạy tại terminal để hoàn thành đẩy code lên githup, các bạn có thể vào dự án của git để kiểm tra

image-63-1024x389.png

Tiếp theo tại mục Setting tích chọn Template repository

image-64-1024x301.png

Sau đó kéo xuống dưới tìm mục Pages, tại Build and deployment tìm Brand chọn Master và bấm Save

image-65-1024x478.png

như vậy các bạn đã tạo được 1 đường link cho website của mình

image-66-1024x392.png

Tuy nhiên, đường link này vẫn chưa sử dụng được, khi nào chuyển màu xanh lá là được nhé. Chúc các bạn thành công.

Bạn đã sẵn sàng đổi thay sự nghiệp chưa?

Onschool Bootcamp tự hào chỉ trong 120 ngày, đào tạo thế hệ lập trình viên kiến tạo thế giới số - bắt đầu từ con số 0

Đừng quên chia sẻ bài viết này!

facebook
linkedin
x
copy
Sao chép link

Đăng ký tư vấn

Các Chương trình Đào tạo tại Onschool Bootcamp

Fullstack java web developer
Fullstack javascript (Nodejs & reactjs web developer
Fullstack Python web developer
Fullstack PHP web developer
Cross-Platform Mobile App Development
phonezalomessenger