git 学习笔记

使用本地的 git 工具操作 github

1. 网上创建好了有内容的仓库,本地去更新
  • 将远端的仓库克隆到本地使用 git clone 地址 命令
    • 远端地址分为两种 1. http 地址 2. ssh 地址
  • 在克隆好的项目中更新一个 index.html
  • 将做好的更新提交到远端
    • 在对应仓库打开 npm
    • 执行 git add . 将对仓库的修改让远端记录 .代表所有更改,可以换成文件名
    • 执行 git commit -m'更新信息' 更新信息指这次的更新标题
      • 第一次执行这个命令会失败,提示 Please tell me who you are.
      • 按照提示告诉远端 1. 执行 git config --global user.email
    • 执行 git push
2. 网上创建好空仓库,将本地的项目更新到网上
  • 网上创建空仓库,仓库名最后和本地的项目名相同
  • 准备好本地的项目
  • 在本地项目的根目录内打开命令行工具,将本地的项目制作成 git 仓库,执行git init
  • 初始化空仓库之后,将本地项目的所有修改让远端记录,执行 git add .
  • 将此次记录制作成版本 执行 git commmit -m 'first commit'
  • 将分之强制重命名成 main 默认创建叫 master 执行 git branch -M main
  • 由于本地的仓库没有远端地址,所以需要添加一个远端地址 git remote add origin 仓库地址
  • 将本地的内容提交到远端,由于是第一次和远端交互,提交的时候需要带 地址和分支,执行 git push -u origin main
添加 ssh 密钥
  • 在任意位置打开命令行工具执行 ssh-keygen 创建密钥。默认生成公钥和私钥
  • 在生成密钥的位置找到公钥 依次执行 cd ~/.ssh 然后 ls 然后 cat id_rsa.pub
  • 然后复制 一大堆英文字母
  • 去 github 网站新建一个 ssh 每一个系统有一个 ssh 密钥
  • 以后下载上传更新仓库直接使用 ssh 地址就不需要密码了
两个用户操作同一个仓库下的同一个分组 main

网上操作当成一个用户,本地的操作当成一个用户

  • 网上的小a同事,更新了自己代码功能(和小b操作的不是同一个文件)
  • 本地的小b,工作做完了,需要更新自己的代码,但是小b提交(push)的时候失败了,提示远端包含本地不存在的工作,不允许提交
    • 只要本地和远端地址不一致,就不允许上传
  • 需要将本地不存在的远端的版本拉取下来 执行 git pull 会弹出一个新的编辑器 东西 按住shift按两下z 会保存并推出 然后 git push 就行了

情况二

  • 网上的小a同事,对index.html 进行更新,并上传
  • 本地的小b,工作做完了,也要更新自己的代码,也是修改了index.html ,然后上传,依然上传失败
  • 也会提示远端存在本地不存在的版本,需要执行‘git pull’拉取远端更新。但是这次 github 并不会自动帮你合并版本,而是需要你解决冲突之后,自己制作合并之后的版本上传,重新 add commit push
git 分支

一个 git 仓库可以有多个分支默认只有一个 main 分支,默认所以内容放在了 main 分支

  • 网上创建好带 readme 的仓库 ,使用 ssh 克隆到本地(其实只是克隆了 main 分支的内容)
  • 在本地的仓库内打开命令行,创建一个新的分支 git branch 分支名,这步操作只是在本地创建了一个新的分支,可以使用git branch 查看本地仓库的所有分支,带星号的是当前所处分支。创建好的分支默认里面的内容和当前所在分支完全一样
  • 使用 git checkout 分支名 切换到对应的分支
    • 可以使用 git checkout -b 分支名 新建分支并切换
  • 在分支的文件夹下新增 index.html 并使用 git 三步上传,长传会失败,因为远端不存在新增的分支需要使用 git push --set-upstream 分支名
特殊的分支 gh-pages, 是 github 提供的免费服务器
  • 当新建的分支名是 gh-pages 的时候,这个分支下的所有内容都会部署在 github用户名.github.io/仓库名 地址下,会默认访问 index.html
分支的团队合作一个人一个分支
  • 网上新建一个空仓库和本地项目重名

  • 本地新建vue项目,删除.git文件夹

    • vue 项目创建的时候自带 .gitignore 文件,该文件是 git 忽略上传的文件,该文件内写的所有内容都会忽略上传。
  • 进入到项目中打开命令行,制作成仓库并上传 git init git branch -M main 然后 git add . git commit -m'first' 然后 git remote add origin git@github.com:famous-z/vue-test.git git push -u origin main

  • 创建分支并上传

  • 切换到对应的分支运行项目并且开始执行任务,做完之后上传

  • 工作完成之后需要合并分支,将分支的更新全部合并到 main 分支,先切换到 main 分支 然后 git merge 分支名 将对应分支的修改合并到 main 分支,然后直接 git push 将合并好的更新提交到网上。

    • 有时 merge 可能合并失败,提示你解决冲突然后做版本上传
  • 上面的分支操作流程 a 和 b 彼此不知道做了哪儿些更新(不太好)

  • 当 a,b 一起合作一个分支的时候,如果 a 更新了,并且 main 也更新了,那么 b 开始工作的时候,需要拉去 main 的更新,切换到 b 分支,执行 git pull origin main,工作完成后 上传即可

使用hexo创建博客
  • 下载完成hexo之后,使用 hexo init 创建博客
  • 在 github 上创建一个新的空仓库
  • 执行 npm install --save hexo-deployer-git 创建一个新插件
  • 修改 _config.yml 文件 中url 和 最下面 Deployment 部分
        url: https://famous-z.github.io/blog/
        deploy:
            type: git
            repo: git@github.com:famous-z/blog.git
            branch: gh-pages
    
  • 执行 hexo d 就可以自动部署到 github
  • 如果创建新的文章之后 需要执行 hexo g 在运行
vue 部署
  • 因为是单页面应用,如果用了路由,有两种方案
    1. 使用路由的 hash 模式
      • 将 mode 改成 hash
      • 如果部署的服务器是带路径的,就是如果要部署到 github 上的 gh-pages 需要添加一个 publicPath 配置
        • 在项目根目录新建 vue.config.js ,这个文件是 vue 的配置文件,会自动和项目原配置合并
        • 根据服务器地址修改对应的 publicPath
      • 重启项目,保证本地项目运行没问题
      • 打包成品到本地,需要执行 npm run build
      • 将 dist 文件夹下起一个本地服务,项目可以正常运行serve .
      • 将 dist 文件内的所有内容上传到服务器
      • 使用服务器网站直接访问
    2. 使用 history 模式,此模式的时候,必须对部署的服务器进行设置,所有地址全部指向 index.html
  • 更新
    1. 借助 pg-pages 工具包自动更新 gh-pages 分支
      • 项目内安装 gh-pages 包 npm i gh-pages --save-dev
      • 在 package.json 中添加一个 script 字段 ‘deploy’:“gh-pages -d dist”
          "scripts": {
              "serve": "vue-cli-service serve",
              "build": "vue-cli-service build",
              "lint": "vue-cli-service lint",
              "deploy": "gh-pages -d dist"
          }
      
      • 打包编译 npm run bulid
      • 将对项目修改的源码更新到 main 分支
      • 执行 npm run deploy 自动更新 gh-pages 分支。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值