GIT入门笔记[1]:使用 GitHub Pages 预览 HTML

322 阅读2分钟

试问哪一个男孩不希望自己在最大的同性交友技术社区拥有自己的页面呢?
没有男孩会拒绝拥有属于自己的页面

那么要如何在github上拥有自己的博客页面呢?
你只需要网线和电脑就可以开始在github上部署预览你的静态HTML页面了
(撒花 ✿✿ヽ(°▽°)ノ✿)

1. 创建一个新项目

前往github官网, 登录账户,点击New repository创建新项目. 填入项目基本信息, 点击Create Repository 确认。

项目创建完成会看到如下页面:
我们需要将已有的文件上传至我们的新建项目中,这里可以依次复制命令行代码:
$ git remote add origin https://github.com/Irenia111/github-pages-demo.git
$ git-pages-demo irenia$ git push -u origin master
运行代码后会提示输入github的用户名及密码,文件上传结束后是这个样子:

2. 开启项目的 github page 选项

如图, 我们选中Settings


下翻所在页面,找到Github Pages选项, 将Source改为master branch,如果之前没有上传文件的话,你的本地git仓库和线上git仓库没有连接,无法选择master branch
勾选结束之后,你会看到这样的页面:

由于之前已经完成了文件上传,所以这里你会直接获得github pages的预览页面,在本例中为https://irenia111.github.io/github-pages-demo/
需要注意的是,这个链接是项目github-pages-demo的预览链接,由于没有输入文件地址,直接使用链接你会看到这个页面:

Don't Panic

因为我们没有输入文件地址,链接只是项目github-pages-demo的预览链接,所以我们肯定是看不到页面的。
在链接后面加上你上传的文件名称,我们就可以预览页面啦~
https://irenia111.github.io/github-pages-demo/demo.html