黑猴子的家:GitHub 之 gh-pages 新手入门

1、官网地址,通过邮箱注册一下

https://github.com/

黑猴子的家:GitHub 之 gh-pages 新手入门

2、登录

黑猴子的家:GitHub 之 gh-pages 新手入门

3、创建一个新仓库

黑猴子的家:GitHub 之 gh-pages 新手入门
黑猴子的家:GitHub 之 gh-pages 新手入门
黑猴子的家:GitHub 之 gh-pages 新手入门

4、Git window 客户端 安装

https://www.jianshu.com/p/c62a4f4bbb13

5、GitHub Init 初始化

在window7新建first文件夹,在first文件夹中操作

$ git init

$ git config user.name liufengji

$ git config user.email [email protected]

$ git remote add origin https://github.com/liufengji/first.git

$ vim index.html
<!DOCTYPE html>
<html>
    <head>
        <meta charset='utf-8' />
        <title>GitHub gh-pages 学习</title>
    </head>
    <body>
        <h1 style="text-align:center;" > Welcome To My GitHub Pages </h1>
    </body>
</html>
//英文输入模式下,输入":wq" 保存退出

$ git status

$ git add index.html

$ git commit -m "index.html"

$ git push origin master
//记得删除**github**要输入密码

6、GitHub Pages 注意事项

https://www.jianshu.com/p/470ad39eac04

7、GitHub 添加分支

//创建victor分支
$ git branch victor

//查看所有分支
$ git branch -v

//切换到victor分支
$ git checkout victor

//提交到victor分支
$ git push origin victor

8、利用GitHub的二级域名进行访问

https://liufengji.github.io/first/

黑猴子的家:GitHub 之 gh-pages 新手入门

9、二级域名的ip地址

ping一下 就可以了

ping liufengji.github.io
正在 Ping liufengji.github.io [185.199.109.153] 具有 32 字节的数据
来自 185.199.109.153 的回复: 字节=32 时间=93ms TTL=52
来自 185.199.109.153 的回复: 字节=32 时间=100ms TTL=52
来自 185.199.109.153 的回复: 字节=32 时间=101ms TTL=52
来自 185.199.109.153 的回复: 字节=32 时间=101ms TTL=52

10、花20块左右买一个域名,腾讯云、百度云、阿里云、华为云等等都可以

开始解析

黑猴子的家:GitHub 之 gh-pages 新手入门

解析后

黑猴子的家:GitHub 之 gh-pages 新手入门

可以看到我以前已经添加过一些解析了,如果你是刚买的域名。是没有添加记录的。这时候我们点击添加记录或者新手快速添加

黑猴子的家:GitHub 之 gh-pages 新手入门

简单说明一下,主机记录就是下方的框框的东西,我们只要两条记录就好了,一个是www,另一个是@,记录类型都选A,记录值就是上面我们ping到的ip地址。

黑猴子的家:GitHub 之 gh-pages 新手入门

这样就解析完成了,例如你买的域名是mclink.xyz,那么地址http://www.mclink.xyzhttp://mclink.xyz都可以正常访问。很简单吧。对于不想花钱买服务器的也不想备案的同学这个就很好用啦。而且GitHub里面还提供了主题给我们当模板使用。如果你对GitHub还不熟悉,可以去多看看我关于GitHub写的简书