使用 GITHUB PAGES 托管自己的静态页面
2018-09-05 本文已影响0人
Asbefore如初_3142
使用 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
image
进入设置后，点击SSH and GPG keys 然后点击 New SSH key
image
image
第一行是别名，输入别名后，将刚才 复制的公钥粘贴到第二个框中。然后保存
就可以了~~~
2. 开始
-
首先打开
www.github.com，进入首页 -
在github首页点击+号，添加工程
image
- 填写名称和说明后，点击创建按钮
image
在创建完成后，会跳转到创建成功的页面，我们首先最小化浏览器，不要去关闭它
-
在本地电脑上创建一个文件夹
-
添加一个 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 文件"
然后将浏览器最大化，还记得创建工程时的页面吗
image
按照顺序执行箭头处的代码就可以了，注意，不要执行我图片中的代码。建议直接从页面上复制粘贴就可以了，防止出错。
如果在push过程中，有任何提示操作，(如提示输入yes)，直接输入yes即可。
- 设置工程可被访问
点击箭头指向处的 setting
image
然后滚动页面到底部，设置 为 master 后，点击save,然后就上边就出现了一个链接，这时候直接点击那个链接就可以访问啦
image
