使用 GITHUB PAGES 搭建自己的静态页面
准备工作:
1. 注册github账号
2. 在自己电脑上安装 git
1. 将本机ssh公钥添加到github账户
说明:已经添加过的可以直接跳过
为什么要添加ssh?为了使自己每次在push时,不需要输入github的账户密码,当然,也可以直接跳过这个不走
- 首先打开
www.github.com
,进入首页,最小化浏览器 - 添加ssh秘钥到github账户
在git
窗口下执行 ssh-keygen
然后需要输入文件名和密码,为了方便,直接按三次回车就可以了
然后找到C:\\user\\你的电脑名称\\.ssh\\id_rsa.pub
用文本编辑器打开
里面就是 ssh
公钥,ctrl+A
全选后复制
打开浏览器,点击右上角头像,进入设置 settings

进入设置后,点击SSH and GPG keys
然后点击 New SSH key


第一行是别名,输入别名后,将刚才 复制的公钥粘贴到第二个框中。然后保存
就可以了~~~
2. 开始
-
首先打开
www.github.com
,进入首页 -
在github首页点击+号,添加工程

- 填写名称和说明后,点击创建按钮

在创建完成后,会跳转到创建成功的页面,我们首先最小化浏览器,不要去关闭它
-
在本地电脑上创建一个文件夹
-
添加一个 index.html 文件,保存以下文件内容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
<p>hello world</p>
</body>
</html>
- 进入文件夹 -> 右键
Git Bash Here
,打开git名称窗口,按照顺序执行
git init
git add index.html
git commit -m "添加一个 index.html 文件"
然后将浏览器最大化,还记得创建工程时的页面吗

按照顺序执行箭头处的代码就可以了,注意,不要执行我图片中的代码。建议直接从页面上复制粘贴就可以了,防止出错。
如果在push
过程中,有任何提示操作,(如提示输入yes
),直接输入yes
即可。
- 设置工程可被访问
点击箭头指向处的 setting

然后滚动页面到底部,设置 为 master
后,点击save,然后就上边就出现了一个链接,这时候直接点击那个链接就可以访问啦

网友评论