Hướng dẫn sử dụng Github làm host chứa JS, CSS và HTML

Chia sẻ:

2.2.24 | 2 nhận xét | lượt xem

Nội Dung Chính [Ẩn] [Hiển thị]

Về chức năng và mục đích sử dụng mình sẽ không nói đến nữa, vào việc luôn cho nóng

Demo

Demo bên dưới cũng là sản phẩm của Github, tuy nhiên mình đã trỏ về sub domain nên link nó vậy

Demo

Tạo tài khoản Github

Bước 1: Tạo tài khoản GitHub tại đây
Bước 2: Đăng nhập vào tài khoản GitHub và ở trang chủ của GitHub, nhập tên của thư mục để chứa dữ liệu vào Repository name

Bạn có thể tùy chọn "Public" (Công khai) hoặc "Private" (Riêng tư) cho mục đích sử dụng của mình.
Sau đó nhấp vào nút Create repository (Tạo kho lưu trữ).

Tạo hoặc upload file

Bước 1: Để tạo file mới bạn click vào creating a new file hoặc upload file thì click vào link bên cạnh

Bước 2: Ở bước này bạn có thể tạo file CSS, JS hoặc html bằng cách nhập đuôi tương ứng cho từng loại file. Ví dụ mình muốn tạo file CSS mình sẽ nhập bootstrap.min.css vào phần tên và nội dung của CSS như hình dưới sau đó lưu lại bằng cách click button Commit change...

Cài đặt

Bước 1: Vào setting
Bước 2: Chọn tab Pages
Bước 3: Ở Branch chọn main sau đó Save như hình dưới

Lấy link file để sử dụng

Bước 1: Bạn click thẳng vào file muốn sử dụng

Bước 2: Copy link này

Lưu ý: link này chèn trực tiếp không sử dụng được
Bước 3: Dán link vừa copy vào công cụ chuyển đổi tại link này

Công cụ trên cũng sẽ hỗ trợ nhận biết đuôi css,js hoặc html để đưa ra mã nhúng phù hợp

Lưu ý: Ở Github file mới tạo hoặc up lên sau vài phut mới hoạt động được, anh em không cần lo lắng nếu thấy link bị lỗi ngay sau khi lưu lại

Như vậy là mình đã hướng dẫn cách sử dụng github để làm host chứa JS và CSS, HTML. Hãy để lại nhận xét nếu gặp khó khăn trong lúc thực hiện để mọi người cùng thảo luận. Chúc anh em một ngày vui! 😁