Skip to content

Latest commit

 

History

History
385 lines (299 loc) · 7.04 KB

git.md

File metadata and controls

385 lines (299 loc) · 7.04 KB
Raw
theme background class highlighter lineNumbers info download
default
text-center
shiki
false
## git 講者: Young Learn more at [Hackmd](https://hackmd.io/@young-tw/BJM_N46QY)
true

git

講者: Young

git 是甚麼?

git 是一種用來管理軟體版本的工具， 目前許多開源的大型專案都保存在線上的 git 服務， 例如 GitHub

<style> h1 { background-color: #2B90B6; background-image: linear-gradient(45deg, #4EC5D4 10%, #146b8c 20%); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; } img{ width:550px; float:right; } p { font-size: 26px; line-height: 36px; } </style>

使用 git 實現版本控制

以下會介紹 git 的在各平台的安裝方式以及使用方法



<style> h1 { background-color: #2B90B6; background-image: linear-gradient(45deg, #4EC5D4 10%, #146b8c 20%); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; } img{ width:600px; float:right; } p { font-size: 26px; line-height: 36px; } </style>

Windows 下載和安裝 git

  1. 在瀏覽器搜尋 git
  2. 下載後打開檔案

<style> h1 { background-color: #2B90B6; background-image: linear-gradient(45deg, #4EC5D4 10%, #146b8c 20%); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; } img{ width:600px; float:right; } li { font-size: 26px; line-height: 36px; } </style>

macOS & Linux 下載和安裝 git

用套件管理工具安裝

# apt
sudo apt install git
# homebrew
brew install git
<style> h1 { background-color: #2B90B6; background-image: linear-gradient(45deg, #4EC5D4 10%, #146b8c 20%); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; } li,p,span { font-size: 26px; line-height: 36px; } </style>

Windows git 安裝時更改的地方

到 Configuring the terminal... 時， 選 Use Windows' default console window， 然後就可以按下一步後安裝了

<style> h1 { background-color: #2B90B6; background-image: linear-gradient(45deg, #4EC5D4 10%, #146b8c 20%); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; } li,p,span { font-size: 26px; line-height: 36px; } img { width: 450px; } </style>

layout: image-right image: https://cdn.discordapp.com/attachments/711916752551804989/885169823951241276/unknown.png

打開終端機確認 git 安裝成功

  1. 使用 win R 輸入 cmd 開啟 Windows 終端機
  2. 輸入 git 確認 git 成功安裝

成功安裝好的話終端機會列出， 可用的 git 指令列表， 再來就可以開始建立儲存庫了

<style> h1 { background-color: #2B90B6; background-image: linear-gradient(45deg, #4EC5D4 10%, #146b8c 20%); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; } img{ overflow: hidden; } li,p { font-size: 26px; line-height: 36px; } </style>

新增 git repository

  1. 進入終端機
  2. 建立並進到一個空的目錄內 (mkdir & cd)
  3. 輸入 git init

這樣你的 git repository 就已經建立好了

mkdir gitTest
cd gitTest
git init
<style> h1 { background-color: #2B90B6; background-image: linear-gradient(45deg, #4EC5D4 10%, #146b8c 20%); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; } li,p,span { font-size: 26px; line-height: 36px; } </style>

在目錄底下新增 README.md

剛建好新的目錄是空的， 沒有檔案可以用來示範 git， 所以先新增一個 README.md

# macOS or Linux
touch README.md

Windows 因為沒有 touch 指令， 所以只能打開檔案總管建立檔案

<style> h1 { background-color: #2B90B6; background-image: linear-gradient(45deg, #4EC5D4 10%, #146b8c 20%); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; } li,p,span { font-size: 26px; line-height: 36px; } </style>

git add

將檔案加入版本控制追蹤名單， 使用方法:

git add [檔案名稱]

如果要把當前的目錄底下所有檔案， 都加入版本控制的話可以使用

git add .
<style> h1 { background-color: #2B90B6; background-image: linear-gradient(45deg, #4EC5D4 10%, #146b8c 20%); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; } p,span { font-size: 26px; line-height: 36px; } </style>

git commit

commit 可以把寫好並且有被添加(git add)， 到版本管理的程式加入 git 內

git commit -m "this is a commit"

-m 代表新增 commit 中的標題， 每個 commit 都可以包含標題和內文

<style> h1 { background-color: #2B90B6; background-image: linear-gradient(45deg, #4EC5D4 10%, #146b8c 20%); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; } p,span { font-size: 26px; line-height: 36px; } </style>

layout: cover

git 教學結束

接下來會介紹並帶大家使用 GitHub

<style> h1 { background-color: #2B90B6; background-image: linear-gradient(45deg, #4EC5D4 10%, #146b8c 20%); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; } li,p,span { font-size: 26px; line-height: 36px; } </style>