Github Pages Archives - Cao Đẳng FPT M?ng c c??c bng ? xét tuyển //westview-heights.com/tag/github-pages Cao Đẳng FPT M?ng c c??c bng ? tuyển sinh theo hình thức xét tuyển h?sơ. Tiêu chí đào tạo: Thực học ?Thực nghiệp! Thu, 21 Sep 2023 04:47:12 +0000 vi hourly 1 //wordpress.org/?v=6.4.1 //westview-heights.com/wp-content/uploads/cropped-logo-fpt-32x32.png Github Pages Archives - Cao Đẳng FPT M?ng c c??c bng ? xét tuyển //westview-heights.com/tag/github-pages 32 32 Github Pages Archives - Cao Đẳng FPT M?ng c c??c bng ? xét tuyển //westview-heights.com/tin-tuc-poly/ha-noi-tin-sinh-vien/ban-da-biet-cach-trien-khai-static-site-chi-trong-mot-not-nhac-chua.html Thu, 21 Sep 2023 04:47:12 +0000 //westview-heights.com/?p=254410 Github pages 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 ...

The post Bạn đã biết cách triển khai static site ch?trong “một nốt nhạc” chưa? appeared first on Cao Đẳng FPT M?ng c c??c bng ? xét tuyển.

]]> Github pages 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?/span>
Ư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?GitHub Pages

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à your-github-username.github.io.

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à your-github-username.github.io
  • 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 github.com 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 ?/span>Visit site?hoặc gõ trực tiếp đường dẫn your-github-username.github.io đề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 ?/span>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 bng ? cơ s?Hà Nội

The post Bạn đã biết cách triển khai static site ch?trong “một nốt nhạc” chưa? appeared first on Cao Đẳng FPT M?ng c c??c bng ? xét tuyển.

]]>