用git发布静态页面

一、准备工作

1.在Windows上安装Git

1. msysgit是Windows版的Git，从http://msysgit.github.io/下载，然后按默认选项安装即可。

2. 安装完成后，在开始菜单里找到“Git”->“Git Bash”，蹦出一个类似命令行窗口的东西，就说明Git安装成功！

$ git config --global user.name "Your Name"
$ git config --global user.email "email@example.com"

2.注册github或者gitee账号

这里推荐gitee账号来完成这个练习，因为网络问题github提交代码很可能不成功。

 

二、基础知识

git命令：

1. mkdir:

新建一个目录,就是新建一个文件夹. 如mkdir src 新建src 文件夹.

2.cd :

change directory的简写，改变目录的意思，就是切换到(进入)哪个目录下， 如 cd e:\fff  切换 E 盘下面的fff 目录。

当我们用cd 进入文件夹时,我们可以使用 通配符*, cd f*,  如果E盘下只有一个f开头的文件夹,它就会进入到这个文件夹.

 

3.pwd :

print working directory, 打印工作目录，它会显示我们当前所在的目录路径。

 

4.git init

git init命令把这个目录变成Git可以管理的仓库：

 

4.1使用当前目录作为Git仓库，我们只需使它初始化。

git init

该命令执行完后会在当前目录生成一个 .git 目录。Git 使用 git init 命令来初始化一个 Git 仓库，Git 的很多命令都需要在 Git 的仓库中运行，所以 git init 是使用 Git 的第一个命令。在执行完成 git init 命令后，Git 仓库会生成一个 .git 目录，该目录包含了资源的所有元数据，其他的项目目录保持不变（不像 SVN 会在每个子目录生成 .svn 目录，Git 只在仓库的根目录生成 .git 目录）。

4.2使用我们指定目录作为Git仓库。

git init newrepo

初始化后，会在 newrepo 目录下会出现一个名为 .git 的目录，所有 Git 需要的数据和资源都存放在这个目录中。

 

4.3细心的读者可以发现目录下多了一个.git的目录

这个目录是Git来跟踪管理版本库的，没事千万不要手动修改这个目录里面的文件，不然改乱了，就把Git仓库给破坏了

 

5.代码

命令: 
mkdir learntGit         在当前目录下创建learntGit文件夹
cd  learnGit            进入learnGit文件夹中
pwd                     查看当前路径
git init                将当前目录变成Git可以管理的仓库

将文件添加到版本库：


新建一个文件：一定要放到learngit目录下（子目录也行），因为这是一个Git仓库，放到其他地方Git再厉害也找不到这个文件。



git add + 文件名         将文件添加到仓库，可多次提交（添加成功，没有任何显示）
git commit -m + 提交说明  把文件提交到版本库

三、发布流程

 

1.在gitee新建项目

使用Gitee和使用GitHub类似，我们在Gitee上注册账号并登录后，需要先上传自己的SSH公钥。选择右上角用户头像 -> 菜单“修改资料”，然后选择“SSH公钥”，填写一个便于识别的标题，然后把用户主目录下的.ssh/id_rsa.pub文件的内容粘贴进去：

• 在git-bash中输入ssh-keygen -t rsa -C "youremail@example.com"，其中youremail@example.com替换成注册githhub的邮箱
  输入完以后就创建了ssh文件（密码学里的公钥私钥文件),位置一般在C:\Users\17876.ssh这里

  

  用记事本打开id_rsa.pub文件，将里面的内容复制

 

点击“确定”即可完成并看到刚才添加的Key：

如果我们已经有了一个本地的git仓库（例如，一个名为learngit的本地库），如何把它关联到Gitee的远程库上呢？

首先，我们在Gitee上创建一个新的项目，选择右上角用户头像 -> 菜单“控制面板”，然后点击“创建项目”：

项目名称最好与本地库保持一致：

 

2.本地仓库搭建

• 找一个目录放置你需要上传的所有网页页面资源，比如我的是e盘的github的resource目录下

   

  

   

• 打开git的git-bash

• 打开后进入到resource 目录下（cd e:github/resource），并初始化仓库(git init)

   

  

   

  将该文件夹所有文件提交至该本地仓库，git add .表示添加所有文件（注意后面有个小数点，小数点前面有空格.），后期如需提交单个文件也可 git add 文件名。git commit命令是正式提交的意思，引号里面的文本是对本次提交作一个说明

   

  

  这样本地仓库就建好啦！

3.将本地仓库连接至gitee的远程仓库

 

然后，我们在git bash上使用命令git remote add把它和Gitee的远程库关联：

git remote add origin git@gitee.com:yourname/learngit.git

• 最后一步是在git-bash中运行git push -u origin master将代码同步至gitee

   

  

   

然后刷新下gitee，就可以看到该远程仓库下的文件和本地仓库的一样啦！

 

 

4.生成静态网站

点击Gitee Pages，进入如下界面

点击启动服务

稍等片刻，出现的网站地址就是你博客的部署地址！