美文网首页
使用 GITHUB PAGES 托管自己的静态页面

使用 GITHUB PAGES 托管自己的静态页面

作者: Asbefore如初_3142 | 来源:发表于2018-09-05 10:08 被阅读0次

使用 GITHUB PAGES 搭建自己的静态页面


准备工作:

1. 注册github账号
2. 在自己电脑上安装 git

1. 将本机ssh公钥添加到github账户

说明:已经添加过的可以直接跳过
为什么要添加ssh?为了使自己每次在push时,不需要输入github的账户密码,当然,也可以直接跳过这个不走

  1. 首先打开 www.github.com,进入首页,最小化浏览器
  2. 添加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. 开始

  1. 首先打开 www.github.com,进入首页

  2. 在github首页点击+号,添加工程

image
  1. 填写名称和说明后,点击创建按钮
image

在创建完成后,会跳转到创建成功的页面,我们首先最小化浏览器,不要去关闭它

  1. 在本地电脑上创建一个文件夹

  2. 添加一个 index.html 文件,保存以下文件内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
</head>
<body>
    <p>hello world</p>
</body>
</html>

  1. 进入文件夹 -> 右键 Git Bash Here ,打开git名称窗口,按照顺序执行
    git init
    git add index.html
    git commit -m "添加一个 index.html 文件"

然后将浏览器最大化,还记得创建工程时的页面吗

image

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

  1. 设置工程可被访问

点击箭头指向处的 setting

image

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

image





相关文章

网友评论

      本文标题:使用 GITHUB PAGES 托管自己的静态页面

      本文链接:https://www.haomeiwen.com/subject/wsgowftx.html