2020年3月6日 星期五

Git 學習筆記 (五) : GitHub 檔案管理

在上一篇的 GitHub 基本操作中我們已知如何建立儲存庫 (Repository, 簡稱 Repo), 並在建立時順便利用初始化提交 (initial commit) 新增了一個 README.rd 讀我檔案, 本系列筆記索引參考 :

# Git 學習筆記索引

本文主要介紹如何完全使用網頁線上管理 GitHub 上的檔案與資料夾 (而非透過本地端的 CLI 介面), 例如新增刪除檔案與資料夾, 以及如何將本地檔案透過瀏覽器上傳到 GitHub 的儲存庫裡.


一. 新增檔案 :

按右邊的 "Create new file" 鈕進入 Code 頁嵌 :




在 Repo 名稱後面輸入欲新增之檔案名稱, 並在底下編輯檔案內容 :




編輯完按底下的 "Commit new file" 鈕提交 (正式存檔) :




可見新增的 hello-world.htm 已在檔案列表中了 :




點檔名進去可以重新編輯檔案內容或刪除此檔案 :




另外按 Raw 按鈕可顯示原始碼, 按 Blame 鈕則可顯示誰為了甚麼原因修改了這個檔案.


二. 新增資料夾 :

如果要將寄存的檔案分門別類, 可以在儲存庫底下新增資料夾, 但 GitHub 葉面上卻看不到新增目錄的按鈕, 其實新增資料夾跟新增檔案都是按 "Create new file" 鈕, 差別只是在新增資料夾時要在資料夾名稱後面添加一個 slash (斜線), 這時此輸入欄位馬上變成資料夾路徑, 同時立刻在後面多出新的一個輸入欄位, 可輸入任意一個檔案名稱, 再按底下的 "Commit new file" 鈕提交此檔案, 這樣就會建立一個資料夾並於其下建立一個新檔案 :





這樣就在儲存庫底下建立一個資料夾了 :




此資料夾下所建立的任意檔案 readme.txt 若不需要可點進去再按垃圾桶鈕刪除.


三. 上傳本地檔案至儲存庫資料夾 :

上面已在儲存庫 test 底下建立了 ajaxtest 資料夾, 點選路徑切換至此資料夾下面, 按右邊的 "Upload files" 鈕, 會出現一個上傳區頁面, 然後到檔案總管中點選要上傳的檔案 (可複選), 將其拖曳到 GitHub 的上傳區中即可 (也可以點上傳區中的 Choose your files 超連結) :






上傳完畢後拉到網頁底下, 輸入上傳標題與說明後按 "Commit changes" 鈕提交檔案 (真正存檔) :




提交上傳之檔案需要一點時間處理, 完畢後就可看到這些檔案出現在 ajaxtest 資料夾底下了 :




以上就是 GitHub 上的基本檔案管理操作.

我後續又把本機之前的測試 test 資料夾底下的檔案都上傳了, 終於完成去年的計畫, 將測試程式都移植到 GitHub 了, 網址為 :

https://github.com/tony1966/test

參考 :

# 网页版github上新建文件夹

沒有留言 :