SlideShare a Scribd company logo
1 of 38
Download to read offline
利用Github建立網站
Who am I?
- 呂瑋浩 ( Jeff )
- 資管二
- git, js, py都會一點點
Git? 版本控制?
版本控制(物理)
Git
- 遠端數據庫
- 本地數據庫
Git安裝(Windows)
- 到官網下載合適的版本 網址:https://git-scm.com/download/win
載完後就一路下一步按到底
Git安裝 (MacOS)
安裝 Homebrew 網址: https://brew.sh/index_zh-tw.html
- /usr/bin/ruby -e "$(curl -fsSL
https://raw.githubusercontent.com/Homebrew/install/master/install)"
安裝完後執行brew install git
檢查Git
安裝完找git bash就可以找到
輸入 which git 可以檢查有沒有安裝好
git --version 可以檢查版本
Practice
安裝
設定git
打開git bash,並且輸入
git config --global user.name “你的名子”
git config --global uese.email “你的信箱”
打完後,輸入
git config --list
可以檢視目前的設定
常用終端機指令
Windows MacOS / Linux 說明
cd cd 切換目錄
cd pwd 取得目前所在的位置
dir ls 列出目前的檔案列表
mkdir mkdir 建立新的目錄
無 touch 建立檔案
copy cp 複製檔案
move mv 移動檔案
del rm 刪除檔案
cls clear 清除畫面上的內容
Git 常用指令
- git help
- git init
- git status
- git add
- git commit
- git push
Git 指令 init
這邊我們做了幾件事情
1. 建立資料夾
2. 切換到剛建立的資料夾
3. 將這個資料夾納入git的管控
Git 指令 status
- 用來查詢現在這個目錄的狀態
現在他跟你講沒有東西可以提交,接下來我們在這個資料夾新增一個 index.html的檔案
Git add
先使用status查看,會發現我們新增的 html檔案是Untracked files ,代表這個檔案還沒被 Git追蹤
- 使用git add將檔案加入
git add <檔案名稱>
- 如果有很多檔案,可以使用 -A或是.
git add . || git add -A
狀況題
在目錄裡的檔案已經被add過了
這時再去更動這個檔案的時候,還需要再add一次嗎?
Git commit
再用status查看,這時檔案會是new files,add會將檔案加入到暫存區,接下來我們要使用 commit將它保
存下來
- git commit
接下來會進入vi的頁面,我們需要在這邊寫下我們做了 啥,但是通常訊息不會太長
這時可以使用-m的參數
- git commit -m “ 訊息”
Practice
創建一個資料夾 並且增加index.html檔案並提交到本地數據庫
Github 介紹
Github是使用Git進行版本控制的代碼託管平台
不久前被微軟收購
不少開發者紛紛逃往 Gitlab
建立Github帳號
在Github建立專案
在Github建立專案
將本地倉庫與Github倉庫連結
- git remote add <簡稱> <url>
- 成功後使用git remote 會顯示名稱(預設為origin),加上-v參數後會顯示url
Git 分支觀念
Git 分支相關指令
- git branch <name> (創建新分支)
- git checkout <name> (切換分支)
- git merge (合併)
建立 & 切換 gh-pages分支
● git checkout -b gh-pages
- 等同於 git branch gh-pages(建立) + git checkout gh-pages(切換)
Practice
在Github創建新的repository 並將本地端連結
將檔案推上Github
1. git add . (將檔案加入暫存區)
2. git commit -m <message> (加入本地數據庫)
3. git push (推上遠端數據庫)
Git push
第一次上傳要使用
git push --set-upstream <remote name> <branch name>
設定完後就可以使用git push上傳了
上傳成功後 若gh-pages分支偵測到有index.html檔案 Github會建立一個網站
網址為 帳號名稱.github.io/專案名稱
Practice
將本地檔推上Github
查詢紀錄
在目錄輸入 git log 可以查詢提交的歷史紀錄
那串亂碼是使用SHA-1所計算出來的結果,重複率極低,這串文字就好比 commit的身分證
fork
當想要對一個open source的專案貢獻時
可以先Fork到自己這邊
clone
接者打 git clone <網址>
發PR
將自己的修改commit到fork過來的專案後
到fork過來的專案的頁面點 new pull request
對方review完後就可以併入
完成後記得要保持同步 要先remote到原始專案
git remote add upstream <url>
git pull upstream master
Practice
練習發PR
可以使用我的專案練習 連結
建立 README.md
README.md是Github專案的預設說明畫面
使用markdown格式編寫
markdown語法 連結
感謝聆聽

More Related Content

What's hot

Git and Github basic with SourceTree
Git and Github basic with SourceTreeGit and Github basic with SourceTree
Git and Github basic with SourceTreeChu-Siang Lai
 
Git 入门实战
Git 入门实战Git 入门实战
Git 入门实战icy leaf
 
寫給大家的 Git 教學
寫給大家的 Git 教學寫給大家的 Git 教學
寫給大家的 Git 教學littlebtc
 
初心者 Git 上手攻略
初心者 Git 上手攻略初心者 Git 上手攻略
初心者 Git 上手攻略Lucien Lee
 
如何使用Git hub
如何使用Git hub如何使用Git hub
如何使用Git hub文楨 黃
 
Introduction to git
Introduction to gitIntroduction to git
Introduction to gitBo-Yi Wu
 
大家應該都要會的工具 Git 從放棄到會用1-基礎篇
大家應該都要會的工具 Git   從放棄到會用1-基礎篇大家應該都要會的工具 Git   從放棄到會用1-基礎篇
大家應該都要會的工具 Git 從放棄到會用1-基礎篇Alan Tsai
 
連哈秋都懂的Git教學
連哈秋都懂的Git教學連哈秋都懂的Git教學
連哈秋都懂的Git教學hydai
 
Visual Studio 2015 與 Git 開發實戰
Visual Studio 2015 與 Git 開發實戰Visual Studio 2015 與 Git 開發實戰
Visual Studio 2015 與 Git 開發實戰Will Huang
 
git merge 與 rebase 的觀念與實務應用
git merge 與 rebase 的觀念與實務應用git merge 與 rebase 的觀念與實務應用
git merge 與 rebase 的觀念與實務應用Will Huang
 
Git 程式碼版本控制軟體介紹
Git 程式碼版本控制軟體介紹Git 程式碼版本控制軟體介紹
Git 程式碼版本控制軟體介紹PingLun Liao
 
Git 使用介绍
Git 使用介绍Git 使用介绍
Git 使用介绍medcl
 
Learning to Use Git | WeiYuan
Learning to Use Git | WeiYuanLearning to Use Git | WeiYuan
Learning to Use Git | WeiYuanWei-Yuan Chang
 
Git與source tree 基礎教學
Git與source tree 基礎教學Git與source tree 基礎教學
Git與source tree 基礎教學Duncan Chen
 
git, repo, Gerrit 基礎教學
git, repo, Gerrit 基礎教學git, repo, Gerrit 基礎教學
git, repo, Gerrit 基礎教學Doremi Lin
 
Mercurial簡介與教學
Mercurial簡介與教學Mercurial簡介與教學
Mercurial簡介與教學芳本 林
 
Xcode 的 git 版本管理
Xcode 的 git 版本管理Xcode 的 git 版本管理
Xcode 的 git 版本管理彼得潘 Pan
 
用 Drone 打造 輕量級容器持續交付平台
用 Drone 打造輕量級容器持續交付平台用 Drone 打造輕量級容器持續交付平台
用 Drone 打造 輕量級容器持續交付平台Bo-Yi Wu
 
版本控制 使用Git & git hub
版本控制   使用Git & git hub版本控制   使用Git & git hub
版本控制 使用Git & git hub維佋 唐
 

What's hot (20)

Git and Github basic with SourceTree
Git and Github basic with SourceTreeGit and Github basic with SourceTree
Git and Github basic with SourceTree
 
Git 入门实战
Git 入门实战Git 入门实战
Git 入门实战
 
寫給大家的 Git 教學
寫給大家的 Git 教學寫給大家的 Git 教學
寫給大家的 Git 教學
 
初心者 Git 上手攻略
初心者 Git 上手攻略初心者 Git 上手攻略
初心者 Git 上手攻略
 
Grunt
Grunt Grunt
Grunt
 
如何使用Git hub
如何使用Git hub如何使用Git hub
如何使用Git hub
 
Introduction to git
Introduction to gitIntroduction to git
Introduction to git
 
大家應該都要會的工具 Git 從放棄到會用1-基礎篇
大家應該都要會的工具 Git   從放棄到會用1-基礎篇大家應該都要會的工具 Git   從放棄到會用1-基礎篇
大家應該都要會的工具 Git 從放棄到會用1-基礎篇
 
連哈秋都懂的Git教學
連哈秋都懂的Git教學連哈秋都懂的Git教學
連哈秋都懂的Git教學
 
Visual Studio 2015 與 Git 開發實戰
Visual Studio 2015 與 Git 開發實戰Visual Studio 2015 與 Git 開發實戰
Visual Studio 2015 與 Git 開發實戰
 
git merge 與 rebase 的觀念與實務應用
git merge 與 rebase 的觀念與實務應用git merge 與 rebase 的觀念與實務應用
git merge 與 rebase 的觀念與實務應用
 
Git 程式碼版本控制軟體介紹
Git 程式碼版本控制軟體介紹Git 程式碼版本控制軟體介紹
Git 程式碼版本控制軟體介紹
 
Git 使用介绍
Git 使用介绍Git 使用介绍
Git 使用介绍
 
Learning to Use Git | WeiYuan
Learning to Use Git | WeiYuanLearning to Use Git | WeiYuan
Learning to Use Git | WeiYuan
 
Git與source tree 基礎教學
Git與source tree 基礎教學Git與source tree 基礎教學
Git與source tree 基礎教學
 
git, repo, Gerrit 基礎教學
git, repo, Gerrit 基礎教學git, repo, Gerrit 基礎教學
git, repo, Gerrit 基礎教學
 
Mercurial簡介與教學
Mercurial簡介與教學Mercurial簡介與教學
Mercurial簡介與教學
 
Xcode 的 git 版本管理
Xcode 的 git 版本管理Xcode 的 git 版本管理
Xcode 的 git 版本管理
 
用 Drone 打造 輕量級容器持續交付平台
用 Drone 打造輕量級容器持續交付平台用 Drone 打造輕量級容器持續交付平台
用 Drone 打造 輕量級容器持續交付平台
 
版本控制 使用Git & git hub
版本控制   使用Git & git hub版本控制   使用Git & git hub
版本控制 使用Git & git hub
 

Similar to Git

Git in a nutshell
Git in a nutshellGit in a nutshell
Git in a nutshellNelson Tai
 
Android系统移植技术详解
Android系统移植技术详解Android系统移植技术详解
Android系统移植技术详解zzc89522
 
First meetingwithgit
First meetingwithgitFirst meetingwithgit
First meetingwithgitRhythm Sun
 
Git &amp; git hub v1.2
Git &amp; git hub v1.2Git &amp; git hub v1.2
Git &amp; git hub v1.2Chris Chen
 
Git and git hub
Git and git hubGit and git hub
Git and git hub唯 李
 
Introduction to Golang final
Introduction to Golang final Introduction to Golang final
Introduction to Golang final Paul Chao
 
Git tutorial for windows user (給 Windows user 的 Git 教學)
Git tutorial for windows user (給 Windows user 的 Git 教學)Git tutorial for windows user (給 Windows user 的 Git 教學)
Git tutorial for windows user (給 Windows user 的 Git 教學)Cloud Tu
 
Ruby on Rails 開發環境建置 for Mac
Ruby on Rails 開發環境建置 for MacRuby on Rails 開發環境建置 for Mac
Ruby on Rails 開發環境建置 for MacMarsZ Chen
 
容器與 Gitlab CI 應用
容器與 Gitlab CI 應用容器與 Gitlab CI 應用
容器與 Gitlab CI 應用Philip Zheng
 
Git 超簡單學習懶人包(軟體程式版本控管系統)
Git 超簡單學習懶人包(軟體程式版本控管系統)Git 超簡單學習懶人包(軟體程式版本控管系統)
Git 超簡單學習懶人包(軟體程式版本控管系統)flylon
 
20170510 git 懶人包
20170510 git 懶人包20170510 git 懶人包
20170510 git 懶人包Chen-Ming Yang
 
COSCUP 2016 Workshop: 用 Docker 架設班級 git-it 練習環境
COSCUP 2016 Workshop: 用 Docker 架設班級 git-it 練習環境COSCUP 2016 Workshop: 用 Docker 架設班級 git-it 練習環境
COSCUP 2016 Workshop: 用 Docker 架設班級 git-it 練習環境均民 戴
 
Git基礎介紹
Git基礎介紹Git基礎介紹
Git基礎介紹Max Ma
 
Git使用入门
Git使用入门Git使用入门
Git使用入门dpf2e
 
Android 程式設計(4)
Android 程式設計(4)Android 程式設計(4)
Android 程式設計(4)Roy Wang
 
Add mailinglist command to gitolite
Add mailinglist command to gitoliteAdd mailinglist command to gitolite
Add mailinglist command to gitolite琛琳 饶
 

Similar to Git (20)

Git in a nutshell
Git in a nutshellGit in a nutshell
Git in a nutshell
 
Android系统移植技术详解
Android系统移植技术详解Android系统移植技术详解
Android系统移植技术详解
 
Git Tutorial
Git TutorialGit Tutorial
Git Tutorial
 
First meetingwithgit
First meetingwithgitFirst meetingwithgit
First meetingwithgit
 
Git &amp; git hub v1.2
Git &amp; git hub v1.2Git &amp; git hub v1.2
Git &amp; git hub v1.2
 
Git and git hub
Git and git hubGit and git hub
Git and git hub
 
Introduction to Golang final
Introduction to Golang final Introduction to Golang final
Introduction to Golang final
 
Git tutorial for windows user (給 Windows user 的 Git 教學)
Git tutorial for windows user (給 Windows user 的 Git 教學)Git tutorial for windows user (給 Windows user 的 Git 教學)
Git tutorial for windows user (給 Windows user 的 Git 教學)
 
Ruby on Rails 開發環境建置 for Mac
Ruby on Rails 開發環境建置 for MacRuby on Rails 開發環境建置 for Mac
Ruby on Rails 開發環境建置 for Mac
 
容器與 Gitlab CI 應用
容器與 Gitlab CI 應用容器與 Gitlab CI 應用
容器與 Gitlab CI 應用
 
Git 超簡單學習懶人包(軟體程式版本控管系統)
Git 超簡單學習懶人包(軟體程式版本控管系統)Git 超簡單學習懶人包(軟體程式版本控管系統)
Git 超簡單學習懶人包(軟體程式版本控管系統)
 
Build Your Own Android Toolchain from scratch
Build Your Own Android Toolchain from scratchBuild Your Own Android Toolchain from scratch
Build Your Own Android Toolchain from scratch
 
20170510 git 懶人包
20170510 git 懶人包20170510 git 懶人包
20170510 git 懶人包
 
Git share
Git shareGit share
Git share
 
COSCUP 2016 Workshop: 用 Docker 架設班級 git-it 練習環境
COSCUP 2016 Workshop: 用 Docker 架設班級 git-it 練習環境COSCUP 2016 Workshop: 用 Docker 架設班級 git-it 練習環境
COSCUP 2016 Workshop: 用 Docker 架設班級 git-it 練習環境
 
Git基礎介紹
Git基礎介紹Git基礎介紹
Git基礎介紹
 
Git使用入门
Git使用入门Git使用入门
Git使用入门
 
Android 程式設計(4)
Android 程式設計(4)Android 程式設計(4)
Android 程式設計(4)
 
Add mailinglist command to gitolite
Add mailinglist command to gitoliteAdd mailinglist command to gitolite
Add mailinglist command to gitolite
 
Cocoa on Rails 4th
Cocoa on Rails 4thCocoa on Rails 4th
Cocoa on Rails 4th
 

Git