Github Pages 搭建静态网站

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

搭建步骤

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

在这里插入图片描述

  • 这个时候访问:yunxdr.github.io ,显示的是 README.md 的内容
    在这里插入图片描述
    在这里插入图片描述
  • 创建文件index.html,写入HTML语言
    在这里插入图片描述
    在这里插入图片描述
    再次访问:yunxdr.github.io
    在这里插入图片描述

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

Project Pages 项目站点

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

原理
github pages 用于构建和发布

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

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

  • 当访问自己GitHub上仓库里的其他项目的静态页面时或者其他人的仓库项目时先 fork 到自己的仓库下
  • 在settings里,GitHub Pages选择 master branch 主分支
    在这里插入图片描述
  • 这时就会出现一个访问静态页面的网址,直接在线访问即可。
    在这里插入图片描述
posted @ 2019-11-25 20:23  兮动人  阅读(61)  评论(0编辑  收藏  举报