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上部署自己的免费生日祝福网页的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。