展示github中的页面（Github Pages）

最新推荐文章于 2025-05-20 21:27:17 发布

weixin_33974433

最新推荐文章于 2025-05-20 21:27:17 发布

阅读量139

点赞数

CC 4.0 BY-SA版权

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/Unknw/p/6557207.html

本文介绍如何使用GitHub Pages部署个人网站或项目文档，包括创建仓库、配置分支及使用不同方法展示HTML页面等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、创建一个仓库，名为"user_name.github.io"（此处user_name替换为你自己的github用户名），并在根目录下创建index.html，则该仓库下的所有html均可直接展示

例：

通过http://user_name.github.io/ 可直接展示"user_name.github.io"仓库根目录下的index.html
通过http://user_name.github.io/project1/ 可直接展示"user_name.github.io"仓库根目录下project1目录中的index.html

详细步骤见https://pages.github.com/

二、展示其他仓库（如: my-works）中的html

方式一：在my-works仓库下直接新建分支，名为"gh-pages"，该分支在首次新建时会自动复制master下的所有文件（但以后不会自动同步）
例：

通过http://user_name.github.io/my-works 可直接展示"my-works"仓库根目录下的index.html
通过http://user_name.github.io/my-works/page1/ 可直接展示该仓库根目录下page1目录中的index.html

详见http://www.jianshu.com/p/d1ae8f6bdcb8

方式二 √ ：在my-works的Settings中，默认的"Options"选项向下拉，找到GitHub Pages，将其中的Source由gh-pages branch改为master branch。访问展示页面方法同上。