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

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

步驟1 - 申請Github帳號

步驟2 - 輸入帳號密碼

你的E-mail
你的密碼

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

登入帳號後,到右上角點選加的符號
輸入你的專案名字以及權限,完後點選綠色按鈕
設定權限為Public,那你會問跟Private有什麼差別,Public顧名思義是給大家有權利去access但是Private,只有你准許的成員才能access

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

這裡開始比較複雜,以下我會詳細做簡單講解
Github這裡要請做輸入,才能上傳

步驟5 - 來做一個練習吧

上網抓一個圖片和創建一個資料夾,我們來做練習吧
  • 創立一個初始化倉庫,用來存你的工作進度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

更多相關教學文章

為什麼會看到廣告
avatar-img
12會員
33內容數
設計 + 程式,是一個出版對設計和程式的學習影片和教學文章,目的是為了讓大家能加快學習最新技術以及設計相關題目去思考如何改變產品的設計體驗。 請追蹤JayLinXR獲得最新消息: https://www.youtube.com/@jaylinxr
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
JayLinXR 的其他內容
ChatGPT增加學習效率,該怎麼輸入能產生好的效果呢? 本篇實作範例教大家輸入合適的Prompt來產生好的結果
想要體驗元宇宙的環境嗎?本文章教大家如何用熱門的Unity3D來開發Metaverse元宇宙環境並且抓取物件
想要體驗元宇宙的環境嗎?本文章教大家如何用熱門的Unity3D來開發Metaverse元宇宙環境
React.js 是一個熱門的library,JayLin今天講解React核心概念以及利用一個小案例概括理論部分
當你做好你的網站後,教大家把你的網站部署到雲端伺服器Vercel
這集介紹Next Image Module模組和CSS3如何定位在Next.js Framework
ChatGPT增加學習效率,該怎麼輸入能產生好的效果呢? 本篇實作範例教大家輸入合適的Prompt來產生好的結果
想要體驗元宇宙的環境嗎?本文章教大家如何用熱門的Unity3D來開發Metaverse元宇宙環境並且抓取物件
想要體驗元宇宙的環境嗎?本文章教大家如何用熱門的Unity3D來開發Metaverse元宇宙環境
React.js 是一個熱門的library,JayLin今天講解React核心概念以及利用一個小案例概括理論部分
當你做好你的網站後,教大家把你的網站部署到雲端伺服器Vercel
這集介紹Next Image Module模組和CSS3如何定位在Next.js Framework
你可能也想看
Google News 追蹤
更新專案的指令有: 01 `git fetch` 來對專案做「更新 Update」。 02 `git push` 來分享你對專案的「變更 Change」[3]。 03 `git remote` 來管理遠端的儲存庫。 有趣的是,fetch 這個字源於古英語的"fetan", 表示拿來,取回來的意思。
今天學習Git的第二步: 基礎快照 Basic Snapshotting [1] 。 之前提到,快照在Git的意思, 是Git 會紀錄 Git 儲存庫裡面每一個檔案在提交時刻的狀態。 可以說,Git 本身就是製作與組織這些「快照」的最強工具。 透過使用快照,你可以記錄你
今天學習Git 的第一步: 取得與建立項目 Getting and Creating Projects [1]。 之前提到「儲存庫 Repository」就是儲存所有「檔案 File」的地方。 在Git 的邏輯裡,儲存庫是要儲存所有的「快照 Snapshots」。 什麼是快照
Windows : 下載Git (git-scm.com)並按照指示安裝。 安裝完成後,你可以通過運行以下命令來確認安裝是否成功: git --version 初次設定GIT 接下來就是按照初次設定git,會需要配置你的用戶名和電子郵件地址,這些信息將被記錄在您提交的每個變更中。 git
1. Outline Takeaway Setting up Git and verifying installation Configuring your Git username and email Initializing a new Git repository Stagin
Thumbnail
本篇文章介紹如何使用Git Bash進行版本控制操作,包括創建repository、查看狀態、歷程以及加入暫存和提交暫存等操作。透過基本的Git指令,您可以更深入地瞭解Git工具的使用方法。
※ 需要做版本備份時: git init:初始化此資料夾,由git 開始追蹤版本控制。 git add:將檔案加入到暫存區。 git commit:把暫存區的內容提交到儲存庫。 git status:查看目前所有檔案的狀態。 git log:查看過去所有commit的記錄。 ※ 需要做修
※ Git(四) 空的資料夾無法被加入 Git 進行版本控制,但這個資料夾如果又是很重要的資料夾,你會怎麼處理? 當空的目錄無法被加入 Git 進行版本控制時,有以下的做法可以解決: 在那個空目錄裡隨便放一個檔案就行了。 在這個資料夾中添加一個名為 .gitkeep 的空檔案,讓 Git 能
※ Git(三) 什麼是 staging area? 在 Git 中,staging area是暫存區的意思,也被稱為索引(index)。透過一個git add 指令把檔案從工作目錄移至暫存區。再透過一個git commit 指令把暫存區的內容移至儲存庫。 當多人協作時你要開發個功能,但不
※ 關於Git (二) 請寫下從 Github 上複製一個專案下來,做一次遞交,然後推上去會用到的所有 git 指令。 複製專案(Clone) markdown-here: git clone https://github.com/adam-p/markdown-here.git 如果在訊息
更新專案的指令有: 01 `git fetch` 來對專案做「更新 Update」。 02 `git push` 來分享你對專案的「變更 Change」[3]。 03 `git remote` 來管理遠端的儲存庫。 有趣的是,fetch 這個字源於古英語的"fetan", 表示拿來,取回來的意思。
今天學習Git的第二步: 基礎快照 Basic Snapshotting [1] 。 之前提到,快照在Git的意思, 是Git 會紀錄 Git 儲存庫裡面每一個檔案在提交時刻的狀態。 可以說,Git 本身就是製作與組織這些「快照」的最強工具。 透過使用快照,你可以記錄你
今天學習Git 的第一步: 取得與建立項目 Getting and Creating Projects [1]。 之前提到「儲存庫 Repository」就是儲存所有「檔案 File」的地方。 在Git 的邏輯裡,儲存庫是要儲存所有的「快照 Snapshots」。 什麼是快照
Windows : 下載Git (git-scm.com)並按照指示安裝。 安裝完成後,你可以通過運行以下命令來確認安裝是否成功: git --version 初次設定GIT 接下來就是按照初次設定git,會需要配置你的用戶名和電子郵件地址,這些信息將被記錄在您提交的每個變更中。 git
1. Outline Takeaway Setting up Git and verifying installation Configuring your Git username and email Initializing a new Git repository Stagin
Thumbnail
本篇文章介紹如何使用Git Bash進行版本控制操作,包括創建repository、查看狀態、歷程以及加入暫存和提交暫存等操作。透過基本的Git指令,您可以更深入地瞭解Git工具的使用方法。
※ 需要做版本備份時: git init:初始化此資料夾,由git 開始追蹤版本控制。 git add:將檔案加入到暫存區。 git commit:把暫存區的內容提交到儲存庫。 git status:查看目前所有檔案的狀態。 git log:查看過去所有commit的記錄。 ※ 需要做修
※ Git(四) 空的資料夾無法被加入 Git 進行版本控制,但這個資料夾如果又是很重要的資料夾,你會怎麼處理? 當空的目錄無法被加入 Git 進行版本控制時,有以下的做法可以解決: 在那個空目錄裡隨便放一個檔案就行了。 在這個資料夾中添加一個名為 .gitkeep 的空檔案,讓 Git 能
※ Git(三) 什麼是 staging area? 在 Git 中,staging area是暫存區的意思,也被稱為索引(index)。透過一個git add 指令把檔案從工作目錄移至暫存區。再透過一個git commit 指令把暫存區的內容移至儲存庫。 當多人協作時你要開發個功能,但不
※ 關於Git (二) 請寫下從 Github 上複製一個專案下來,做一次遞交,然後推上去會用到的所有 git 指令。 複製專案(Clone) markdown-here: git clone https://github.com/adam-p/markdown-here.git 如果在訊息