【git】从零开始在git上部署自己的免费生日祝福网页

最新推荐文章于 2024-08-29 09:50:21 发布

dancehole

最新推荐文章于 2024-08-29 09:50:21 发布

阅读量626

点赞数 1

分类专栏：学习笔记文章标签： git

本文链接：https://blog.csdn.net/dancehole/article/details/124372192

版权

学习笔记专栏收录该内容

1 篇文章

订阅专栏

这篇博客介绍了如何使用Git帮助朋友制作特别的生日礼物——一个静态网页。从注册gitee账号开始，新建仓库，下载仓库到本地，初始化git，上传代码到远程仓库，再到使用gitee-page部署网页，详细讲解了整个过程。适合初学者掌握Git基础操作和网页部署。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.前言：最近想帮一个好朋友做一个特别的生日礼物，最终决定制作一个网页…

2.概要

2.1 git简介

Git 是一个开源的分布式版本控制系统。简单地说，git（对个人开发者）主要用来实现代码备份和版本控制的功能

2.2 本文内容及实现流程

本文从git基本操作入手，到git下载与提交，最后在gitee page上部署自己的静态页面

3.git从零开始全流程

本文主要用到gitee,在github上操作类似
以下针对从未使用过git的同学~

3.1. gitee初始化

使用 gitee,首先我们需要注册一个账号
在这里插入图片描述

3.2 新建仓库

在这里插入图片描述
其他选项保持默认即可
然后可以点击"初始化仓库",会自动生成readme.md等说明文件
为方便起见可以顺便设置开源

我们可以在这个时候进行绑定邮箱和实名认证操作,方便后续使用,或:

下载git工具 https://git-scm.com/downloads

3.3 下载仓库到本地

点击 “克隆/下载按钮” 并且复制连接
在这里插入图片描述
在一个目录下空白处右键点击Git Bash Here

3.4 git初始化

进入git的bash命令行
首先我们需要对git初始化

输入

 git config –list

检查是否初始化,重点检查有没有填写username和email
初始化后应该长这样
在这里插入图片描述

如果没有初始化,或自己的信息误填,可以更改自己的身份信息:

$ git config --global user.name "你的用户名"
$ git config --global user.email "你的邮箱"

修改你的信息

$  git config --global --replace-all user.email "输入你的邮箱" 
$  git config --global --replace-all user.name "输入你的用户名"

这里的–global表示针对全局使用指令,避免不同目录下需要重复输入用户名和邮箱

输入git clone <复制的链接> 确定,如:

git clone ...(你的仓库链接)...

在这里插入图片描述
完成后,会发现gitee上创建的仓库已经"拷贝"了一份到你的电脑中//注意不会云端自动同步,需要手动同步!

3.5 上传代码到git远程仓库

下载完成之后，桌面上会有一个仓库名的文件夹，打开文件夹把需要上传的文件/代码放进去（首页用index命名）
在这里插入图片描述

在bash里继续输入:(不要一次性复制粘贴)

cd 仓库名称(此处可以tab键补全)		#进入仓库目录
git add --all						#把仓库文件添加到暂存区
git commit -m "my_example"			#提交暂存区到本地仓库（引号内为版本注释/描述信息）
git push -u origin master			#把本地仓库的提交推送到远程仓库

解释:commit为提交代码+“注释信息”
在这里插入图片描述

刷新gitee网页,确认文件已经上传

3.6 使用gitee-page部署自己的网页

现在我们要把页面显示为一个公开的网页,方便分享与查看:

点击-服务-git pages进入页面部署页面
在这里插入图片描述
Git page
git page是供博客 / 门户 / 开源项目网站 / 开源项目静态效果演示用途的静态网页免费展示功能，部署后可以自动生成一个公网ip供所有人访问。

当然如果你想发布更加复杂的页面，一个有完整前后端和数据库的页面，或想自定义域名地址，需要通过其他方法，详见云服务器部署教程

 gitee page只支持公开,且需要实名认证

在这里插入图片描述

注意：gitpage页面首页必须以index命名！！！！

3.7总结

总共分三大步：

在码云里面创建新的仓库
利用git 上传本地网站到仓库里面
配置仓库服务，部署发布网站
_{但是要求本地网站是静态的，而且必须有index.html文件哦}

4. 附录：

4.1最终效果展示

4.2git相关命令

注意：这里只列出小部分常用命令，供个人开发者做代码备份和版本管理

4.2.1本地仓库操作

git add _{添加到暂存区}
一般配合git commit共同使用

# 把指定的文件添加到暂存区中，省略 <文件路径> 即为当前目录
$ git add <文件路径>
# 添加所有修改、已删除、新增的文件到暂存区中，省略 <文件路径> 即为当前目录
$ git add --all [<文件路径>]

git commit _{在本地仓库提交}
将索引的当前内容与描述更改的用户和日志消息一起存储在新的提交中。
配合git push使用

# 把暂存区中的文件提交到本地仓库中并添加描述信息
$ git commit -m "<提交的描述信息>"

git clone _{拷贝到本地仓库，注意与git_pull区分}

# 在当前目录下创建和版本库名相同的文件夹并下载版本到该文件夹下
#本地目录可缺省，默认为当前bash目录
$ git clone <远程仓库的网址> [<本地目录>]

# -b 指定要克隆的分支，默认是master分支
$ git clone <远程仓库的网址> -b <分支名称> [<本地目录>]

git pull _{对本地仓库的更新/合并}
从远程仓库获取最新版本并合并到本地。首先会执行 git fetch，然后执行 git merge，把获取的分支的 HEAD 合并到当前分支。
和git clone 的区别

# 把本地仓库的分支推送到远程仓库的指定分支
$ git push <远程仓库的别名> <本地分支名>:<远程分支名>
如: $ git push origin master         # 将当前分支push到远程master分支

# 删除指定的远程仓库的分支
$ git push <远程仓库的别名> :<远程分支名>
$ git push <远程仓库的别名> --delete <远程分支名>

关于分支：master 和 Head 都为默认开发分支, Origin 为默认远程版本库

git init
初始化项目所在目录，初始化后会在当前目录下出现一个名为 .git 的目录。

# 初始化本地仓库，在当前目录下生成 .git 文件夹
$ git init

4.2.2远程仓库操作

git push _{上传代码到远程仓库并快速合并}

$ git push origin master                        # 将当前分支push到远程master分支
$ git push origin :hotfixes/BJVEP933            # 删除远程仓库的hotfixes/BJVEP933分支
$ git push --tags                               # 把所有tag推送到远程仓库