輕鬆學GIT上傳你的檔案到Github教學
avatar-img
JayLinXR

輕鬆學GIT上傳你的檔案到Github教學

更新於 發佈於 閱讀時間約 3 分鐘

還在苦惱怎麼樣把你的檔案上傳到Github嗎?這裡教大家簡單上傳你的檔案可以沿用到如何上傳整體專案到Github並展示你的作品集


步驟1 - 申請Github帳號

raw-image



步驟2 - 輸入帳號密碼

你的E-mail

你的E-mail

你的密碼

你的密碼



步驟3 - 創立一個新的專案

登入帳號後,到右上角點選加的符號

登入帳號後,到右上角點選加的符號

輸入你的專案名字以及權限,完後點選綠色按鈕

輸入你的專案名字以及權限,完後點選綠色按鈕

設定權限為Public,那你會問跟Private有什麼差別,Public顧名思義是給大家有權利去access但是Private,只有你准許的成員才能access



步驟4 - 進入到Terminal 終端機指令

這裡開始比較複雜,以下我會詳細做簡單講解

Github這裡要請做輸入,才能上傳

Github這裡要請做輸入,才能上傳



步驟5 - 來做一個練習吧

上網抓一個圖片和創建一個資料夾,我們來做練習吧

raw-image
  • 創立一個初始化倉庫,用來存你的工作進度XD
git init
  • 把所有你做的東西加入到檢查區(暫存區),你做的東西要先檢查一遍,所以先丟到暫存區吧
git add .
  • 貼個標籤吧,註名一下
git commit -m "你要寫的註解Note"
  • 開個分支吧,因為主流線太多人命名了,更改名稱吧
git branch -M main

Note: main因個人而異去命名. -m 細節影片會講解

  • 把他加入到指定送貨點
git remote add origin https://github.com/JayLinXRS/xxxxxx.git

Note: xxxxxx每個人創立專案命名而不同

  • 確認完畢後,把這些檢查區的貨物給交delivery :)
git push -u origin main

Note: main因個人而異去命名,-u origin 簡單講是確保一切更新與你的當地檔案保持最新狀態呦


影片教學




額外資源教學

如何用FIgma製作個人作品集教學 - https://vocus.cc/article/645c733dfd89780001ffe890

學習用TypeScript | React | TailwildCSS 跟JayLin一起做待辦事項 App - https://vocus.cc/article/64637f74fd8978000175c0f8

全端軟體工程師 - MERN Stack完整課程教學 - https://vocus.cc/article/64637f74fd8978000175c0f8



更多相關教學文章

JayLinXR YT: https://www.youtube.com/@jaylinxr

JayLinXR IG: https://www.instagram.com/jaylin_xr/

JayLinXR FB: https://www.facebook.com/JayLinXR





avatar-img
JayLinXR
13會員
33內容數
設計 + 程式,是一個出版對設計和程式的學習影片和教學文章,目的是為了讓大家能加快學習最新技術以及設計相關題目去思考如何改變產品的設計體驗。 請追蹤JayLinXR獲得最新消息: https://www.youtube.com/@jaylinxr
留言
avatar-img
留言分享你的想法!
JayLinXR 的其他內容
React Marquee是一個輕量級的React library,可以在網頁上創建流暢的跑馬燈效果。本文提供快速教學和講解,教大家如何安裝、使用React跑馬燈library官方網站。另外,也分享了額外的資源和相關教學文章。希望透過以上講解和影片教學,能幫助大家瞭解這個library。
本文介紹如何使用Vite建立前端開發初始檔案,並加入Tailwindcss的教學。透過指令和配置檔,讓你能快速建立個人專案的開發環境,並學習如何加入全域的Tailwindcss樣式。還有影片教學、資源連結和更多相關教學文章等,幫助你進一步學習。
這一集用最新的Vite工具去創建初始檔案。Vite用於創建和構建Web應用程序,具有快速的啟動時間、即時熱更新、小型體積、支持多種框架和可擴展性等優點。
React Marquee是一個輕量級的React library,可以在網頁上創建流暢的跑馬燈效果。本文提供快速教學和講解,教大家如何安裝、使用React跑馬燈library官方網站。另外,也分享了額外的資源和相關教學文章。希望透過以上講解和影片教學,能幫助大家瞭解這個library。
本文介紹如何使用Vite建立前端開發初始檔案,並加入Tailwindcss的教學。透過指令和配置檔,讓你能快速建立個人專案的開發環境,並學習如何加入全域的Tailwindcss樣式。還有影片教學、資源連結和更多相關教學文章等,幫助你進一步學習。
這一集用最新的Vite工具去創建初始檔案。Vite用於創建和構建Web應用程序,具有快速的啟動時間、即時熱更新、小型體積、支持多種框架和可擴展性等優點。