git知识点归纳
This commit is contained in:
wxf
+38
-1
@@ -78,7 +78,7 @@ a {
|
||||
box-shadow: 0 0 26px rgba(34, 211, 238, 0.42);
|
||||
}
|
||||
|
||||
.tech-doc-content :where(h3, h4) {
|
||||
.tech-doc-content :where(h3, h4, h5) {
|
||||
margin: 42px 0 16px;
|
||||
scroll-margin-top: 32px;
|
||||
color: #ffffff;
|
||||
@@ -100,6 +100,12 @@ a {
|
||||
color: #a5f3fc;
|
||||
}
|
||||
|
||||
.tech-doc-content h5 {
|
||||
margin-top: 28px;
|
||||
color: #e9d5ff;
|
||||
font-size: 0.98rem;
|
||||
}
|
||||
|
||||
.tech-doc-content :where(p, ul, ol, blockquote, pre) {
|
||||
margin: 16px 0;
|
||||
}
|
||||
@@ -227,6 +233,37 @@ a {
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
.tech-doc-content table {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
margin: 22px 0;
|
||||
overflow-x: auto;
|
||||
border: 1px solid rgba(103, 232, 249, 0.2);
|
||||
border-radius: 16px;
|
||||
border-spacing: 0;
|
||||
background: rgba(2, 6, 23, 0.42);
|
||||
box-shadow: 0 16px 42px rgba(2, 6, 23, 0.22);
|
||||
}
|
||||
|
||||
.tech-doc-content :where(th, td) {
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.08);
|
||||
padding: 0.85rem 1rem;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.tech-doc-content th {
|
||||
background: rgba(34, 211, 238, 0.11);
|
||||
color: #cffafe;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.tech-doc-content td {
|
||||
color: rgba(255, 255, 255, 0.72);
|
||||
}
|
||||
|
||||
.tech-doc-content img {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
|
||||
@@ -6,6 +6,7 @@ import {
|
||||
Braces,
|
||||
Code2,
|
||||
Gauge,
|
||||
GitBranch,
|
||||
Globe2,
|
||||
Layers3,
|
||||
MonitorCog,
|
||||
@@ -113,6 +114,12 @@ const articleVisuals: Record<
|
||||
track: "Execution",
|
||||
Icon: Braces,
|
||||
},
|
||||
git: {
|
||||
accent: "from-orange-200 via-rose-300 to-cyan-300",
|
||||
glyph: "Git",
|
||||
track: "Version control",
|
||||
Icon: GitBranch,
|
||||
},
|
||||
};
|
||||
|
||||
const featuredSlugs = ["javascript-part-1", "css", "browser"] as const;
|
||||
|
||||
@@ -71,6 +71,12 @@ export const frontendArticles = [
|
||||
description: "异步编程、事件循环、作用域、this、类型转换等代码输出题整理。",
|
||||
file: "code-output.html",
|
||||
},
|
||||
{
|
||||
slug: "git",
|
||||
title: "Git 高频知识点",
|
||||
description: "Git 基础、提交流程、分支、stash、远程协作、SSH 和忽略清单等知识点整理。",
|
||||
file: "git.html",
|
||||
},
|
||||
] as const;
|
||||
|
||||
export function getFrontendArticle(slug: string) {
|
||||
|
||||
@@ -0,0 +1,136 @@
|
||||
<h3 data-id="heading-1" id="git-point-1">1. Git基础</h3>
|
||||
<h4 data-id="heading-2">1.1 版本管理</h4>
|
||||
<h5 data-id="heading-3">1.1.1 什么是版本管理</h5>
|
||||
<p>版本管理是一种记录文件变化的方式，以便将来查阅特定版本的文件内容。</p>
|
||||
<h5 data-id="heading-4">1.1.2 人为维护文档版本的问题</h5>
|
||||
<ol>
|
||||
<li>文档数量多且命名不清晰，容易导致版本混乱。</li>
|
||||
<li>每次编辑文档都需要复制，不方便。</li>
|
||||
<li>多人同时编辑同一个文档，容易产生覆盖。</li>
|
||||
</ol>
|
||||
<h4 data-id="heading-5">1.2 Git 是什么</h4>
|
||||
<p>Git 是一个版本管理控制系统（VCS），它可以在任何时间点，将文档的状态作为更新记录保存起来，也可以在任何时间点，将更新记录恢复回来。</p>
|
||||
<h4 data-id="heading-6">1.3 Git 安装</h4>
|
||||
<p><a href="https://git-scm.com/downloads" target="_blank" rel="noreferrer">Git 下载地址</a></p>
|
||||
<p>在安装过程中，所有选项使用默认值即可。</p>
|
||||
<h4 data-id="heading-7">1.4 Git 基本工作流程</h4>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>Git 仓库</th><th>暂存区</th><th>工作目录</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>用于存放提交记录</td><td>临时存放被修改文件</td><td>被 Git 管理的项目目录</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<h4 data-id="heading-8">1.5 Git 的使用</h4>
|
||||
<h5 data-id="heading-9">1.5.1 Git 使用前配置</h5>
|
||||
<p>在使用 Git 前，需要告诉 Git 你是谁，在向 Git 仓库中提交时需要用到。</p>
|
||||
<ol>
|
||||
<li>配置提交人姓名：<code>git config --global user.name 提交人姓名</code></li>
|
||||
<li>配置提交人邮箱：<code>git config --global user.email 提交人邮箱</code></li>
|
||||
<li>查看 Git 配置信息：<code>git config --list</code></li>
|
||||
</ol>
|
||||
<p><strong>注意：</strong></p>
|
||||
<ol>
|
||||
<li>如果要对配置信息进行修改，重复上述命令即可。</li>
|
||||
<li>配置只需要执行一次。</li>
|
||||
</ol>
|
||||
<h5 data-id="heading-10">1.5.2 提交步骤</h5>
|
||||
<ol>
|
||||
<li><code>git init</code> 初始化 Git 仓库。</li>
|
||||
<li><code>git status</code> 查看文件状态。</li>
|
||||
<li><code>git add 文件列表</code> 追踪文件。</li>
|
||||
<li><code>git commit -m 提交信息</code> 向仓库中提交代码。</li>
|
||||
<li><code>git log</code> 查看提交记录。</li>
|
||||
</ol>
|
||||
<h5 data-id="heading-11">1.5.3 撤销</h5>
|
||||
<ul>
|
||||
<li>用暂存区中的文件覆盖工作目录中的文件：<code>git checkout 文件</code></li>
|
||||
<li>将文件从暂存区中删除：<code>git rm --cached 文件</code></li>
|
||||
<li>将 Git 仓库中指定的更新记录恢复出来，并且覆盖暂存区和工作目录：<code>git reset --hard commitID</code></li>
|
||||
</ul>
|
||||
<h3 data-id="heading-12" id="git-point-2">2. Git进阶</h3>
|
||||
<h4 data-id="heading-13">2.1 分支</h4>
|
||||
<p>为了便于理解，可以暂时认为分支就是当前工作目录中代码的一份副本。</p>
|
||||
<p>使用分支，可以让我们从开发主线上分离出来，以免影响开发主线。</p>
|
||||
<h5 data-id="heading-14">2.1.1 分支细分</h5>
|
||||
<ol>
|
||||
<li>主分支（master）：第一次向 Git 仓库中提交更新记录时自动产生的一个分支。</li>
|
||||
<li>开发分支（develop）：作为开发的分支，基于 master 分支创建。</li>
|
||||
<li>功能分支（feature）：作为开发具体功能的分支，基于开发分支创建。</li>
|
||||
</ol>
|
||||
<p><strong>功能分支 -> 开发分支 -> 主分支</strong></p>
|
||||
<h5 data-id="heading-15">2.1.2 分支命令</h5>
|
||||
<ul>
|
||||
<li><code>git branch</code> 查看分支。</li>
|
||||
<li><code>git branch 分支名称</code> 创建分支。</li>
|
||||
<li><code>git checkout 分支名称</code> 切换分支。</li>
|
||||
<li><code>git checkout -b 分支名称 origin/分支名称</code> 创建并切换分支，同时基于远程分支拉取代码。</li>
|
||||
<li><code>git merge 来源分支</code> 合并分支。</li>
|
||||
<li><code>git branch -d 分支名称</code> 删除分支，分支被合并后才允许删除；<code>-D</code> 表示强制删除。</li>
|
||||
</ul>
|
||||
<h4 data-id="heading-16">2.2 暂时保存更改</h4>
|
||||
<p>在 Git 中，可以暂时提取分支上所有的改动并存储，让开发人员得到一个干净的工作副本，临时转向其他工作。</p>
|
||||
<p>使用场景：分支临时切换。</p>
|
||||
<ul>
|
||||
<li>存储临时改动：<code>git stash</code></li>
|
||||
<li>恢复改动：<code>git stash pop</code></li>
|
||||
</ul>
|
||||
<h3 data-id="heading-17" id="git-point-3">3. GitHub</h3>
|
||||
<p>在版本控制系统中，大约 90% 的操作都是在本地仓库中进行的：暂存、提交、查看状态或历史记录等。除此之外，如果仅仅只有你一个人在这个项目里工作，你永远没有机会需要设置一个远程仓库。</p>
|
||||
<p>只有当你需要和开发团队共享数据时，设置一个远程仓库才有意义。你可以把它想象成一个“文件管理服务器”，利用这个服务器可以与开发团队的其他成员进行数据交换。</p>
|
||||
<h4 data-id="heading-18">3.1 注册</h4>
|
||||
<ol>
|
||||
<li>访问 <a href="https://github.com/" target="_blank" rel="noreferrer">GitHub</a> 首页，点击 Sign up 连接。</li>
|
||||
<li>填写用户名、邮箱地址、GitHub 登录密码。</li>
|
||||
<li>选择计划。</li>
|
||||
<li>填写 GitHub 问题。</li>
|
||||
<li>验证邮箱。</li>
|
||||
<li>进入 GitHub 个人中心。</li>
|
||||
</ol>
|
||||
<h4 data-id="heading-19">3.2 多人协作开发流程</h4>
|
||||
<ul>
|
||||
<li>A 在自己的计算机中创建本地仓库。</li>
|
||||
<li>A 在 GitHub 中创建远程仓库。</li>
|
||||
<li>A 将本地仓库推送到远程仓库。</li>
|
||||
<li>B 克隆远程仓库到本地进行开发。</li>
|
||||
<li>B 将本地仓库中开发的内容推送到远程仓库。</li>
|
||||
<li>A 将远程仓库中的最新内容拉取到本地。</li>
|
||||
</ul>
|
||||
<h4 data-id="heading-20">3.3 创建仓库</h4>
|
||||
<ol>
|
||||
<li>填写仓库基本信息。</li>
|
||||
<li>将本地仓库推送到远程仓库。</li>
|
||||
</ol>
|
||||
<ul>
|
||||
<li><code>git push 远程仓库地址 分支名称</code></li>
|
||||
<li><code>git push 远程仓库地址别名 分支名称</code></li>
|
||||
<li><code>git push -u 远程仓库地址别名 分支名称</code>：<code>-u</code> 会记住推送地址及分支，下次推送只需要输入 <code>git push</code>。</li>
|
||||
<li><code>git remote add 远程仓库地址别名 远程仓库地址</code></li>
|
||||
</ul>
|
||||
<h4 data-id="heading-21">3.4 拉取操作</h4>
|
||||
<h5 data-id="heading-22">3.4.1 克隆仓库</h5>
|
||||
<p>克隆远端数据仓库到本地：<code>git clone 仓库地址</code></p>
|
||||
<h5 data-id="heading-23">3.4.2 拉取远程仓库中最新的版本</h5>
|
||||
<p>拉取远程仓库中最新的版本：<code>git pull 远程仓库地址 分支名称</code></p>
|
||||
<h4 data-id="heading-24">3.5 解决冲突</h4>
|
||||
<p>在多人同时开发一个项目时，如果两个人修改了同一个文件的同一个地方，就会发生冲突。冲突需要人为解决。</p>
|
||||
<h4 data-id="heading-25">3.6 跨团队协作</h4>
|
||||
<ol>
|
||||
<li>程序员 C fork 仓库。</li>
|
||||
<li>程序员 C 将仓库克隆在本地进行修改。</li>
|
||||
<li>程序员 C 将仓库推送到远程。</li>
|
||||
<li>程序员 C 发起 pull request。</li>
|
||||
<li>原仓库作者审核。</li>
|
||||
<li>原仓库作者合并代码。</li>
|
||||
</ol>
|
||||
<h4 data-id="heading-26">3.7 SSH 免登录</h4>
|
||||
<p>HTTPS 协议仓库地址：<code>https://github.com/itcast-frontEnd/git-demo.git</code></p>
|
||||
<p>生成密钥：<code>ssh-keygen</code></p>
|
||||
<p>密钥存储目录：<code>C:\Users\用户\.ssh</code></p>
|
||||
<p>公钥名称：<code>id_rsa.pub</code></p>
|
||||
<p>私钥名称：<code>id_rsa</code></p>
|
||||
<h4 data-id="heading-27">3.8 Git 忽略清单</h4>
|
||||
<p>将不需要被 Git 管理的文件名字添加到忽略清单中，在执行 Git 命令的时候，Git 就会忽略这些文件。</p>
|
||||
<p>Git 忽略清单文件名称：<strong>.gitignore</strong></p>
|
||||
<p>将工作目录中的文件全部添加到暂存区：<code>git add .</code></p>
|
||||
Reference in New Issue
Block a user