Chuyện công việc

Cách tạo trang web online miễn phí dễ dàng với GitHub

Cách tạo trang web online miễn phí dễ dàng với GitHub

Thành quả demo : https://coronanews.github.io/

Có thể bạn chưa biết mỗi một tài khoản GitHub sẽ được tặng cho 1 domain riêng, bạn có thể sử dụng nó để có thể tạo 1 trang web tĩnh.
Các bước thực hiện:
1. Các bạn tạo tài khoản GitHub
2. Sau đó tạo 1 repository với tên [user-name].github.io

Ở đây tài khoản GitHub của mình có tên là coronanews nên mình sẽ tạo respository có tên là coronanews.github.io
Do đó nếu các bạn muốn có 1 domain đẹp thì nhớ lúc tạo username cho GitHub nhớ để ý tí nhé, và có thể tạo nhiều tài khoản nhằm mục đích khác nhau ^^
3. Mình sẽ hướng dẫn các bạn dùng Visual Studio Code để clone project về
a. Sau khi tải về cài đặt và chạy các bạn vô và chọn 1 folder nào đó để chứa project trên GitHub

Ở đây mình chon folder project trong Downloads
b. Sau đó các bạn bấm phím tắt Crtl + Shift + ` để hiện lên màn hình terminal phía dưới
c. Sau đó quay lại trang GitHub

Các bạn chọn Clone or download rồi copy đường link phía dưới :
vd: https://github.com/coronanews/coronanews.github.io.git
d. Quay lại màn hình Terminal các bạn gõ lệnh
git clone [đường link copy nãy]

vd: git clone https://github.com/coronanews/coronanews.github.io.git
e. Hình ảnh khi clone project thành công

f. Cuối cùng các bạn chỉ việc copy trang web của mình vào folder mới clone về

Lưu ý phải có file index.html là chính nhé, thiếu nó web sẽ không chạy được.

g. Vậy là xong các bạn commit rồi push lên GitHub là xong
Nếu terminal chưa vô folder chứa project các bạn dùng lệnh
cd [your-name-folder]
Vd : cd coronanews.github.io
Các bước commit:
git add .
git commit -m “noi dung commit”
git push -u origin master
Sau đó đăng nhập bằng tài khoản git là xong

Cuối cùng lên và hưởng thành quả.

Chúc các bạn thành công.


Chia sẻ bài viết:
Bình luận trực tiếp trên web
Bài viết liên quan
Tại sao sinh viên ngành công nghệ nên trang bị cho mình 1 chiếc thẻ thanh toán quốc tế ?

Tại sao sinh viên ngành công nghệ nên trang bị cho mình 1 chiếc thẻ thanh toán quốc tế ?

Thẻ thanh toán quốc tế là gì ? Tại sao sinh viên nên sử dụng chúng ?

08-08-2022 · Chuyện công việc · 5 phút đọc · 2027
Cách làm đẹp Ubuntu 2020

Cách làm đẹp Ubuntu 2020

Bài viết sẽ hướng dẫn chi tiết cách để làm đẹp hệ điều hành Ubuntu.

05-02-2023 · Chuyện công việc · 4 phút đọc · 1385
Sử dụng GitHub dễ dàng với 2 nguyên tắc cơ bản.

Sử dụng GitHub dễ dàng với 2 nguyên tắc cơ bản.

Đây là bài viết cho những bạn sinh viên năm 1,2 mới tiếp xúc với GitHub, chưa biết nhiều về cách hoạt động của Git.

07-08-2022 · Chuyện công việc · 4 phút đọc · 1378
Top những Cloud Database miễn phí

Top những Cloud Database miễn phí

Những cloud database miễn phí sinh viên có thể sử dụng

08-08-2022 · Chuyện công việc · 5 phút đọc · 4135