Featured image of post 如何用 Git 幫自己的網站建立存檔點?Git 的基本操作

如何用 Git 幫自己的網站建立存檔點?Git 的基本操作

|
|

這篇文章會帶大家了解 Git 的基本操作,幫你的網站建立存檔點!

我們要做什麼?

先複習一下,我們到底要拿 Git 來做什麼?

我們的目的是要把我們要建立的網站(之後會帶大家建立)存成存檔點,然後上傳到雲端存檔庫,這樣我們的網站就可以部署到網路上!

  graph LR
    A[原始檔案] -->|存檔| B[存檔點]
    B -->|上傳| C[雲端存檔庫]
    C -->|部署| D[靜態網站]

而我們在這篇文章,會聚焦在「存檔」這個步驟,帶大家先模擬這整個過程,到時候真的要幫存站建立存檔點的時候,就不會手忙腳亂的了!

前置任務

這篇文章會直接進入 Git 的操作,如果你還不知道 Git 可以做什麼、或是還沒安裝 Git 的,可以參考我的 這篇文章,把 Git 安裝好再回來唷!

註:這篇文章裡面有不少指令要下,其中有一些是和 Git 無關的,但它們都不會很難,我也會寫上說明!如果有搞不清楚的地方,都可以 在下面留言 或是 寄信問我~ 我盡力幫大家解答 ><

在指令中,所有跟在 # 之後的文字,是我寫的說明、或是告訴你應該會看到什麼樣的輸出,不需要當成指令一起輸入進去。

建立存檔槽(init)

在可以記錄存檔之前,我們要先建立存檔槽來裝存檔。就像在洛克人裡面就有 3 個存檔槽,只是在 Git 的世界我們需要手動把它建出來!

在 Git 裡面,存檔槽叫做 Repository(或簡稱 repo)。在這個步驟,我們要做的就是把這個 repo 建出來,或者叫做初始化(init)。

1
2
3
4
5
6
mkdir my-blog # 建立一個叫做「my-blog」的資料夾(make directory),要用其他名字也是可以的
cd my-blog/   # 進到 「my-blog」這個資料夾(change directory to "my-blog")
git init      # 使用 git 來初始化,也就是把現在所在的這個資料夾變成「存檔槽」

# Initialized empty Git repository in /home/giveanornot/my-blog/.git/
# ↑ 看到這行就是成功了

建好存檔槽之後,接下來是存檔。

新增、修改檔案

要存檔之前,我們要先新增文章、或者做一些修改。(不然你到底想存什麼 XD)

在這邊,我就建立一個空的 post.txt,摸擬新增了一篇文章。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
touch post.txt # 建立「post.txt」,這邊用「touch」這個指令來建,你也可以用記事本或其他軟體來建,
git status     # 看一下目前的存檔槽的狀態

# On branch master
# 
# No commits yet
# 
# Untracked files:
#   (use "git add <file>..." to include in what will be committed)
#         post.txt
# 
# nothing added to commit but untracked files present (use "git add" to track)

把檔案加入追蹤(add)

在可以正式存檔之前,要先把這次要存的檔案加入追蹤(add),讓 Git 知道你想把哪些檔案存進存檔。在存檔的時候,就會把已經加入追蹤的檔案「存進存檔」(commit)。

上面的訊息有說: nothing added to commit but untracked files present (use "git add" to track),表示還沒有檔案被納入追蹤。

我們可以用 git add 來把檔案加入追蹤:

1
2
3
4
5
6
7
8
9
git add post.txt # 把「post.txt」加入追蹤
git status       # 再看一下目前的狀態
# On branch master
# 
# No commits yet
# 
# Changes to be committed:
#   (use "git rm --cached <file>..." to unstage)
#         new file:   post.txt

這樣就可以看到 post.txt 已經納入追蹤了!

正式存檔(commit)

接著就是正式把這個檔案「存進存檔」(commit):

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
git commit -m "add post" # 記錄存檔,並把這個存檔標註上「add post」這個訊息
# 可以依照實際情況寫這個訊息,自己看得懂就行

# [master (root-commit) 0f84fa4] add post
#  1 file changed, 0 insertions(+), 0 deletions(-)
#  create mode 100644 post.txt

git log # 看一下存過檔的記錄
# commit 0f84fa41beb662e834169302e045e9c0dd4e6dbc (HEAD -> master)
# Author: JN Yiunn <jn@giveanornot.com>
# Date:   Thu Dec 25 09:31:58 2025 +0800
# 
#     add post

# 按 Q 可以離開

git status # 再看一下目前的狀態
# sh-5.3$ git status
# On branch master
# nothing to commit, working tree clean

可以看到「clean」,表示我們所有的檔案都存檔存好了!假如之後有需要,就可以回頭來讀這個存檔,從目前這個狀態重來。

結語

如果之後有新增文章、修改之類的動作,想要存檔的話,只要重覆這個 新增、修改文章 -> git add -> git commit 的 combo 就可以囉~

不過我們更想要的,是把這個存檔上傳到雲端存檔庫!所以接下來,就是要開始進入雲端存檔庫的世界啦~

一樣的,如果有什麼問題都可以告訴我,我可以補充到內文或是之後的文章~

與你的連結,是我寫部落格的動力

喜歡這篇文章的話,歡迎 在下方留言 或是 寄 Email 回饋給我!

也可以去 誰來我家 簽個到,或是去 看看其他文章 ~~

已經寫了 104 篇文章, 總共 16.1 萬字
使用 Hugo 建立
主題 StackJimmy 設計