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

目录

  • 1.前言: 最近想帮一个好朋友做一个特别的生日礼物,最终决定制作一个网页.....
  • 2.概要
    • 2.1 git简介
    • 2.2 本文内容及实现流程
  • 3.git从零开始全流程
    • 3.1. gitee初始化
    • 3.2 新建仓库
    • 3.3 下载仓库到本地
    • 3.4 git初始化
    • 3.5 上传代码到git远程仓库
    • 3.6 使用gitee-page部署自己的网页
    • 3.7总结
  • 4. 附录:
    • 4.1最终效果展示
    • 4.2git相关命令
      • 4.2.1本地仓库操作
      • 4.2.2远程仓库操作
  • 5.说在最后

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推送到远程仓库

5.说在最后

这是我第一次使用git指令,还有很多不熟练的地方,如有错误还请纠正
后续有关git的操作流程,和git能实现的功能将会持续更新在此文。

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

  1. 从零开始在 Windows 上部署 .NET Core 到 Kubernetes

    本章节所有代码已上传至:https://github.com/Seanwong933/.NET-Core-on-Kubernetes 文末附有本人遇到过的 Docker 和 k8s 的故障排除. 本文 ...

  2. git 使用writer_「github 教程」写给大家看的教程:从零开始在GitHub上部署个人博客 - seo实验室...

    github 教程 本文适合的读者:希望搭建个人博客的朋友,无需了解Git.Ruby等技术. GitHub是一个利用Git进行版本控制.专门用于存放软件代码与内容的共享虚拟主机服务(来自维基百科),我 ...

  3. git线上服务器_pm2实现git仓库代码一键配置部署到线上服务器

    第一步 先实现 ssh的免密登录远程服务器: 第二步 初始化项目, 并把项目部署到git仓库 下面用几个最简单的项目做演示, 项目目录下面就这个三个文件 把项目部署到git仓库,记住git仓库地址 比 ...

  4. 服务器上的 Git - 在服务器上部署 Git

    在服务器上部署 Git 开始架设 Git 服务器前,需要先把现有仓库导出为裸仓库 - 即一个不包含当前工作目录的仓库.做法直截了当,克隆时用 --bare 选项即可.裸仓库的目录名一般以 .git 结 ...

  5. 如何将git服务器同步到本地文件夹,使用git在服务器上部署git仓库并实现提交代码时同步代码到生产环境...

    最近由于需要对正在运行的系统进行新功能添加,本来是可以通过github进行代码维护,但是由于这个项目涉及一些问题,目前还不能开源,所以只能是手动覆盖bug文件,生产环境上的代码反而是最新的了. 之前有 ...

  6. 使用Gitblit 在windows 上部署你的Git Server

    Gitblit Gitblit 是一个使用Java来管理Git的软件,其本身有很多特性分支.关于Gitblit 的详细情况可以到官网上查看: http://gitblit.com 闲话少说,以下是gi ...

  7. webhook php自动部署,git利用webhook实现自动部署​

    在项目部署时,之前采用的方式是登录服务器手动去pull代码,这样做很麻烦而且在服务器管理上也存在一些风险,github和gitlab都提供有webhook功能,可以在项目发生某些变化时,系统向指定的U ...

  8. 搭建Git服务器环境----Git hooks代码自动部署

    引言:自己想搭一套git的服务端环境,不想用github码云等.经多方资料整合,实验总结,以下是亲测有效的方式.可用于公司日常开发 一.搭建Git环境 ① 安装 Git Linux 做为服务器端系统, ...

  9. armbian nginx 部署博客_通过Git将Hexo博客部署到服务器

    本文首发于我的个人博客https://orxing.top,欢迎来访 服务器是用的阿里云ECS CentOS,本来是用来部署WordPress的,后来接触了Hexo,就把Hexo直接部署到了GitHu ...

  10. 每个人都应该学git,最新GitHub上git指南我不信你不会git

    转载地址:https://www.toutiao.com/i6848104869241291272/?tt_from=weixin&utm_campaign=client_share& ...

最新文章

  1. 轻量级DAO层实践初体验
  2. 程序图形化界面刷新以及如何从tkinter窗口中正确读出数据
  3. Linux设备驱动:DMA 接口API
  4. Ian Goodfellow等提出自注意力GAN,ImageNet图像合成获最优结果!
  5. Telnet Sequence Diagram
  6. 【蓝桥杯选拔赛真题43】Scratch航天飞行 少儿编程scratch蓝桥杯选拔赛真题讲解
  7. 线性规划-pulp-复杂矩阵
  8. 直播带货app源码,实现直播连麦和PK
  9. Bootstrap3 与Bootstrap4垂直水平居中
  10. 为什么大厂们 一边裁员,一边招人。。
  11. seosem是什么意思?
  12. java文本压缩算法_java 什么算法压缩文件最小
  13. POI导出Excel(一)
  14. webERP的网络资源
  15. 批处理之ren命令-可批量修改文件名
  16. vue+flask微博大数据舆情监控+情感分析可视化系统+爬虫
  17. 科罗拉多大学计算机科学如何,科罗拉多大学波德分校计算机科学世界排名2017年最新排名第88(THE世界排名)...
  18. 非广告|如何在碎片化时代成为无可取代的人
  19. BUGKU-WEB-WEB41
  20. 【python】练习:长度转换

热门文章

  1. 万字长文带你回顾Java集合框架
  2. 计算机网络 IP:ABC类地址与 子网掩码(ABC类网络均有属于自己的私有IP段 节省32位IP资源 ) 网络地址 主机地址 子网 与子网掩码之间的关系换算 IP和子网掩码相互依存
  3. cad字体安装_如何安装CAD字体库【AutoCAD教程】
  4. nfc读写软件 android手机,手机nfc万能读写软件
  5. Python基于Snap7与PLC建立连接并读写数据
  6. shineblink 雨滴感应传感器
  7. 汽车服务架构(SOA)开发设计
  8. 【功能更新-1:选项统一】利用python生成自制英语试题程序开发
  9. Python自然语言处理—停用词词典
  10. ucinet计算聚类系数大于1怎么办_UCINET 6