从零开始用github page搭建个人网站

1.进入github官网，创建github帐号

github官网地址https://github.com/，点击左上角的注册按钮，进入注册页面，填写邮箱号和密码进行注册。

注册.png

2. fork我的项目，然后再重命名为username.github.io，这个username为你的github帐号名。

项目地址：https://github.com/tang119/tang119.github.io

image.png

image.png

项目列表.png

重命名.png

重命名后，网址输入https://nunuofficial.github.io/job/就可以看到你的网站了，当然你想要换个模板，换个地址都是可以的，下面我会介绍。

image.png

3.不选择fork也可以自己新建名为username.github.io的项目。

username为github的帐号名称。建好这个项目后，只需要往里放一个index.html，打开https://username.github.io/就可以看到页面啦。具体怎么去上传代码有几种方法，下面再介绍。

新建1.png

新建2.png

注意：如果https://username.github.io/显示404，可能是还没更新，等10分钟再试试

4. 管理代码

安装github桌面版，方便上传最新的代码
下载地址：https://desktop.github.com/

image.png

下面演示的图片用到的是我自己的帐号。
具体看下怎么管理代码就可以啦。
登录github帐号

登录.png

本地关联github仓库

• 进入放代码的目录
  f:
cd f:\github\tang110/github.io
• 初始化git版本
  git init
• 'https://github.com/tang119/tang119.github.io'要修改为你自己的地址。
  git remote add origin https://github.com/tang119/tang119.github.io
  如果出现错误：fatal: remote origin already exists，则执行以下语句：
  $ git remote rm origin
• 拉取远程版本
  git pull origin master
  
  image.png

本地把代码拉下来后，用github桌面版进行管理，路径就选为刚刚新建的目录。

image.png

给代码做下修改

image.png

github桌面版识别到修改的内容，选择修改的内容，commit

image.png

commit后还需要publish branch才会提交到远程库

image.png

显示为Fetch origin就是提交成功啦

image.png

就可以到https://github.com/tang119/tang119.github.io刷新看代码是否已提交

image.png

最后输入网址'https://tang119.github.io/test/’看是否可以显示刚刚提交的内容。看到提交的内容已经生效了，现在是不是学会管理github上的代码了呢，那么你可以随意更改tang119.github.io项目中的内容，自定义模板，都可以在https://tang119.github.io中生效，最简单是进入http://www.cssmoban.com/模板之家，选择自己喜欢的模板，修改一下文字，就有了自己的网站了。也可以直接在我的模板上修改~

image.png

下面介绍一下不下载github桌面版怎么管理仓库

进入项目目录

• 添加所以改动的文件
  git add .
• 提交修改
  `git commit -m "test1"
• 上传修改
  git push origin master

• 输入用户名和密码就提交成功了

  
  
  image.png

更加详细的管理仓库的指令和遇到的问题可以看我这篇博客：https://github.com/tang119/blog/issues/10，包含了关联ssh，新建ssh的方法