Bạn đã biết cách triển khai static site chỉ trong “một nốt nhạc” chưa?

11:47 21/09/2023

là công cụ để triển khai một trang web tĩnh nhanh gọn và đơn giản. Sở dĩ chúng ta chỉ triển khai được web tĩnh vì công cụ này được tạo ra cho các trang web tĩnh (GitHub Pages is a static site hosting service). Github pages sẽ lấy các file HTML, CSS và JavaScript từ trong repository của bạn để build và publish website. Bảng dưới đây sẽ giúp bạn phân biệt web tĩnh và web động: 

Web tĩnh Web động
Khái niệm Là website không có hệ thống quản lý nội dung hoặc nội dung website ít/không thay đổi Là những website có cơ sở dữ liệu và được hỗ trợ bởi các phần mềm phát triển web.
Ngôn ngữ Thường được xây dựng từ CSS, HTML, JAVASCRIPT Sử dụng các công nghệ như HTML, CSS, JAVASCRIPT,… và có sử dụng một ngôn ngữ lập trình server (VD: PHP/Ruby/.Net/…), một hệ quản trị cơ sở dữ liệu (VD: mySql/…), vì vậy web động phải chạy trong máy chủ
Ưu điểm Tốc độ truy cập nhanh, chi phí đầu tư thấp Dễ dàng quản lý nội dung, nâng cấp và bảo trì; Có thể xây dựng được web lớn; Thường sử dụng tương tác với người dùng cao
Nhược điểm Thường thì trang web chỉ mang mục đích hiển thị thông tin, ít thao tác tương tác với người dùng Chi phí xây dựng cao; Nếu web lớn có thể cần thêm nhân sự chuyên ngành

Giới thiệu về

Theo như trang chủ định nghĩa thì Github Pages là một dịch vụ hosting dành cho những trang web tĩnh (bao gồm HTML, CSS và JavaScript) và nó sẽ build trực tiếp từ repository trên Github của bạn. Tức là bạn chỉ cần đẩy code lên repository trên github là trang web của bạn đã có thể public trên internet với domain là .

Người dùng sẽ được phân thành 2 nhóm như sau:

  • Github Free for Personal/Organizations: đây là nhóm người dùng miễn phí. Nhóm người dùng này muốn sử dụng được Github Pages thì bắt buộc phải public repository (coi như là bạn trả phí bằng việc chia sẻ opensource cho cộng đồng)
  • GitHub Pro/GitHub Team/GitHub Enterprise Cloud/GitHub Enterprise Server: đối với nhóm người dùng này thì có thể sử dụng Github pages với các repository private.

Một số thao tác cơ bản với Github Pages 

Tạo một trang github pages cho riêng mình

  • Bước 1: Tạo 1 repository với tên là
  • Bước 2: Clone repository đó về máy local của bạn.
  • Bước 3: Bắt tay vào code website của bạn rồi tiến hành đẩy code lên repository mà bạn vừa tạo.
  • Bước 4: Truy cập và vào phần Settings trong repository. Kéo xuống dưới phần Github Pages, ở đây bạn sẽ có thể lựa chọn nhánh (branch), thư mục chứa code mà bạn muốn đưa lên rồi chọn Save.
  • Bước 5: Sau khi website của bạn được build và publish thành công thì bạn có thể truy cập vào website bằng cách click vào nút “Visit site” hoặc gõ trực tiếp đường dẫn đều được nhé.
Ở đây chúng ta sẽ triển khai code thuộc nhánh master, thư mục /root trong repo thaivm-0609.github.io

Tuỳ chỉnh domain cho trang của bạn

Nếu như bạn đã sở hữu riêng cho mình 1 domain thì bạn có thể sử dụng domain đó thay thế cho domain mặc định của Github pages. Bạn có thể tìm thấy phần “Custom domain” ở trong settings của github. Tuy nhiên trong phạm vi bài viết này chưa thể hướng dẫn chi tiết cách thực hiện cho các bạn được vì nó còn liên quan đến kiến thức về DNS.

Tùy chỉnh Customer Domain

Thiết lập https

  • http (HyperText Transfer Protocol – Giao thức truyền tải siêu văn bản) đơn giản là một trong các giao thức chuẩn về mạng Internet, được dùng để cung cấp dịch vụ web. 
  • https (http-secure) cũng là http nhưng được bảo mật hơn. Để so sánh giữa 2 giao thức này thì các bạn có thể tự tìm hiểu thêm. 

Và để cho website của bạn chuyên nghiệp và an toàn hơn thì Github cung cấp cho bạn lựa chọn có sử dụng http hay không? Và như các bạn có thể thấy trong ảnh thì nếu các bạn sử dụng domain mặc định của github pages thì bắt buộc phải bật HTTPS.

Thiết lập http và https

Hy vọng bài viết này sẽ giúp bạn hiểu hơn về một công cụ hữu ích để deplay static site để website được bảo mật thông tin và an tan toàn hơn. Chúc các bạn thành công! 

Bộ môn Công nghệ thông tin
Trường Cao đẳng FPT Mạng cá cược bóng đá cơ sở Hà Nội

Cùng chuyên mục

Đăng Kí học Fpoly 2023