最近嘗試用利用Github在Markdown中插入圖片雄嚣,遇到諸多問(wèn)題——主要是不知道如何用GitHub上傳圖片晒屎!
GitHub是一個(gè)純英文網(wǎng)站,網(wǎng)上目前有的教程又都較為簡(jiǎn)略缓升,一般只有文字說(shuō)明夷磕。但缺乏圖片的詳細(xì)說(shuō)明,作為非常白的非程序員仔沿,完全看不懂白!
在多次努力終于弄明白如何利用GitHub在Markdown中插入圖片后封锉,我把自己摸索的方法做成了一個(gè)圖文并茂的教程绵跷,希望能對(duì)大家有所幫助膘螟!
PS:簡(jiǎn)書上的圖片插入程序很好用,不需要采用此笨拙的圖片插入方法碾局!
為何要用Github上傳圖片?
Markdown語(yǔ)法插入圖片荆残,主要有三種方式:
-
1 .插入網(wǎng)絡(luò)圖片
只需要在基礎(chǔ)語(yǔ)法的括號(hào)中填入圖片的網(wǎng)絡(luò)鏈接即可,現(xiàn)在已經(jīng)有很多免費(fèi)/收費(fèi) 圖床和方便傳圖的小工具可選净当。Markdown語(yǔ)法:![text] (圖片鏈接地址)
(text為用來(lái)描述圖片的關(guān)鍵詞内斯,可以不寫。) -
2. 插入本地圖片
只需要在基礎(chǔ)語(yǔ)法的括號(hào)中填入圖片的位置路徑即可像啼。
Markdown語(yǔ)法:! [text ] ( /user/desktop/doge.png)本地圖片的路徑俘闯,一旦更改或丟失,都會(huì)造成markdown文件調(diào)不出圖忽冻,因此不推薦此方法真朗!
-
3.把圖片存入markdown文件
用base64轉(zhuǎn)碼工具把圖片轉(zhuǎn)成一段字符串,然后把字符串填到基礎(chǔ)格式中鏈接的那個(gè)位置僧诚。作為非程序員遮婶,此方法描述都讓人頭大,難度較大湖笨!感興趣者可參考:把圖片存入markdown文件
綜上所述旗扑,通過(guò)圖片地址的方式,在Markdown中插入圖片慈省,是最為合適的方法臀防。當(dāng)前,有很多小網(wǎng)頁(yè)工具幫助把上傳圖片并提供圖片鏈接辫呻,比如:https://sm.ms/。相比于GitHub琼锋,此類工具可能不穩(wěn)定放闺。
因此,本文認(rèn)為利用GitHub上傳圖片缕坎,并在Markdown中插入是較為穩(wěn)妥和方便的方法怖侦!
如何用Github上傳圖片?
使用GitHub上傳圖片,主要分為4步:
- 先注冊(cè)一個(gè)github的帳號(hào)
- 創(chuàng)建一個(gè)倉(cāng)庫(kù)
- 上傳一張圖片
- 上傳完成后谜叹,點(diǎn)擊打開圖片匾寝,右鍵 復(fù)制圖片地址
1. 先注冊(cè)一個(gè)github的帳號(hào)
打開GitHub網(wǎng)站:https://github.com/
點(diǎn)擊右上角Sign up (注冊(cè)),輸入
Username(用戶名)
Email(郵箱)
Password(密碼)荷腊,-
最后艳悔,點(diǎn)擊Sigh up for Github完成注冊(cè)。
- 如果已有GitHub賬戶女仰,則直接點(diǎn)擊Sigh in (登錄)即可猜年。
2. 創(chuàng)建一個(gè)倉(cāng)庫(kù)
- 登錄進(jìn)入后抡锈,點(diǎn)擊 New repository,創(chuàng)建一個(gè)新的倉(cāng)庫(kù)
repository:倉(cāng)庫(kù)
- ** 輸入倉(cāng)庫(kù)名稱乔外,點(diǎn)擊 Create Repository ,
- 倉(cāng)庫(kù)創(chuàng)建完成后床三,進(jìn)入README,不用填寫任何內(nèi)容,直接點(diǎn)擊Commit new file(提交文件)杨幼。
PS: 第一次創(chuàng)建倉(cāng)庫(kù)后撇簿,花了很久才弄明白如何才能有 上傳文件的命令——問(wèn)題就在這里,需要點(diǎn)擊README差购,并且Commit new file四瘫。作為一個(gè)GitHub小白,其實(shí)我不明白為什么需要有這一步歹撒,才能繼續(xù)操作莲组。。)
3. 上傳一張圖片
完成以上步驟后暖夭,就可以點(diǎn)擊 Choose your files(上傳文件)锹杈,并選擇需要上傳的圖片,上傳過(guò)程需等待幾秒鐘迈着。
最后竭望,點(diǎn)擊Commit changes(提交),圖片就上傳完成啦裕菠!
4. 上傳完成后咬清,點(diǎn)擊打開圖片,右鍵 復(fù)制圖片地址奴潘。
最后旧烧,將圖片地址 粘貼至Markdown語(yǔ)法中,就成功的完成了圖片插入画髓!
比如: !(https://github.com/youyou-579/123/blob/master/2.8.jpg?raw=true)
以上掘剪,就是利用Github在Markdown中插入圖片的全部過(guò)程,希望能幫到你奈虾!