从零开始用github page搭建个人网站
2019-01-21 本文已影响386人
清汤饺子
1.进入github官网,创建github帐号
github官网地址https://github.com/,点击左上角的注册按钮,进入注册页面,填写邮箱号和密码进行注册。
![](https://img.haomeiwen.com/i4979996/ec7065ac1bd60cbb.png)
2. fork我的项目,然后再重命名为username.github.io,这个username为你的github帐号名。
项目地址:https://github.com/tang119/tang119.github.io
![](https://img.haomeiwen.com/i4979996/4060ab1c6b7599c6.png)
![](https://img.haomeiwen.com/i4979996/770e088b88a74245.png)
![](https://img.haomeiwen.com/i4979996/2a10f9c518394b73.png)
![](https://img.haomeiwen.com/i4979996/898a7a469e6870e9.png)
重命名后,网址输入https://nunuofficial.github.io/job/就可以看到你的网站了,当然你想要换个模板,换个地址都是可以的,下面我会介绍。
![](https://img.haomeiwen.com/i4979996/379d77987bdfd943.png)
3.不选择fork也可以自己新建名为username.github.io的项目。
username为github的帐号名称。建好这个项目后,只需要往里放一个index.html,打开https://username.github.io/就可以看到页面啦。具体怎么去上传代码有几种方法,下面再介绍。
![](https://img.haomeiwen.com/i4979996/191e90e3e40ffccc.png)
![](https://img.haomeiwen.com/i4979996/2a24a3dad07c81c8.png)
注意:如果https://username.github.io/显示404,可能是还没更新,等10分钟再试试
4. 管理代码
安装github桌面版,方便上传最新的代码
下载地址:https://desktop.github.com/
![](https://img.haomeiwen.com/i4979996/c20ffec8c5ef71ad.png)
下面演示的图片用到的是我自己的帐号。
具体看下怎么管理代码就可以啦。
登录github帐号
![](https://img.haomeiwen.com/i4979996/3d7bfed3983339d7.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桌面版进行管理,路径就选为刚刚新建的目录。
![](https://img.haomeiwen.com/i4979996/7256df59c46f10d9.png)
给代码做下修改
![](https://img.haomeiwen.com/i4979996/ac5e6d8c7da2d828.png)
github桌面版识别到修改的内容,选择修改的内容,commit
![](https://img.haomeiwen.com/i4979996/ddc41cb0da22e612.png)
commit后还需要publish branch才会提交到远程库
![](https://img.haomeiwen.com/i4979996/04703ecbc4d4502b.png)
显示为Fetch origin就是提交成功啦
![](https://img.haomeiwen.com/i4979996/ccb421c4e1e00478.png)
就可以到https://github.com/tang119/tang119.github.io刷新看代码是否已提交
![](https://img.haomeiwen.com/i4979996/3536de6c2e030355.png)
最后输入网址'https://tang119.github.io/test/’看是否可以显示刚刚提交的内容。看到提交的内容已经生效了,现在是不是学会管理github上的代码了呢,那么你可以随意更改tang119.github.io项目中的内容,自定义模板,都可以在https://tang119.github.io中生效,最简单是进入http://www.cssmoban.com/模板之家,选择自己喜欢的模板,修改一下文字,就有了自己的网站了。也可以直接在我的模板上修改~
![](https://img.haomeiwen.com/i4979996/3c94a91f8e51baea.png)
下面介绍一下不下载github桌面版怎么管理仓库
进入项目目录
- 添加所以改动的文件
git add .
- 提交修改
`git commit -m "test1" - 上传修改
git push origin master
-
输入用户名和密码就提交成功了
image.png
更加详细的管理仓库的指令和遇到的问题可以看我这篇博客:https://github.com/tang119/blog/issues/10,包含了关联ssh,新建ssh的方法