通过github展示作品

之前在网上看到有人将自己的作品放到github上，而且还能展示效果，觉得很神奇，今天学习了一下。之前一直想把自己写的页面放在网上，这样子去应聘的话，起码比没有作品展示的人要有优势！

但是部署的话有些人是部署到阿里云，买个域名什么的，但是要收费，虽然说大学生是9块一个月，但我总觉得没有必要，我总不能每个月都去续费吧……都要吃土了

Github有一个Github pages的功能可以搭建自己的个人博客或者托管网页，网上一大堆都是教你如何搭建自己的个人博客的，和我想展示自己的网页是有一定的差别的。而且我用hexo搭建了一个个人博客了。

 

接下来说一下如何在github展示自己的页面，就是人家一打开这个链接，你写的页面就立马显示出来，而不是只有代码。

 

前期准备：

1、你自己做的页面，我随便写了一个

 

2、有个github账号（这个很简单啦）

3、下载和安装git（这个是让你将本地的项目部署到网上的工具——我是这么理解的）

 

然后开始真正的重头戏了！！！

步骤一：登录github，新建一个仓库（repository）

这个repository可以用你喜欢的名字命名，我这里命名为“webProject”

 

如果你忘记选择了，没关系，可以在新建仓库之后添加readme.md文件

 

步骤二：设置仓库的Github pages（默认是设置没有的，所以要设置）

进入仓库后点击Settings

拉到页面下面找到Github Pages，修改none为master branch

 

！！！在这一步，就强调了一定要生成readme.md文件的重要性！如果没有生成readme.md文件，此处是不可以选择master branch选项的！

此时会生成一个网址，就是你的 github pages 的网址了。你在浏览器打开这个网址你在浏览器打开这个网址，看到的是你刚刚新建的那个仓库的readme.md

 

步骤三：用git部署，把仓库复制下来（git clone）

到这里，github上的工作已经完成了！然后我们在本地用git把项目部署上去。

先随便在一个文件夹中右键选择git Bash here（我选择的是F盘下面的cwj文件夹）

然后将github上的那个仓库（webProject）用“git clone”语句复制下来

ps：wenjingchan是我github的用户名，webProject是我的仓库名

这样我的文件夹里面（F:/cwj）中就会出现一个叫webProject的文件夹，里面存放的是webProject仓库里面的内容

随步骤四：将要部署的项目转移到仓库的文件夹下面（fangzhao是我拿来测试的项目，便写的一个……）

 

步骤五：开始部署

首先转移到仓库的目录下（即webProject文件夹下面）

 

输入“git status”命令，这个命令列出当前目录所有还没有被git管理的文件和被git管理且被修改但还未提交(git commit)的文件，也就是所有改动文件，红色字体标出。

 

输入“git add .”命令，表示添加当前目录下的所有文件和子目录，

然后 再输入一次 git status 如果看见文件都变绿了 ，那么就代表 它们已经准备好了被提交（git commit）。

 

输入“git commit -m “备注语句” ”命令

输入“git pull”命令和“git push”命令，将你的文件上传至远程 master 分支

 

在输入“git push”命令后，会让你输入你的github用户名和密码，输入成功则能成功发布（如果没有出现fatal语句就代表部署成功了，此时你可以刷新你的仓库页面，就会出现你的项目）

 

在浏览器输入你的github pages地址+你的项目名（fangzhao）+你的html文件路径（index.html）就能显示你的页面了！

 

再次上传你的其他项目时，只要重复步骤三至步骤五就可以了！