GitHub是全世界最大的極客網站,在這裏可以建立自己的項目代碼,並能夠和世界上優秀的程序員交流心得。這篇指南是教大家怎樣在GitHub項目倉庫中建立目錄上傳圖片,希望對你有所幫助!
工具/材料
GitHub項目管理員
操作方法
01在GitHub的項目倉庫中,點擊【upload files】就可以將文件上傳到服務器,可以使用查到上傳的方法,也可以直接將待上傳的圖片拖拽到這個地方。另外建議在文件上傳之前,將它命名成簡單的名稱,便於在代碼編輯中使用。
02必須上傳進度條完成纔可以點擊【commit changes】,否則會出現未知錯誤,上傳的時間和網速以及文件大小有關。
03上傳成功後,在倉庫的主目錄中可以看到0.jpg的圖片,這個就是剛剛成功上傳的文件。這裏我們將另外一個文件進行編輯,將圖片0.jpg添加到我們的網頁中,同樣點擊文件後面的編輯符號即可。
04在body中插入圖片,這裏需要使用到圖片標籤<image src="0.jpg"/>
這樣就會將統計目錄下的0.jpg插入到網頁中,網頁效果如圖。
對於複雜的網頁(多圖)怎辦?
這裏就需要將文件分類,在倉庫中創建文件夾,使用“/”,這樣就可以創建一個目錄,但是該目錄下必須新建文件纔會成爲目錄文件夾,否者就是文本文件,這裏創建的是001文件夾,下面有一個test文件。
移動文件
對於HTML文件,可以進行移動位置,我們點擊HTML後面的編輯符號,修改文件的儲存地址,需要使用到“/”,比如移動到001文件夾下,輸入001/即可。
移動圖片
剛剛上傳的圖片,我們用上述方法是不行的,只能將這個圖片刪除,然後重新上傳到指定目錄下面。
這裏圖片上傳的方法和步驟一模一樣,由於文件地址發生變化,我們的代碼也要修改,這裏插入的圖片就是不是同級目錄下的0.jpg了,而是同級目錄下image文件夾中的0.jpg。
09插入的代碼格式是這樣的<image src="./images/0.jpg">,訪問自己的網頁時候就可以將倉庫的目錄地址粘貼到網址後面進行訪問了。
特別提示
創建文件夾時候需要有一個文件在該目錄下。