GitHub Pages là một cách tuyệt vời để tạo trang web cá nhân của riêng bạn từ đầu. Nó hoàn toàn miễn phí và chỉ yêu cầu tài khoản GitHub. Tuy nhiên, lưu ý rằng GitHub Pages không cung cấp thiết kế thân thiện với người dùng nhất để tạo trang web (không giống như Wix hoặc Squarespace), nhưng đó là một cách tuyệt vời để có được kinh nghiệm với HTML / CSS / JS và tất cả các yếu tố của trang web. WikiHow này sẽ hướng dẫn bạn cách bắt đầu.
Các bước
Bước 1. Đăng ký tài khoản trên GitHub, nếu bạn chưa có
Trước khi bạn có thể tạo trang web của riêng mình trên các trang GitHub, bạn cần tạo một tài khoản trên GitHub. Nếu bạn đã có tài khoản trên GitHub, hãy nhớ đăng nhập. Cả hai đều có thể được truy cập từ thanh công cụ phía trên bên phải.
Bước 2. Tạo kho lưu trữ trên GitHub.
Đảm bảo đặt tên cho kho lưu trữ là "[tên người dùng GitHub của bạn tại đây].github.io". Thao tác này sẽ khởi tạo trang web GitHub của bạn.
Phương pháp 1/2: Sử dụng Trình chỉnh sửa mã
Bước 1. Tải xuống máy tính để bàn GitHub, nếu bạn chưa cài đặt nó
Cài đặt máy tính để bàn GitHub rất đơn giản bằng cách truy cập https://desktop.github.com/ và nhấp vào nút "Tải xuống" màu tím lớn. Sau đó chạy trình cài đặt. Điều này là cần thiết để đẩy các thay đổi vào kho lưu trữ của bạn.
Bước 2. Cài đặt trình soạn thảo mã
Bạn cần một cái để có được đánh dấu cú pháp trên GitHub. Các lựa chọn phổ biến bao gồm Atom, Visual Studio Code, Sublime Text và Notepad ++, mang lại cảm giác tối giản và giàu tính năng. Sau khi cài đặt trình chỉnh sửa mã, bạn đã sẵn sàng để bắt đầu.
Bước 3. Tạo một tệp có tên "index.html"
Bạn có thể làm như vậy trong trình soạn thảo mã của mình hoặc trực tuyến. Bạn cũng có thể đi tới vị trí của kho lưu trữ trên ổ cứng và tạo tệp "index.html" trong thư mục của kho lưu trữ trên ổ đĩa của bạn.
Bước 4. Thêm HTML của bạn
Bạn sẽ cần học HTML để có thể viết mã một trang web cơ bản. Nó cũng sẽ hữu ích cho bạn khi học CSS và JavaScript để bạn có thể thêm kiểu dáng và chức năng cho trang web của mình.
Nhớ lưu tệp
Bước 5. Cam kết các thay đổi
Quay lại màn hình nền GitHub và nhấp vào nút Cam kết với chính màu xanh lam. Sau đó nhấp vào Push Origin. Thao tác này sẽ tải các thay đổi lên GitHub.
Nếu bạn có kế hoạch thực hiện nhiều thay đổi hơn, bạn cũng sẽ muốn kéo nguồn gốc. Nhấp vào nút Pull origin trên máy tính để bàn GitHub để tải bản cam kết mới nhất xuống máy của bạn
Bước 6. Xem trang web của bạn
Truy cập "[tên người dùng GitHub của bạn tại đây].github.io" trong trình duyệt web. Bạn có thể cần bỏ qua bộ nhớ cache của trình duyệt bằng cách giữ Ctrl hoặc ⌘ Command trong khi nhấp vào nút làm mới để xem trang web mới.
Phương pháp 2/2: Sử dụng GitHub Trực tuyến
Bước 1. Tạo một tệp có tên "index.html"
Nhấp vào Thêm tệp sau đó nhấp vào Tạo tệp mới. Thao tác này sẽ mở một trình chỉnh sửa tệp. Thêm "index.html" vào trường "Đặt tên tệp của bạn".
Bước 2. Thêm HTML của bạn
Bạn sẽ cần học HTML để có thể viết mã một trang web cơ bản. Nó cũng sẽ hữu ích cho bạn khi học CSS và JavaScript để bạn có thể thêm kiểu dáng và chức năng cho trang web của mình.
Nhớ lưu tệp
Bước 3. Cam kết các thay đổi
Nhấp vào nút Cam kết tệp mới màu xanh lục để lưu tệp vào GitHub.
Bước 4. Xem trang web của bạn
Truy cập "[tên người dùng GitHub của bạn tại đây].github.io" trong trình duyệt web. Bạn có thể cần bỏ qua bộ nhớ cache của trình duyệt bằng cách giữ Ctrl hoặc ⌘ Command trong khi nhấp vào nút làm mới để xem trang web mới.
Lời khuyên
- Để thêm trang con, chỉ cần tạo một thư mục mới trên GitHub và thêm tệp "index.html" vào thư mục đó.
- Nếu bạn đăng ký một tên miền, bạn có thể yêu cầu Trang GitHub sử dụng tên miền đó thay vì tên miền mặc định.
- Kho lưu trữ trang GitHub phải được công khai, trừ khi bạn có tài khoản trả phí.
