怎樣在GitHub建立目錄上傳圖片?
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">,訪問自己的網頁時候就可以將倉庫的目錄地址粘貼到網址後面進行訪問了。
特別提示
創建文件夾時候需要有一個文件在該目錄下。
-
word中替換功能的六個實用技巧
在這個講效率的年代,word的使用也需要效率,那麼,我們怎麼才能使word的使用也有效率呢,這就需要我們在平時多積累一些實用小技巧,但如何能夠更加了解word各個功能的使用技巧呢?那下面我們就以Word中替換功能爲例,詳細講解它的6個技巧。操作方法(01)第一、去除word裏括號...
-
如何使用新浪郵箱發郵件
許多人擁有一個電子郵箱,卻不會使用它來發送電子郵件,接下來,我以新浪郵箱爲例教大家如何發送電子郵件。操作方法(01)首先,登陸郵箱(02)找到“寫信”,單擊打開(03)收件人就是對方的電子郵箱地址,輸入到方框內(04)主題可以隨便寫(05)正文寫在紅色的框內(06)下面是例子(07)寫完後,單擊...
-
adobe acrobat教程---5分鐘輕鬆編輯文檔
AdobeAcrobat的功能非常強大,只是很多人都沒有去深入的使用它。AdobeAcrobat能輕鬆簡化您的工作。它的主要功能有:1.將PDF轉換爲其它格式;2.編輯PDF;3.文檔創建和分析表單;4.創建PDF文件;5.合併文件;6.簡化審閱和審批;7.保護PDF文件;8.前後一致地準備文件。9.將...
-
商用wifi路由器怎麼來設置?怎麼用呢?
不論是餐廳、咖啡廳、足療店,還是機場、商場,只要是人流量大、人羣密集的地方,WiFi已成爲人們連接互聯網的重要上網方式,它在爲人們提供便捷的移動網絡服務同時,也正潛移默化的改變着人們的上網習慣、消費習慣,讓人們更加依賴它。因此不少商家看到了可以藉助WiFi平臺...