【Github Pages】搭建个人网站

目录
  • 一、个人站点访问
  • 搭建步骤
    • 1、创建个人站点
      • 1.新建仓库
      • 2.填写仓库资料
      • 3.访问成功
    • 2、新建index.html文件
      • 1.点击 creat new file
      • 2.填写文件
      • 3.再次访问个人主页
  • 二、项目站点访问
  • 搭建步骤
    • 1、进入项目主页,点击setting
    • 2、在GitHub Pages 中点击Choose a theme
    • 3、选择你喜欢的主题,点击select theme
    • 4、编辑网页内容并提交
    • 5、网页生成成功

一、个人站点访问

https://用户名.github.io 即可访问

搭建步骤

  • 1.创建个人站点–>新建仓库–>(注意:仓库名必须是:【用户名.github.io 】)
  • 2.在个人仓库下新建index.html文件即可,作为自己的网站首页。

1、创建个人站点

1.新建仓库

【Github Pages】搭建个人网站_第1张图片

2.填写仓库资料

注意仓库名称,要严格按照要求来,我这里是:

Griffin2study.github.io

【Github Pages】搭建个人网站_第2张图片
外网速度慢,有可能创建失败,多试几次就好。

3.访问成功

【Github Pages】搭建个人网站_第3张图片

2、新建index.html文件

1.点击 creat new file

【Github Pages】搭建个人网站_第4张图片

2.填写文件

注意文件名,填写完成后提交。
【Github Pages】搭建个人网站_第5张图片

注意
1.github pages 仅支持静态网页
2.仓库里面只能是.html文件

3.再次访问个人主页

【Github Pages】搭建个人网站_第6张图片

二、项目站点访问

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

搭建步骤

1、进入项目主页,点击setting

【Github Pages】搭建个人网站_第7张图片

2、在GitHub Pages 中点击Choose a theme

【Github Pages】搭建个人网站_第8张图片

3、选择你喜欢的主题,点击select theme

【Github Pages】搭建个人网站_第9张图片

4、编辑网页内容并提交

【Github Pages】搭建个人网站_第10张图片

5、网页生成成功

【Github Pages】搭建个人网站_第11张图片

你可能感兴趣的:(GitHub,github,GitHub,Pages)