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

2.2.24 | 2 nhận xét | 185 lượt xem
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

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! 😁
Bạn đang xem bài viết "Hướng dẫn sử dụng Github làm host chứa JS, CSS và HTML" tại chuyên mục: Github , Hướng Dẫn , Tips

2

nhận xét
Cũ nhất ⇅
  1. Thành Trương Blog

    Đang tìm cái này luôn nè

    REPLY DELETE
    1. A Đê Min

      Lộn favicon ở phần Liên kết trên blog của bạn rồi kìa 😁

      REPLY DELETE

Chèn hình ảnh: Chỉ cần dán link hình ảnh - Upload ảnh

Chèn code: [pre]Code đã mã hóa [/pre]

Chèn emoji: Nhấn tổ hợp phím “Windows + . (dấu chấm)”

Chèn link: Click để chèn link