# Hướng Dẫn Tạo và Xuất Bản Trang Web Trên GitHub Pages ## Mục Lục 1. [Giới Thiệu về GitHub Pages](#giới-thiệu-về-github-pages) 2. [Bước 1: Tạo Repository trên GitHub](#bước-1-tạo-repository-trên-github) 3. [Bước 2: Thêm Trang Web Đầu Tiên (index.html)](#bước-2-thêm-trang-web-đầu-tiên-indexhtml) 4. [Bước 3: Thêm Favicon (tùy chọn)](#bước-3-thêm-favicon-tùy-chọn) 5. [Bước 4: Xuất Bản Trang Web với GitHub Pages](#bước-4-xuất-bản-trang-web-với-github-pages) 6. [Mẹo và Thủ Thuật](#mẹo-và-thủ-thuật) 7. [Lưu Ý Thường Gặp](#lưu-ý-thường-gặp) 8. [Kết Luận](#kết-luận) ## Giới Thiệu về GitHub Pages Bạn có muốn tạo một trang web cá nhân hoặc trang dự án mà không phải trả phí hosting? **GitHub Pages** cho phép bạn lưu trữ các trang web tĩnh (HTML/CSS/JS) **miễn phí** — và việc này dễ hơn bạn nghĩ. Trong bài viết này, bạn sẽ học được cách: - ✅ Thiết lập GitHub Pages - ✅ Tạo trang chủ `index.html` đầu tiên - ✅ Thêm favicon tùy chỉnh - ✅ Xuất bản trang web của bạn tại `https://yourusername.github.io/` ## Bước 1: Tạo Repository trên GitHub 1. Truy cập [GitHub](https://github.com/new) 2. Đặt tên cho repository của bạn là: ``` yourusername.github.io ``` 👉 Thay thế `yourusername` bằng tên người dùng GitHub thực của bạn (phải khớp chính xác). 3. Chọn **Public** 4. Để trống mọi thứ khác (không thêm README, .gitignore, vv.) 5. Nhấn **Create repository** ## Bước 2: Thêm Trang Web Đầu Tiên (index.html) Bạn có thể làm điều này bằng cách tải lên tệp trực tiếp qua giao diện của GitHub: 1. Nhấn **“Add file” → “Upload files”** 2. Tạo một tệp mới có tên là `index.html` 3. Dán mã sau vào tệp: ```html Chào Mừng!

Xin chào, thế giới!

Đây là trang đầu tiên của tôi sử dụng GitHub Pages.

``` 4. Cuộn xuống và nhấn **“Commit changes”** ## Bước 3: Thêm Favicon (tùy chọn) **Favicon** là biểu tượng nhỏ mà bạn thấy trong các tab của trình duyệt. 1. Tạo hoặc tải xuống một `favicon.ico` (bạn có thể sử dụng favicon.io) 2. Tải nó lên cùng repository 3. Đảm bảo rằng dòng này có trong `` của bạn: ```html ``` Xong! Trang web của bạn giờ đã có một phong cách cá nhân. ## Bước 4: Xuất Bản Trang Web với GitHub Pages Bây giờ là phần kỳ diệu. 1. Truy cập tab **Settings** của repository của bạn 2. Cuộn xuống phần **"Pages"** trong thanh bên (hoặc tìm kiếm nó) 3. Dưới **"Deploy from a branch"**, chọn: - **Source**: `main` hoặc `master` - **Folder**: `/ (root)` 1. Nhấn **Save** Trong vòng 30–60 giây, trang web của bạn sẽ được xuất bản tại: ``` https://yourusername.github.io/ ``` 🎉 Chúc mừng, bạn đã sống! ## Mẹo và Thủ Thuật - Trang chủ của bạn luôn phải được đặt tên là `index.html` - Bạn có thể tạo thêm các trang khác (ví dụ: `about.html`, `projects.html`) và liên kết chúng - Để có cái nhìn chuyên nghiệp hơn, hãy thêm các kiểu CSS hoặc sử dụng trình tạo trang tĩnh (như Jekyll hoặc Hugo) ## Lưu Ý Thường Gặp - **Favicon không hiển thị:** Kiểm tra xem tệp `favicon.ico` đã được tải lên đúng chưa và đường dẫn trong thẻ `` có chính xác không. - **Trang không hiển thị:** Đảm bảo rằng bạn đã chọn đúng nhánh và thư mục trong cài đặt GitHub Pages. ## Kết Luận GitHub Pages là lựa chọn hoàn hảo cho: - Hồ sơ cá nhân - Trang tài liệu - Trình diễn dự án - Bài tập sinh viên - Thí nghiệm web Và phần tốt nhất? Nó **miễn phí** và siêu nhẹ. Bạn đã xuất bản trang của riêng mình chưa? Hãy để lại liên kết trong phần bình luận — tôi rất muốn xem nó! 👇 📌 *Theo dõi tôi để nhận thêm mẹo phát triển web, thủ thuật GitHub và dự án DIY!*

Bài viết về chủ đề#gihub

Tổng hợp các bài viết về #gihub

Cách Tạo và Xuất Bản Trang Web của Bạn trên GitHub Pages#webdev#beginners#html#gihub

Chủ đề phổ biến

Cách Tạo và Xuất Bản Trang Web của Bạn trên GitHub Pages