GitHub Pages 使用教程

2026-01-18 10:30:40作者：余洋婵Anita

项目介绍

GitHub Pages 是一个由 GitHub 提供的免费静态网站托管服务，允许用户直接从 GitHub 仓库托管个人、组织或项目的网站。它支持使用自定义域名，并提供多种主题和模板，适用于个人博客、项目文档、简历等多种场景。

项目快速启动

以下是使用 GitHub Pages 快速搭建个人网站的步骤：

1. 创建 GitHub 仓库

访问 GitHub 并创建一个新的公共仓库，命名为 username.github.io，其中 username 是你的 GitHub 用户名。

2. 克隆仓库到本地

git clone https://github.com/username/username.github.io
cd username.github.io

3. 添加内容

创建一个简单的 index.html 文件：

<!DOCTYPE html>
<html>
<head>
    <title>我的 GitHub 页面</title>
</head>
<body>
    <h1>欢迎来到我的 GitHub 页面！</h1>
</body>
</html>

4. 提交并推送

git add .
git commit -m "初始化 GitHub 页面"
git push origin main

5. 访问网站

在浏览器中输入 https://username.github.io，即可看到你的网站。

应用案例和最佳实践

GitHub Pages 广泛应用于以下场景：

个人博客：使用 Jekyll 等静态网站生成器，可以轻松管理博客文章。
项目文档：为开源项目提供详细的文档和使用说明。
个人简历：创建在线简历，展示个人技能和经历。

最佳实践包括：

使用自定义域名提升品牌形象。
定期更新内容，保持网站活跃。
优化网站性能，提高访问速度。

典型生态项目

GitHub Pages 生态系统中的一些典型项目包括：

Jekyll：一个静态网站生成器，广泛用于创建和管理 GitHub Pages 网站。
Hugo：另一个流行的静态网站生成器，以速度快著称。
Hexo：基于 Node.js 的静态网站生成器，适合前端开发者。

这些工具提供了丰富的主题和插件，帮助用户快速搭建美观且功能丰富的网站。

通过以上步骤和案例，你可以快速上手并充分利用 GitHub Pages 搭建个人或项目网站。

github-pages

Create a site or blog from your GitHub repositories with GitHub Pages.

项目地址：https://gitcode.com/GitHub_Trending/gi/github-pages

登录后查看全文

项目优选

收起

kernel

deepin linux kernel

docs

OpenHarmony documentation | OpenHarmony开发者文档

🔥LeetCode solutions in any programming language | 多种编程语言实现 LeetCode、《剑指 Offer（第 2 版）》、《程序员面试金典（第 6 版）》题解

🎉 (RuoYi)官方仓库基于SpringBoot，Spring Security，JWT，Vue3 & Vite、Element Plus 的前后端分离权限管理系统

Nop Platform 2.0是基于可逆计算理论实现的采用面向语言编程范式的新一代低代码开发平台，包含基于全新原理从零开始研发的GraphQL引擎、ORM引擎、工作流引擎、报表引擎、规则引擎、批处理引引擎等完整设计。nop-entropy是它的后端部分，采用java语言实现，可选择集成Spring框架或者Quarkus框架。中小企业可以免费商用

Java

gitea

喝着茶写代码！最易用的自托管一站式代码托管平台，包含Git托管，代码审查，团队协作，软件包和CI/CD。

ops-math

本项目是CANN提供的数学类基础计算算子库，实现网络在NPU上加速计算。

🎉 基于Spring Boot、Spring Cloud & Alibaba、Vue3 & Vite、Element Plus的分布式前后端分离微服务架构权限管理系统