Cách thiết lập một trang web miễn phí đơn giản với các Github

Github là gì

Các trang web ngày càng được lưu trữ dễ dàng hơn mỗi ngày, với nhiều dịch vụ cung cấp các gói có giá khởi điểm dưới 5 USD một tháng.

Các trang web ngày càng được lưu trữ dễ dàng hơn mỗi ngày, với nhiều dịch vụ cung cấp các gói có giá khởi điểm dưới 5 USD một tháng. Tuy nhiên, nếu bạn chỉ muốn một trang web đơn giản không có nhiều lưu lượng truy cập, bạn có thể lưu trữ miễn phí trên Github, ngay cả với tên miền của riêng bạn.

Trang Github là gì?

Github là một dịch vụ lưu trữ mã cung cấp khả năng kiểm soát phiên bản thông qua

git

. Mặc dù nó thường được các lập trình viên sử dụng, nhưng trường hợp sử dụng phổ biến của họ là chạy các trang wiki, sơ yếu lý lịch hoặc tài liệu đơn giản không có nhiều lưu lượng truy cập hàng ngày và chỉ cần một nơi để thiết lập một trang web miễn phí.

Vì mục đích này, Trang Github đã được tạo và nó cho phép bạn lưu trữ miễn phí các tệp HTML và các nội dung khác. Điều này không khác nhiều so với dịch vụ lưu trữ tệp thông thường của Github—bạn có thể lưu trữ các tệp trong kho lưu trữ của mình hoàn toàn miễn phí và việc lưu trữ một trang web tĩnh cũng giống như lưu trữ tệp.

Bạn có thể có các trang cho tên người dùng của mình hoặc các trang cho mỗi kho lưu trữ. Theo mặc định, Github sẽ gán cho bạn url tên miền phụ như username.github.io hoặc

username.github.io/repository

. Điều này có thể được thay đổi thành bất kỳ URL tùy chỉnh nào.

Trang web tĩnh là gì?

Điều quan trọng cần lưu ý là Trang Github chỉ dành cho các trang web tĩnh. Điều này không nhất thiết có nghĩa là trang web của bạn không thể tương tác mà chỉ có nghĩa là trang web của bạn được lưu trữ trực tiếp từ các tệp HTML, JS và CSS.

Hạn chế chính với các trang web tĩnh là nó không thể dựa vào máy chủ để thay đổi nội dung cho từng yêu cầu, như với ngôn ngữ như PHP. Ví dụ: nếu bạn muốn người dùng đăng nhập và xem hồ sơ hoặc lưu trữ WordPress (kết nối với máy chủ cơ sở dữ liệu), bạn sẽ phải lưu trữ ở một nơi khác.

Tuy nhiên, nếu bạn phục vụ các khung JavaScript phía máy khách như React, bạn thực sự có thể lưu trữ toàn bộ ứng dụng web từ Trang Github hoặc bất kỳ nhà cung cấp dịch vụ lưu trữ trang web tĩnh nào khác. Điều này là do tất cả nội dung được tạo trên thiết bị của khách hàng và điều duy nhất bạn đang phục vụ là

bundle.js

 tập tin với tất cả các mã.

Hạn chế của trang Github – Sử dụng phi thương mại

Tất nhiên, điều này đi kèm với một số hạn chế. Về cơ bản, bạn không được phép sử dụng Trang Github cho mục đích thương mại chủ yếu. Cụ thể, họ nói rằng nó bị cấm sử dụng như một “dịch vụ lưu trữ web miễn phí để điều hành hoạt động kinh doanh trực tuyến, trang web thương mại điện tử hoặc bất kỳ trang web nào khác chủ yếu nhằm tạo điều kiện thuận lợi cho các giao dịch thương mại.”

Trang Github cũng có giới hạn kích thước và giới hạn băng thông mềm, mặc dù chúng khá hợp lý. Trang web của bạn không được lớn hơn 1 GB (dù sao thì bạn cũng có thể gặp sự cố khi phân phối trang web có kích thước này) và nếu bạn vượt quá 100GB băng thông mỗi tháng, Github có thể không phân phối trang web của bạn. Để tham khảo, lượng dữ liệu đó sẽ khiến bạn mất khoảng 10 USD mỗi tháng trên AWS.

Thiết lập một trang web

Việc thiết lập Trang Github khá đơn giản và nếu bạn đã quen với Github thì việc thiết lập sẽ còn dễ dàng hơn nữa.

Về cơ bản, bạn có hai tùy chọn cho kho lưu trữ—trang người dùng hoặc trang dự án. Nếu bạn đang sử dụng miền tùy chỉnh thì điều đó không quan trọng lắm, nhưng nếu bạn muốn có một URL đẹp, bạn sẽ muốn sử dụng trang người dùng, trang này sẽ cung cấp cho bạn URL ở định dạng  username.github.io. Nếu bạn sử dụng một trang dự án, bạn có thể thiết lập nhiều trang, nhưng mỗi trang sẽ ở

username.github.io/repository.

Trong cả hai trường hợp, bạn sẽ phải tạo một kho lưu trữ mới. Nếu bạn đang tạo một trang người dùng, hãy đặt trang này thành tên người dùng của bạn cộng thêm

.github.io

. Hãy chắc chắn rằng nó cũng được công khai.

ngược lạigames.github.io

Sau này, bạn sẽ cần một ứng dụng khách Git để kết nối với Github và đẩy trang web của bạn. Bạn có thể sử dụng thiết bị đầu cuối hoặc ứng dụng khách GUI như Github Desktop . Sử dụng URL được cung cấp cho bạn từ thiết lập nhanh:

Hoặc, nếu bạn đang sử dụng ứng dụng Github Desktop, bạn chỉ cần tìm kiếm nó theo tên:

Sau đó, bạn sẽ cần thêm nội dung của mình. Nếu bạn có một mẫu hiện có mà bạn muốn sử dụng, hãy sao chép tất cả nội dung (tệp HTML, CSS, JS, hình ảnh) sang thư mục này, về cơ bản là “webroot” nơi mọi thứ sẽ được lưu trữ từ đó. Điều quan trọng nhất là index.htmlđây là trang chính của trang web của bạn.

Sau khi mọi thứ hoạt động cục bộ, bạn sẽ cần thực hiện các thay đổi và xuất bản chúng lên Github.

Bạn sẽ sớm thấy các tệp mới trong kho lưu trữ của mình nhưng bạn sẽ phải bật Trang Github để nó hoạt động hoàn toàn. Từ trang kho lưu trữ, nhấp vào “Cài đặt” và cuộn xuống “Trang”. Chọn main chi nhánh để phục vụ trang web của bạn và nhấp vào “Lưu”.

Có thể mất vài phút để cập nhật mọi thứ và nó sẽ chỉ cập nhật 10 lần mỗi giờ, vì vậy đừng thực hiện thay đổi quá nhanh.

Bạn cũng sẽ muốn bật “Thực thi HTTPS” trong cài đặt trang Github.

Thêm một tên miền tùy chỉnh

Thêm một tên miền tùy chỉnh thực sự đơn giản. Trước tiên, bạn cần phải mua một cái, bạn có thể thực hiện việc này từ nhiều nhà đăng ký khác nhau. Một vài ví dụ điển hình là Google Domains , Namecheap hoặc GoDaddy .

Sau khi đăng ký, bạn sẽ cần trỏ tên miền của mình tới trang Github. Tuy nhiên, bạn không thể chỉ dán URL vào đây; bạn sẽ cần tạo bản ghi CNAME trỏ đến username.github.io. Nếu bạn định sử dụng www, hãy đặt giá trị Máy chủ thành www. Nếu bạn muốn sử dụng chính miền cơ sở, hãy đặt giá trị Máy chủ thành @.

Sau khi đợi vài phút để bản ghi DNS đồng bộ hóa trên internet, bạn sẽ có thể thấy trang Github Pages mới được tạo tại URL tùy chỉnh của mình và menu cài đặt sẽ hiển thị trang đó là đã kết nối.

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *