将静态内容部署到 GitHub Pages

 

 

 

注册好账号,安装完Git之后,接下来大概分为两部分,一是上传代码,二是发布静态页面;
下面按照顺序分析两大部分

一、上传代码

$ 美元符号后面的命令行是自己写的,写完统一回车,没有分号

1. 建立git仓库
   cd到你的本地项目根目录下，执行git命令
   　　git init
2. 将项目的所有文件添加到仓库中
   　　git add . 　　.代表路径,如果想添加某个特定的文件，只需把.换成特定的文件名即可
3. 将add的文件commit到仓库
   　　git commit -m "注释语句"

4. 登录你的账号,并且新建一个项目

注意事项:

5. 重点----将本地的仓库关联到github上

　　git remote add origin https://github.com/lxlx722/love.github.io

后面的https链接地址换成你自己的仓库url地址，也就是上面框中标出来的地址

7. 上传github之前，要先pull一下，执行如下命令：
   git pull origin master 或者git pull --rebase origin master



9. 最后一步，上传代码到github远程仓库
   git push -u origin master

执行完后，如果没有异常，等待执行完就上传成功了，中间可能会让你输入Username和Password，你只要输入github的账号和密码就行了。

注意

如果出现这种问题,就把 git pull命令重复一遍;

可以在本地Git命令行中设置绑定的邮箱
$ git config --global user.name “lxlx722” //用户名
$ git config --global user.email “[e-mail]” //填写自己的邮箱

上传完成后就是这种状态

二、发布静态网页

代码上传成功之后就可以发布静态网页了；

1. 点击setting
2. 设置
   (1) 仓库名和访问二级域名一致
   
   (2)滚动鼠标，往下面会看到GitHub Pages栏（默认是none）
   
   (3) 然后刷新页面,出现如下图一样的地址就表明推送成功;

推送成功的地址:https://lxlx722.github.io/love.github.io/

设置完成之后再回到code界面，里面会多出一个配置文件