Trang chính » Hướng dẫn sử dụng Github làm host cho Website tĩnh

Hướng dẫn sử dụng Github làm host cho Website tĩnh

Việt Dũng
339 lượt xem

Sau bài chia sẻ về code CSS 3D Animation được chia sẻ trên J2Team đã có rất nhiều bạn hỏi mình cách tạo ra website có định dạng link như thế này: https://pvtd264.github.io/ . Chính vì vậy, mình quyết định viết bài hướng dẫn các bạn cách sử dụng Github để làm host chạy web tĩnh.

 
Trước tiên, một static website là một website mà chỉ bao gồm HTML, CSS và Javascript. Bạn có thể xây dựng 1 static web hoàn toàn miễn phí phục vụ cho việc học tập hoặc thậm chí cho mục đích kinh doanh với Github.
 
Bước 1. Tạo tài khoản và đăng nhập vào Github
Bước này rất đơn giản, nên mình sẽ không hướng dẫn nhé. Bạn có thể search Google cách tạo tài khoản Github.
 
Bước 2. Tạo mới 1 repository
Đầu tiên bạn chọn “New” để khởi tạo một repository mới.
 
Tiến hành tạo 1 repository
 
Tại ô Repository name   các bạn phải điền đúng theo cấu trúc sau username.github.io (Trong đó username là tên đăng nhập tài khoản ).
 
 
 
 
 Tiếp đến bạn chọn Create Repository để hoàn tất bước này.
 
3. Clone Repository và đẩy code lên Github
Sau khi tạo mới một repository, chúng ta sẽ clone về máy. Nếu bạn chưa cài Git thì hãy vào đây để download về máy. 
 
Khi mà mọi thứ đều sẵn sàng thì công việc tiếp theo là khởi động “Git bash”
 
Gõ: git clone <link repo>
 
Tiếp đến, bạn mở thư mục clone về. Sau đó paste toàn bộ code cần đẩy lên Github vào đó
 
Chú ý: Trang chủ của website phải đặt tên là index.html
 
 
 
– Gõ: cd <link_thu_muc_clone>
– Gõ: git add
– Gõ: git commit -m “first commit”
– Gõ: git push
 
Sau khi thực hiện combo lệnh bên trên nếu không có lỗi gì hiện lên thì bạn đã thành công rồi đó. Chỉ đơn giản như vậy thôi, là chúng ta đã có 1 website với domain miễn phí. Bây giờ bạn mở trình duyệt lên, gõ vào địa chỉ https://username.github.io/ và hưởng thụ thành quả.
 
Chỉ như vậy là bạn đã có thể tha hồ view code, test code và share code cho bạn bè rồi nhé. Ngoài ra thì bạn hoàn toàn có thể tạo ra 1 blog với host là Github. Nếu thấy bài viết hay hãy share cho bạn bè mình cùng biết nhé.

CÓ THỂ BẠN QUAN TÂM

Để lại bình luận

avatar