github怎么搭建网页（如何将静态网页部署到github）

本文目录

• 如何将静态网页部署到github
• 怎样在GitHub免费创建网站和域名
• 如何通过GitHub免费搭建在线网页
• 如何在github上托管静态网页

如何将静态网页部署到github

1.在github上新建一个仓库

2.填写仓库的名字，勾选public和Initalize this repository with a README.并点击创建。在这里我创建的名字叫test

3.点击Upload files

4.出现以下页面点击choose your files开始选择上传文件，文件上传后会显示在列表里。最后点击下面的绿色按钮Commit changes

5.页面上传完成出现如下页面

6.点击步骤5中最上面Settings，在Settings里设置GitHub pages，打开如下图1，如图2中选择Source，点击Save.结果如图3，图3中的地址即为静态页面的预览地址。

怎样在GitHub免费创建网站和域名

工具/材料

电子邮箱账号

• 01

  通过搜狗搜索GitHub，进入到这个官方网站，这个网站的性质是全世界最大的极客交流平台，点击【sign up】进行账号注册，如果已经有了账号，可以点击【sign in】进行登陆。。

• 02

  注册的时候需要填写这个用户名，电子邮箱和密码，电子邮箱填写自己正常使用的，因为到后面需要进行邮箱验证。密码需要复杂，包括字母和数字才能设置成功。

• 03

  GitHub这里有免费版和会员版，普通用户点击第一个免费版本就可以正常使用建站功能了。

• 04

  然后是一个问卷调查表，主要就是了解一下你的编程水平、自己的身份和注册的目的。

• 05

  注册完成后会跳转到下面的界面，点击【start a project】，意思是创建一个项目

• 06

  在这里需要验证邮箱地址才能创建成功，这就是之前告诉大家注册的时候要使用自己常用的邮箱的原因。

• 07

  打开自己的邮箱，登陆账号，点击邮箱中的【verify your email】，就会再次跳转到GitHub官网

• 08

  这里我们点击创建项目就可以正常创建了。

• 09

  在仓库中进行命名创建一个仓库，仓库用于存放网页的代码，网页的素材，可以交权限设置为共享，或者是建私人可见。

• 10

  创建成功之后呢，有一行选项卡，点击最后一个【setting】

• 11

  界面向下滚动，找到【GitHub pages】，点击下面的主题，【choose a theme】

• 12

  这里，我们就选择第一个主题，主要差别就是背景。

• 13

  之后在代码也可以看到自己的用户名以及这个仓库名，代码在中间部位可以进行。

• 14

  那我们这个网站的网址是什么呢？我们再次点击【setting】

• 15

  同样找到【GitHub pages】，在下面就会出现自己的网站域名，点击即可进行访问

• 16

  这里就可以看到我们之前选中的主题，大概就是下面的这个样子。

• 17
• 18

  修改代码需要点击下面的保存修改，然后进行提交，在界面底部有一个绿色按钮，点击即可。

• 19

  然后我们再访问自己的网站，使用F5刷新 ，如果你网页修改的篇幅比较大，它这个服务器会有缓存的时间需要稍微等待一会儿才会在网页上显示。

• 20

  怎样将网页分享给别人？
  我们创建域名，设计网页不是为了给自己看，需要通过一定的方法将网页进行分享，这里可以使用下面图片中的工具将网页，用二维码分享给别人。

• 21

  选中转化网址，将网页粘贴过来，点击生成二维码

• 22

  二维码的样式可以修改，最主要的是可以将其下载下来。

• 23

  之后我们就可以将这个二维码，通过QQ，微信等方式分享给好友，让我的网站得到充分的传播。

特别提示

代码修改后不会立即同步，需要稍等。

如何通过GitHub免费搭建在线网页

　　拥有下列条件才能使用此方法：
　　（此项内部问题请自行度娘）
　　1.你需要拥有一个GitHub账号；
　　2.你需要安装git程序；
　　3.你需要掌握基本的电脑以及网页相关知识；
　　下面只是简略列出快速搭建网页的步骤（该步骤为windows系统下方法）
　　（重要）建立项目主页步骤：
　　1.打开How people build software · GitHub （官网），登录；
　　2.点击右上角“+”，新建一个repository(仓库);
　　??? a.填写"repository name"仓库名（必需）和"Description"描述（可选）；
　　??? b.类型默认选择为public.(此处无需更改，private为私人类型需要花钱购买该项服务)；
　　??? c.勾选项"Intialize this repository with a Readme"为初始化（可选）；
　　??? d.点击"Create repository"按钮;
　　3.创建用于页面展示的gh-pages分支;
　　??? a.点击"settings";
　　??? b.在options下右侧显示内容拉至下部找到GitHub Pages栏；
　　??? c.点击"Automatic page generator"按钮跳转到页面；
　　??? d.在接下来的操作中基本都不用管，一路点绿色按钮直到点击"publish page"按钮结束;
　　??? e.此时已创建完用于展示的默认页面；
　　4.克隆仓库到本地并在本地将你需要展示的内容文件上传到gh-pages分支；
　　??? a.在你本地用来安放仓库的目录下右键选择"git ba)
　　最后补充你可能需要的链接地址
　　下载git，请点击官方地址官方下载地址（请选择对应的版本）?；
　　如需了解更多有关git的相关知识请点击Pro Git 简体中文版?
　　此处内容有必要了解一下（选修）
　　该处的内容摘要自：单个GitHub帐号下添加多个GitHub Pages的相关问题 - 我很好奇 - SegmentFault
　　1.个人主页必须要和用户的GitHub帐号同名，所以每个用户有且只能有一个repo作为个人主页，且必须是《用户名/用户名.github.io》 的形式；而项目主页的命名则没有这种限制，且数量有任意多个;
　　2.不考虑绑定的自定义域名的前提下，个人主页的GitHub二级域名为《用户名.github.io》 ;项目主页的GitHub二级域名为《用户名.github.io/项目名》,没有《项目名.用户名.github.io》 这种方式;
　　3.个人主页的展示内容以 master 分支里的文件为准；而项目主页的展示内容以 gh-pages 分支内的文件为准;
　　

如何在github上托管静态网页

创建一个项目，命名比较特殊，格式：在Github注册的用户名.github.com
在这个项目下点击Setting
再点击Automatic page generator
最后点击public page，第一阶段大功告成。以下是成功提示。
Your user page has been created a