kkgithub page

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

2019-01-21  本文已影响386人  清汤饺子

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仓库

本地把代码拉下来后,用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桌面版怎么管理仓库

进入项目目录

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

上一篇 下一篇

猜你喜欢

热点阅读