Try   HackMD

初步掌握Git與Github應用(6) – Github 基礎應用

tags: 初步掌握Git與Github應用

希望藉由這份筆記，讓正在學習這類知識的你/妳，能夠得到些許幫助。

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Hint: 以下筆記內容所使用的作業系統為"Windows 10"

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
註冊 Github

點擊前往 Github 註冊

Step 1: 前往註冊 Github
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Step 2: 依序填入 email、password、username

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

另外，它會要求填入是否 (y/n) 願意用填入的 email 收到 github 的相關資訊。

Step 3: 智力測驗 (我不是機器人驗證)

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Step 4: 填入 email 信件中的驗證碼

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

填入正確驗證碼後，會自動進行頁面跳轉。

Step 5: 大功告成!!!

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
簡單介紹 Github

GitHub是透過Git進行版本控制的軟體原始碼代管服務平台，由GitHub公司（曾稱Logical Awesome）的開發者Chris Wanstrath、P. J. Hyett和湯姆·普雷斯頓·沃納使用Ruby on Rails編寫而成。–- Wikipedia

使用 Github 的一些好處
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

  1. 提供遠端 repository (儲存空間) 放置原始碼
  2. 使 git 後的原始碼更加透明化
  3. 其他開發者可以給予意見(bug回報..)
  4. 方便團隊協作開發
  5. 快速找到實用的插件
  6. 放置靜態網頁的免費空間 XD …

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Hint: Github公司被微軟收購後，現在免費用戶也可以建立 private repository，只是付費用戶提供的功能比較多。

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
實際操作 Github

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

使用到的指令:

指令 功能說明
git clone 遠端數據庫網址 複製遠端數據庫到本地端
git push 遠端數據庫名稱 遠端分支名稱 將本地分支推送到遠端分支

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
將遠端數據庫 clone 到本地數據庫

  1. 在 github 上建立數據庫

  • 點擊 New respository

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

  • 為數據庫取名、點擊建立數據庫

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

  • 關於如何操作數據庫的一些說明

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

  1. 透過 https 將數據庫 clone 到本地端

  • 建立資料夾、移動路徑

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

  • 用 https 形式將數據庫 clone 到本地端

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

  • 使用 git clone 指令、提示 test 是一個空的 repository

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

  • 成功 clone 到本地端

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
將本地數據庫推送到 github 上

  • 切換路徑到 test 下，新增 index.html

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

  • 加入索引，commit 成紀錄

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

  • 推送(push)到遠端數據庫(github)

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

  • 帳號驗證

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

  • 成功推送到遠端數據庫(github)

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
BONUS: 找出實用的插件

開發者通常會將一些有用的東西上傳到 github 上，其他開發者若想要使用到類似的效果，可以透過關鍵字搜尋。

以 js calendar 為例:

  • 搜尋 js calendar 並選擇數據庫

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

  • 數據庫裡通常會有如何使用插件的說明

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

  • 使用說明與範例效果

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

如何選擇合適的數據庫?

  • 使用的語言
  • star 的數量，愈多代表有愈多開發者的認同
  • update 的時間，最好是在半年內有更新，避免與現行環境不符
  • 使用說明的易讀性
  • issue (bug) 是否有被妥善解決
  • 環境支援與否

Last updated 2021/07/18 by Qi Xiang
Last changed by 
 
XIANG
0
1
221

Read more

金魚也能學會寫網頁-框架篇

據說金魚只有七秒的記憶力，那有沒有辦法讓金魚也能快速建置個人網頁呢? 答案是有的!! Bootstrap是一個前端的網頁框架，框架內有各種已寫好的網頁元件，你只要做3件事，複製、貼上、拼拼圖(Component)，就能做出一個基本的前端網頁。:thumbsup: :::info :bulb:Hint: 文章內所使用的版本是 Bootstrap v4.6.x ::: :hourglass_flowing_sand: Setting Environment 如果你已經有用習慣的網頁編寫工具，可以選擇略過此部分，下面以VS Code為例

Mar 9, 2022
原子習慣 書摘(2)

第二章 改變習慣的最有效方法，是改變身分認同 改變習慣之所以如此具有挑戰性，原因有二 : 試圖改變的東西不對 試圖改變習慣的方式不對 改變的發生分成三個層次 : 改變結果 : 重點放在改變成果，設定的目標多與這個層次的變化有關 改變過程 : 重點在於改變習慣與系統，建立的習慣多與此有關

Nov 2, 2021
原子習慣 書摘(1)

第一章 原子習慣的驚人力量 複利效應，讓小習慣造就大不同 人們很容易高估一個決定性瞬間的重要性，卻也容易低估每天都做些小改善的價值。 短期來看，每天百分之一的改善並不值得特別注意，但從長遠來看，意義可能非常大。假設每天都進步百分之一，持續一年後，你會進步37倍之多，若每天都退步百分之一，持續一年後，你會退步到趨近於0。 複利效應的驚人威力，讓起初看似不起眼的小勝利或小失敗，經長期累積造就出巨大差異。 好的習慣在執行的過程中，如果只挑其中一天來看，效果可能不是那麼明顯，但在長期的"複利效應"作用下，幾年之後回頭看，好習慣的價值與壞習慣的代價變得極為明顯。

Oct 28, 2021
初步掌握Git與Github應用-整合版

環境建置、基本指令、Git 基礎操作、Github 基礎應用、Git 分支、Git、Github 團隊協作、Git 常用指令環境建置、基本指令、Git 基礎操作、Github 基礎應用、Git 分支、Git、Github 團隊協作、Git 常用指令

Jul 28, 2021
Read more from XIANG
Published on HackMD