🤹♀️潜意识起点：个人主页
🎙座右铭：得之坦然，失之淡然。
💎擅长领域：前端
是的，我需要您的：
🧡点赞❤️关注💙收藏💛
是我持续下去的动力！
目录
一. 使用git版本控制的过程
二.创建git本地仓库
2.1 打开菜单栏
idea菜单栏，第一次是这样的。
2.2 另一种情况
已经使用过的git是这样的。
三. 创建git远程仓库
3.1 gitte登录创建仓库
3.2 注册账号
没有账号注册一个账号即可，注册账号的过程我就直接省略了，应该不会出现什么问题。
3.3 找到创建仓库
3.4 输入创建的内容
随便填即可。
3.5 创建成功后复制url
四. 本地推送到gitte
4.1 找到绿色箭头
找到这个绿色的箭头。 完成创建本地的git仓库才会出现这个绿色箭头的。
4.2 配置url
乱点，能点的地方都点，找到填url的地方就可以了。
五. 成功标准
提交后就会显示出这些信息了。
六. 凑字数总结【不用看】
Git是一个开源的分布式版本控制系统，它在软件开发和其他领域中扮演着重要的角色。以下是Git的一些主要作用：
版本控制：
- Git 允许用户记录项目文件的变更历史，可以追踪每个文件的更改、添加或删除。
代码管理：
- 通过分支管理，开发者可以在隔离的环境中进行开发，不会影响到主分支的稳定性。
协作开发：
- Git 支持多人协作，每个开发者都可以在本地仓库中工作，并通过合并来整合各自的更改。
历史追溯：
- 可以轻松查看文件或项目的变更历史，以及谁在何时做了哪些更改。
回滚和撤销：
- 如果出现错误或需要回退到之前的版本，Git 提供了强大的命令来执行这些操作。
分布式工作流程：
- 每个开发者都有完整的代码库副本，可以在本地进行大部分操作，减少了对中央服务器的依赖。
跨平台：
- Git 可以在多种操作系统上运行，包括 Linux、macOS 和 Windows。
远程仓库：
- 可以通过远程仓库与其他开发者共享代码，以及从远程仓库拉取和推送更改。
兼容性：
- Git 与其他系统（如 SVN、CVS）兼容，可以轻松迁移到 Git。
非线性开发：
- 支持快速、简便地切换不同开发线。
小型且快速：
- Git 对于大型项目也非常高效，执行速度很快。
数据完整性：
- 使用 SHA-1 散列算法确保代码的完整性和安全性。
免费和开源：
- Git 是免费的，并且有一个活跃的社区支持和维护。
强大的社区支持：
- 有大量的工具、教程和插件可供使用，以及一个庞大的开发者社区。
Git 的这些特性使其成为现代软件开发中不可或缺的工具之一，它极大地提高了开发效率，降低了协作成本，并确保了代码的安全性和稳定性。
分支策略：
- Git 支持灵活的分支策略，允许开发者创建和管理多个开发线，这对于处理特性开发、修复缺陷和准备发布都非常有用。
合并和冲突解决：
- Git 提供了强大的合并工具和冲突解决机制，帮助开发者在合并分支时处理代码冲突。
标签管理：
- 可以使用 Git 标签来标记重要的里程碑，如发布版本。
子模块和依赖管理：
- Git 子模块允许将一个 Git 仓库作为另一个仓库的子目录，这对于管理项目依赖非常有用。
钩子脚本：
- Git 钩子允许在特定的关键动作（如提交、推送）之前或之后自动运行脚本，这有助于自动化测试和部署流程。
工作流支持：
- Git 支持多种工作流，如集中式工作流、功能分支工作流和Gitflow工作流，以适应不同的开发需求和团队习惯。
离线操作：
- Git 允许在本地仓库中进行大部分操作，即使在没有网络连接的情况下也可以进行代码更改和版本控制。
补丁管理：
- Git 可以创建和管理补丁，这对于代码审查和非线性开发非常有用。
轻量级和性能：
- Git 被设计为轻量级和高性能，即使是在大型项目和大型文件集上也能保持良好的性能。
社区和工具生态系统：
- 有大量的第三方工具和集成，如 GitHub、GitLab 和 Bitbucket，它们提供了基于 Git 的额外功能和服务，如代码托管、代码审查、CI/CD 管道等。
教育和资源：
- 有丰富的学习资源和教程，包括书籍、在线课程和社区论坛，帮助新用户学习和掌握 Git。
跨语言支持：
- Git 不仅适用于管理代码，还可以用于管理任何类型的文件，使其成为跨语言和跨领域的通用版本控制系统。
审计和合规性：
- Git 的详细历史记录和变更日志为审计和确保合规性提供了便利。
数据恢复：
- Git 的强大命令集可以帮助恢复丢失的文件或撤销错误的操作。
Git 的这些特性和用途使其成为了现代软件开发中不可或缺的工具，它不仅提高了开发效率，还确保了代码的安全性和稳定性。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>动态时钟</title>
<style>
body {
text-align: center;
padding-top: 50px;
font-family: 'Arial', sans-serif;
background-color: #f0f0f0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
h1 {
font-size: 3em;
color: #333;
margin-bottom: 40px;
animation: fadeIn 2s ease-in-out;
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
.clock {
width: 300px;
height: 300px;
border: 10px solid #333;
border-radius: 50%;
position: relative;
}
.hand {
width: 50%;
height: 2px;
background-color: #333;
position: absolute;
top: 50%;
left: 50%;
transform-origin: 0% 0%;
}
.hour-hand {
transform: rotate(0deg);
animation: rotateHour 86400s linear infinite;
}
.minute-hand {
transform: rotate(0deg);
animation: rotateMinute 3600s linear infinite;
}
.second-hand {
transform: rotate(0deg);
animation: rotateSecond 60s linear infinite;
}
@keyframes rotateHour {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes rotateMinute {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes rotateSecond {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style>
</head>
<body>
<h1>你好，时间</h1>
<div class="clock">
<div class="hand hour-hand"></div>
<div class="hand minute-hand"></div>
<div class="hand second-hand"></div>
</div>
<script>
function setTime() {
const now = new Date();
const seconds = now.getSeconds();
const minutes = now.getMinutes();
const hours = now.getHours();
const secondHand = document.querySelector('.second-hand');
const minuteHand = document.querySelector('.minute-hand');
const hourHand = document.querySelector('.hour-hand');
secondHand.style.transform = `rotate(${seconds * 6}deg)`;
minuteHand.style.transform = `rotate(${minutes * 6}deg)`;
hourHand.style.transform = `rotate(${hours * 30 + (minutes / 2)}deg)`;
}
setInterval(setTime, 1000);
setTime();
</script>
</body>
</html>
🤹♀️潜意识起点：个人主页
🎙座右铭：得之坦然，失之淡然。
💎擅长领域：前端
是的，我需要您的：
🧡点赞❤️关注💙收藏💛
是我持续下去的动力！