Các gói lưu trữ miễn phí có thể giúp bạn thiết lập và chạy một trang web tĩnh hoặc các ứng dụng web nhỏ chỉ trong giây lát. Chúng yêu cầu thiết lập nhiều hơn một chút so với máy chủ trả phí, nhưng bù vào đó bạn sẽ không cần phải chi trả một đồng nào.
Trang GitHub (GitHub Pages) là một trong những lựa chọn như vậy và trong bài viết này, FUNiX sẽ hướng dẫn bạn cách lưu trữ một trang web đơn giản bằng Trang GitHub miễn phí.
Trang GitHub là gì?
Lưu ý: Để lưu trữ trên Trang GitHub, bạn cần có quyền truy cập vào toàn bộ mã trang web của mình. Thông thường, tùy chọn này hoạt động tốt nhất khi bạn code trang web của mình từ số 0.
Trang GitHub là một dịch vụ được tạo bởi GitHub cho phép bạn xuất bản một trang web hoặc ứng dụng web bằng cách lưu trữ nó trong kho lưu trữ GitHub miễn phí.
Bạn có thể lưu trữ một trang web đầy đủ và không giới hạn “trang dự án” có thể được coi là một “trang” trên một trang web. Code trang web được lưu trữ trong kho lưu trữ GitHub được chỉ định, sau đó GitHub sẽ xuất bản để có thể xem trên bất kỳ máy tính nào.
Hãy cùng tìm hiểu cách thực hiện điều này.
BÀI LIÊN QUAN: GitHub là gì? Giới thiệu về các tính năng cơ bản của GitHub
Kiến thức cơ bản về GitHub
GitHub là dịch vụ kiểm soát phiên bản phổ biến dành cho các lập trình viên máy tính sử dụng Git để lưu trữ và kiểm soát code. Code được lưu trữ trong các kho (repository) – các bộ chứa (container) trên máy chủ đám mây cho phép bạn truy cập code của mình từ tất cả các máy tính.
Bạn có thể tạo kho lưu trữ mới bằng cách sử dụng trang web của GitHub hoặc thông qua dòng lệnh khi bạn đã cài đặt Git. Các kho lưu trữ được đặt tên, có thể ở chế độ công khai hoặc riêng tư, và có thể lưu trữ code bằng bất kỳ ngôn ngữ nào. Khi bạn tạo kho lưu trữ của mình, với Git, bạn có thể lấy code của mình từ máy chủ để thực hiện các thay đổi, sau đó tải lại lên GitHub.
Git dễ dàng cài đặt trên máy tính PC và Mac bằng cách truy cập trang web Git và làm theo các bước cài đặt.
GitHub đã là một cái tên quen thuộc trong lập trình và các Trang GitHub sẽ trở nên rất hữu ích khi bạn đã biết cách sử dụng nó.
Thiết lập trang web của bạn trên các trang GitHub
Quá trình lưu trữ một trang web bằng trang GitHub bao gồm ba bước:
-
- Tạo tài khoản GitHub
- Tạo một kho lưu trữ mới với một số quy tắc
- Chỉnh sửa code của bạn và tải lên GitHub để đưa trang web của bạn vào hoạt động
Hãy xem xét chi tiết hơn một chút về cách đưa trang web tĩnh của bạn được xuất bản trực tiếp trên Trang GitHub. Bạn sẽ cần một số kiến thức về HTML, vì vậy bây giờ là thời điểm tốt để kiểm tra lại kiến thức về HTM của bạn.
Tạo tài khoản GitHub
Tại thời điểm này, chắc hản bạn đã cài đặt Git. Bạn sẽ cần Git để kiểm soát code của mình thông qua GitHub. Truy cập website của GitHub để đăng ký.
Bạn sẽ cần chọn tên người dùng và đăng ký bằng địa chỉ email và mật khẩu của mình. Tên người dùng sẽ rất quan trọng để thiết lập và chạy trang web của bạn. Sau khi đăng ký, hãy đăng nhập vào trang chủ để bắt đầu trang web của bạn.
Tạo kho lưu trữ GitHub
Từ trang chủ GitHub, bạn sẽ thấy phần “kho” (repositories) ở ngoài cùng bên trái. Đây sẽ là danh sách tất cả các kho lưu trữ của bạn, cũng như nút “Mới” (New) cho phép bạn tạo một kho lưu trữ mới.
Nhấp vào “New” và bạn sẽ được đưa đến một màn hình mới để nhập thông tin về kho. Trước tiên, bạn sẽ cần nhập tên kho lưu trữ. Tên kho lưu trữ phải như sau, trong đó [USERNAME] là tên người dùng mong muốn của bạn:
Ví dụ: nếu username của bạn là Jake, thì tên kho lưu trữ của bạn sẽ là Jake.github.io. Đây là một bước rất quan trọng. Đây là cách mà Trang GitHub xác định kho lưu trữ là một trang web live chứ không phải một vùng trống mà bạn muốn viết code.
Sau khi nhập tên người dùng, bạn có thể nhập mô tả tùy chọn để thêm một số chi tiết vào kho lưu trữ của mình (ví dụ, “Trang web thể thao của tôi”).
Chọn “công khai” (public) hoặc “riêng tư” (private) để kiểm soát xem người dùng khác có thể sửa đổi kho lưu trữ của bạn hay không. Công khai nghĩa là ai cũng có thể sửa đổi, riêng tư nghĩa là chỉ bạn mới có thể sửa đổi.
Cuối cùng, bạn có thể tạo file README cho kho lưu trữ của mình, file này chỉ dùng để lưu trữ tài liệu cho các dự án. Nó hoàn toàn không bắt buộc.
Sau khi đã điền đầy đủ thông tin này, hãy nhấp vào “Tạo kho lưu trữ” (Create repository) để hoàn tất!
Chỉnh sửa và tải lên trang web của bạn
Bây giờ bạn đã có kho lưu trữ của mình live trên GitHub, hãy đi tới terminal dòng lệnh của bạn. Điều hướng đến vị trí bạn muốn lưu trữ dự án của mình và chạy lệnh sau, đảm bảo thay thế [USERNAME] bằng tên người dùng thực của bạn:
git clone https://github.com/[USERNAME]/[USERNAME].github.ioChức năng “sao chép” của git chỉ tạo một bản sao của kho lưu trữ trên máy tính của bạn để bạn có thể chỉnh sửa code. Bất kỳ thay đổi nào bạn thực hiện đối với code này có thể được lưu vào kho lưu trữ chính thông qua dòng lệnh.
Bây giờ kho lưu trữ được lưu trữ trong một thư mục, hãy điều hướng vào thư mục đó bằng terminal hoặc chỉ cần nhấp vào thư mục trên máy của bạn. Tạo tệp index.html bên trong thư mục này. Tệp HTML này sẽ chứa code của bạn.
Mở tệp HTML trong trình soạn thảo văn bản và thêm một dòng <div>, nhập “Hello”. Đây chỉ đơn giản là một dòng để hiển thị văn bản và đảm bảo rằng trang web đang hoạt động.
Quay lại thư mục đang lưu trữ code của bạn bằng terminal. Bây giờ bạn có thể lưu các thay đổi của mình vào kho lưu trữ của mình bằng cách chạy code git này
git add --all
git commit -m "Save changes"
git push -u origin master
Nếu bạn chưa từng sử dụng Git trước đây, đoạn code này có vẻ hơi khó hiểu nhưng thực ra nó rất đơn giản. git add –all thêm tất cả các thay đổi bạn đã thực hiện vào một hàng đợi để được lưu. git commit chuẩn bị các thay đổi, với cờ -m tùy chọn thêm mô tả cho những gì đã thay đổi trong commit này. Cuối cùng, git push hoàn thiện các thay đổi và tải code mới vào kho lưu trữ của bạn.
Xem trang web GitHub Pages của bạn
Bây giờ bạn đã sẵn sàng để xem kết quả cuối cùng. Tải lên trình duyệt web yêu thích của bạn và điều hướng đến https : // [ USERNAME ]. github . io , một lần nữa, [USERNAME] được thay thế bằng tên kho lưu trữ của bạn.
Bạn sẽ thấy trang web của mình được xuất bản live! Nó có thể được xem trong bất kỳ trình duyệt nào trên bất kỳ thiết bị nào.
Kết luận
Bây giờ bạn đã biết cách tạo một trang web được lưu trữ miễn phí trên Trang GitHub, bạn có thể xây dựng bất kỳ loại trang web tĩnh nào bạn muốn. Đây là một lựa chọn tuyệt vời cho các nhà phát triển và cá nhân chỉ cần một giải pháp nhỏ.
ĐỌC TIẾP: Cách xây dựng website của riêng bạn trong 2 tiếng
Vân Nguyễn
Dịch từ: https://www.makeuseof.com/tag/free-web-hosting-github-pages/
Bình luận (0
)