GitHub创建仓库时的名称一定要这样写:用户名.github.io

搭建步骤

1) 创建个人站点 -> 新建仓库(注:仓库名必须是【用户名.github.io】)
2) 在仓库下新建index.html的文件即可

Github Pages 搭建静态网站_Java语言

  • 这个时候访问:yunxdr.github.io ,显示的是 README.md 的内容
    Github Pages 搭建静态网站_Git_02
    Github Pages 搭建静态网站_Java语言_03
  • 创建文件index.html,写入HTML语言
    Github Pages 搭建静态网站_Java语言_04
    Github Pages 搭建静态网站_Git_05
    再次访问:yunxdr.github.io
    Github Pages 搭建静态网站_Git_06

注意
1、github pages 仅支持静态网页
2、仓库里面是.html文件
3、个人主页也可以设置主题

Project Pages 项目站点

访问
https://用户名.github.io/仓库名

原理
github pages 用于构建和发布

搭建步骤
首先创建一个空的仓库,名称为 test ,settings里GitHub Pages 里选择 mater branch ,接着 选择主题
Github Pages 搭建静态网站_Java语言_07
随便选择一个主题后 ,点击 select theme
Github Pages 搭建静态网站_Java语言_08
接着机会来到主题页面的HTML页面,在这里修改成自己想到的页面即可。
Github Pages 搭建静态网站_Git_09
修改完成后,来到GitHub Pages,可以看到访问的网址
Github Pages 搭建静态网站_Java语言_10
Github Pages 搭建静态网站_Java语言_11
其实这里就是给生成的空白的GitHub pages 套了一个主题而已,都是用HTML语言写的。

Github可以托管各种git库,并提供一个web界面(用户名.github.io/仓库名)

  • 当访问自己GitHub上仓库里的其他项目的静态页面时或者其他人的仓库项目时先 fork 到自己的仓库下
  • 在settings里,GitHub Pages选择 master branch 主分支
    Github Pages 搭建静态网站_Java语言_12
  • 这时就会出现一个访问静态页面的网址,直接在线访问即可。
    Github Pages 搭建静态网站_Git_13