教你用github pages搭建个人网站

(1)新建仓库

ok,首先你需要一个github的账号,立志作为一名优秀的程序员,这个账号是应该有的,如果没有赶快申请一个。

有了账号以后,首先点击新建仓库,如图:

然后到达仓库信息填写界面,如图:


这里只要注意一个地方,就是仓库的名称,必须是:你的用户名.github.io,例如我的用户名是13691215321,我填写的仓库名称即为:13691215321.github.io

(2)更新内容

有了仓库以后,你就可以去随意的更新内容了,如果你对html熟悉,你可以随便写个页面提交上去,比如我写个简单的html页面。

先简单说一下如果更新github仓库中的内容:

  1. clone到本地

    命令行进入硬盘上任意一个文件夹,然后执行

    git clone https://github.com/13691215321/13691215321.github.io.git
    
    • 1
    • 2
    • 1
    • 2

    注意修改为你的仓库地址,如果你的电脑上并不支持Git命令,你可以搜索git 安装,先安装好git并配置好环境。

到达本地之后,我们就可以准备好需要更新进去的页面了,比如我新建一个index.html内容如下:


<html>
<body>
<h1>这是我使用github pages搭建的个人站点。h1>
body>
html>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

完成之后,记得保存,index.html必须和你clone下来的.git文件夹在同一个目录,如图:


完成之后,就是提交了。

E:\git\13691215321.github.io
git add .
git commit -m "更新index.html,编写博文测试"
[master c22f3d4] 更新index.html,编写博文测试
 1 file changed, 6 insertions(+), 1 deletion(-)
git push
Username for 'https://github.com': 13691215321
Password for 'https://[email protected]': 
>$ 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

注意首先命令行进入你的13691215321.github.io这个目录,然后依次执行git add . , git commit -m "注释"git push,然后输入你的用户名,密码即可。

更新成功之后,那就要恭喜你了,你的个人站点搭建成功了。

恩,是的,默认的地址是:

http://13691215321.github.io
  • 1
  • 1

你可能感兴趣的:(web前端)