當前位置:妙知谷 >

遊戲數碼 >互聯網 >

怎樣在GitHub建立目錄上載圖片?

怎樣在GitHub建立目錄上載圖片?

GitHub是全世界最大的極客網站,在這裏可以建立自己的項目代碼,並能夠和世界上優秀的程序員交流心得。這篇指南是教大家怎樣在GitHub項目倉庫中建立目錄上載圖片,希望對你有所幫助!

工具/材料

GitHub項目管理員

操作方法

01

在GitHub的項目倉庫中,點擊【upload files】就可以將文件上載到服務器,可以使用查到上載的方法,也可以直接將待上載的圖片拖拽到這個地方。另外建議在文件上載之前,將它命名成簡單的名稱,便於在代碼編輯中使用。

怎樣在GitHub建立目錄上載圖片?
怎樣在GitHub建立目錄上載圖片? 第2張
02

必須上載進度條完成才可以點擊【commit changes】,否則會出現未知錯誤,上載的時間和網速以及文件大小有關。

怎樣在GitHub建立目錄上載圖片? 第3張
怎樣在GitHub建立目錄上載圖片? 第4張
03

上載成功後,在倉庫的主目錄中可以看到0.jpg的圖片,這個就是剛剛成功上載的文件。這裏我們將另外一個文件進行編輯,將圖片0.jpg添加到我們的網頁中,同樣點擊文件後面的編輯符號即可。

怎樣在GitHub建立目錄上載圖片? 第5張
怎樣在GitHub建立目錄上載圖片? 第6張
04

在body中插入圖片,這裏需要使用到圖片標籤<image src="0.jpg"/>
這樣就會將統計目錄下的0.jpg插入到網頁中,網頁效果如圖。

怎樣在GitHub建立目錄上載圖片? 第7張
怎樣在GitHub建立目錄上載圖片? 第8張
05

對於複雜的網頁(多圖)怎辦?
這裏就需要將文件分類,在倉庫中創建文件夾,使用“/”,這樣就可以創建一個目錄,但是該目錄下必須新建文件才會成為目錄文件夾,否者就是文本文件,這裏創建的是001文件夾,下面有一個test文件。

怎樣在GitHub建立目錄上載圖片? 第9張
怎樣在GitHub建立目錄上載圖片? 第10張
06

移動文件
對於HTML文件,可以進行移動位置,我們點擊HTML後面的編輯符號,修改文件的儲存地址,需要使用到“/”,比如移動到001文件夾下,輸入001/即可。

怎樣在GitHub建立目錄上載圖片? 第11張
怎樣在GitHub建立目錄上載圖片? 第12張
怎樣在GitHub建立目錄上載圖片? 第13張
07

移動圖片
剛剛上載的圖片,我們用上述方法是不行的,只能將這個圖片刪除,然後重新上載到指定目錄下面。

怎樣在GitHub建立目錄上載圖片? 第14張
08

這裏圖片上載的方法和步驟一模一樣,由於文件地址發生變化,我們的代碼也要修改,這裏插入的圖片就是不是同級目錄下的0.jpg了,而是同級目錄下image文件夾中的0.jpg。

怎樣在GitHub建立目錄上載圖片? 第15張
怎樣在GitHub建立目錄上載圖片? 第16張
09

插入的代碼格式是這樣的<image src="./images/0.jpg">,訪問自己的網頁時候就可以將倉庫的目錄地址粘貼到網址後面進行訪問了。

怎樣在GitHub建立目錄上載圖片? 第17張
怎樣在GitHub建立目錄上載圖片? 第18張
怎樣在GitHub建立目錄上載圖片? 第19張

特別提示

創建文件夾時候需要有一個文件在該目錄下。

標籤: GitHub 目錄 建立
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/hulianwang/2ee2rv.html