專案開發完成 : GitHub 上傳你的作品

每日一談

嗨，大家好 ! 我是阿蘇
今天是Day29 ，倒數2天即將完賽啦，剩最後兩天跟大家打招呼了(笑

前面我們分享了很多實作的技巧及切版相關知識，這些都是我在實作開發整理而成心得，希望對大家在開發上有所幫助，如果中間開發上有遇到甚麼困難，也歡迎留言私訊詢問，在學習路上我受到很多人幫助，也希望能回饋給大家。

今天最後來給大家分享如何使用 GitHub 上傳你的作品，會教學基礎的 GitHub 上傳 ，深入的學習還有包含 Git/Github 版控管理， 這邊先分享基礎給大家一點觀念，有時間大家可以再深入學習

GitHub 是什麼 ?

對於初學/新手者一定會很困惑，GitHub 究竟是甚麼? 為什麼我們會需要使用到 GitHub ?

GitHub 是原始碼放置平台，在這邊我們可以分享我們的專案，也可以使用Git作為版本控制，在上面我們可以看到很厲害的大神，也可以看到各式各樣人家的作品，可以找到好用人家寫好的開發gulp 等 ...

Git / GitHub 差異

Git 是屬於版本控制，而 GitHub 則是上傳程式原始碼的放置平台
上傳程式原始碼後，我們可以利用 Git 來做版本控制切換不同版本，避免在開發上把程式寫壞，在多人協作上我們更是會使用 Git 來分別開發，最後完成專案，這邊大家只要有個基本概念，等熟悉再深入學習 Git 版控

分享教學網站 - 六角學員 Git & GitHub 教學手冊

GitHub 教學，還不會使用的可以一步一步跟我們一起做看看 !

一、 GitHub 註冊

首先我們先先註冊一個 Github 帳號，這樣才能使用GitHub上傳我們的作品

1. 在首頁右上點選登入
   
2. 創建你的帳號
   
3. 依序填入註冊資料
   
4. email 收信驗證
   
5. 恭喜你註冊成功了(灑花)

二、安裝軟體 - GitHub Desktop

註冊成功後，接下來我們要安裝 GitHub Desktop 這個軟體，這是 GitHub 桌面應用軟體 ，在初學如果還沒學會會其他上傳方式，可以先用 GitHub Desktop 來連結我們專案並上傳

GitHub Desktop 官網
點選 Download for windows (64bit) 來進行下載

三、GitHub 建立你的專案

接下來我們要開始準備作品上傳，必須先建立我們的專案才能上傳，所以我們要先在 GitHub 建立

1. 先建立專案
   
2. 設定專案
   
3. 創建專案 - 123
   當創建後就成功建立專案，就可以進入到下一步驟了 ~

四、上傳 GitHub

1. 開啟 GitHub Desktop 連結你的GitHub

2. 點選創建的專案 - clone

3. 自訂資料夾路徑
   

4. 創建成功-查看介面
   我們成功建立有連結GitHub的專案資料夾了 ，之後要開發我們就可以在這個資料夾來進行開發，如果有資料異動會顯示在左側，下面也有上傳輸入註解/備註，也可以切換分支進行上傳，要切換專案也十分方便
   

5.上傳

6.成功上傳
恭喜你成功上傳你的專案了 ! 是不是學會了呢 !

小知識: 上傳GitHub 有很多方法，像是vscode 輸入指令連結上傳或gulp上傳，還有很多方法可以做到上傳，這篇主要是提供一些基本的上傳教學，教大家其中一種方法，大家在開發可以使用自己習慣便利的方法

四、展示 GitHub Demo

1.點選 專案

2.點選 專案設定

3.點選 pages

4.選擇要展示的 Demo 的原始碼分支

5. Demo 展示成功
   顯示展示的作品網址，就可以分享給其他人看了 !
   上傳更新需要一段時間，更新後要等一段時間才會顯示，沒有馬上出來不要緊張