怎樣在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平臺...