预览自己的第一个网页

Git Bash

Git Bash官网

安装

进入官网,点击Download下载

安装如下:

如没有相应图片直接进入下一步即可(安装目录自行选择)

预览自己的第一个网页

预览自己的第一个网页

预览自己的第一个网页

预览自己的第一个网页

安装完成后,打开Git Bash。

配置

预览自己的第一个网页

预览自己的第一个网页

预览自己的第一个网页

预览自己的第一个网页

预览自己的第一个网页

配置完成后,重启即可!

Github配置

步骤如下:

  1. 进入此网站:https://github.com/settings/keys

  2. 点击 New SSH key 后,会发现需要输入 Title 和 Key,但是目前没有,需要继续进行如下操作

  3. 打开刚刚下载的 Git Bash

  4. 复制并运行rm -rf ~/.ssh/*,意思是把现有的 SSH keys 都删除掉

  5. 运行ssh-keygen -t rsa -b 4096 -C "你的邮箱",特别注意:冒号里面请输入你自己的邮箱

  6. 然后按回车三次

  7. 复制并运行cat ~/.ssh/id_rsa.pub,我们会得到一串东东,请完整复制这串东东

  8. 回到第 2 步的页面上去,在 Title 输入 这是我的第一个key(随你自己填写)

  9. 在 Key 里面粘贴刚刚复制的那一串东东

  10. 最后点击 Add SSH key

  11. 然后再在 Git Bash 上,运行ssh -T ,你会看到如下提示:

预览自己的第一个网页

直接输入 yes,然后回车

  1. 如果你看到Permission denied (publickey).,这说明你失败了,回到第一步重新来吧(????????);但是如果看到Hi LqZww! You‘ve successfully authenticated, but GitHub does not provide shell access.,这说明恭喜你成功了。

注意Git要进行如下配置:

git config --global user.name xxx  //把xxx替换成你的英文名字随便什么都行,此英文名不需要跟GitHub账号名保持一致
git config --global user.email yyy  //把yyy替换成你的邮箱,跟Github一样或者不一样都行
git config --global push.default matching
git config --global core.quotepath false  
git config --global core.editor "vim"  //使用vim编辑提交信息

在Github上创建并更新仓库

创建

在Github上点击 New,Repository name 自己随便填写,填完这个后直接点 Create repository

预览自己的第一个网页

然后我们看到如下界面后,一定要点击SSH,然后自己找一个安全目录,依次输入下面其中得6行代码

预览自己的第一个网页

预览自己的第一个网页

输入完后,刷新页面即可

预览自己的第一个网页

更新

如果我们要把本地的文件更新上传到github,需要做如下操作:

git status
git add .
git status
git commit -m "提交"
git push origin master

域名

购买

可以在阿里云上购买,也可以在其他平台上

域名比价平台

配置DNS

这里我用到的是阿里云

首先你在Github上有了一个自己的一个仓库,然后进入自己的仓库,并点击 Settings

预览自己的第一个网页

然后往下划,找到 GitHub Pages,点击 Learn more

预览自己的第一个网页

打开新网址后,在搜索框输入 Managing a custom domain for your GitHub Pages site ,点击第一个进入

预览自己的第一个网页

然后再往下划,找到如下位置:

预览自己的第一个网页

我们会发现里面有4行数字,接下来,我们进入阿里云的域名控制台,然后点击解析

预览自己的第一个网页

点击添加记录,记录类型选择 A-将域名指向一个IPV4地址,主机记录输入 @,记录值就复制刚才在github上那4行数字的第一行,点击确认即可。(需要添加四个记录,那4行数字每行都要添加一个记录),最后效果如下:

预览自己的第一个网页

Seetings

回到自己的仓库,进入 Settings,找到 GitHub Pages,点击 None,选择 master branch,自动刷新后在 Custom domain 下填上自己的域名,然后点击 Save

预览自己的第一个网页

预览自己的第一个网页

预览自己的第一个网页