前兩篇文章已經學會了Git的基本命令與創建倉庫的命令，點擊鏈接查看上一篇文章：【Git、GitHub、GitLab】二 Git基本命令之建立Git倉庫，本篇文章就來創建一個有模有樣的倉庫。該倉庫中的代碼是一個顯示靜態頁面的小工程代碼。

文章目錄

• 0 本文所使用的源代碼下載
• 1 git的幾個區域
• 2 整體提交過程
• 3 向倉庫中添加文件
• 4 總結

0 本文所使用的源代碼下載

本項目源代碼點擊下載

1 git的幾個區域

下圖是git的幾個區域：

• 工作目錄就是我們創建好git倉庫后，進入到的目錄
• 暫存區就是將需要添加的文件暫時存放的區域，使用命令git add files可以將文件files加到暫存區。
• 然后就可以使用git commit命令，將暫存區中的文件真正的添加到我們當前所在的倉庫。

2 整體提交過程

本項目中，使用4次提交，一個有模有樣的靜態頁面就生成了。4次提交分別是下面的4次提交;

加入index.html和git-logo

加入style.css

加入script.js

修改index.html和style.css

完成上述四個步驟后，就會生成一個有模有樣的靜態頁面了。

3 向倉庫中添加文件

我們可以使用下面的命令依次向我們的倉庫中添加文件，一點一點完善這個倉庫的項目代碼。

先將上面下載的文件解壓，下面會用到該文件里面存的文件

• 添加readme文件到倉庫

先將readme拷貝到工作目錄，使用命令git add readme 將文件readme添加到暫存區

然后使用git commit -m’add readme’ 將暫存區中的文件（也就是readme添加到倉庫）。-m后面是寫的本次提交的一些信息，可以自己定義

提交后可以使用git log命令查看之前的一些提交記錄。此時查看的話就只能看到一個一次記錄，就是本次的提交記錄

• 添加index.html和git-logo

git add index.html images

git status 可以查看當前的狀態，此時文件還在暫存區

git comit -m’add index+logo’

• 加入style.css與script.js，步驟與上面類似。自己動手實現即可
• 最后可以在我們的靜態頁面上加一個參考文獻，那么修改index.html與style.css即可。具體修改方法如下：

index.html 文件中增加的代碼

<footer><p><a href="https://github.com/TTN-js/unforGITtable"> 參考項目 01</a> </p> </footer>

style.css文件中增加的代碼

footer{right: 0;bottom: 0;position: relative;padding: 10px 1rem 10px 0;margin-top: 50px;font-size: 0.7em;text-align: right; }footer p{margin-bottom:0; }

當修改了倉庫中已經存在的文件的內容的時候，只需要使用git add -u，這樣可以直接將所有更改的文件更新，而不需要重新將文件加到暫存區。

然后最終我們的倉庫中的內容大致如下：

打開index.html，我們的界面是如下的動態圖形式：

4 總結

本節內容主要是學會以下三個命令的作用

• git add files
• git status
• git commit -m’…’
• git add -u

理解了上述三個命令，就是本文的主目標。一定要自己動手做實驗，才能感受到。

總結

以上是生活随笔為你收集整理的【Git、GitHub、GitLab】三 Git基本命令之创建仓库并向仓库中添加文件的全部內容，希望文章能夠幫你解決所遇到的問題。

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