【圖文詳解】如何利用Github在Markdown中插入圖片榕莺?

最近嘗試用利用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步:

  1. 先注冊(cè)一個(gè)github的帳號(hào)
  2. 創(chuàng)建一個(gè)倉(cāng)庫(kù)
  3. 上傳一張圖片
  4. 上傳完成后谜叹,點(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è)。


    注冊(cè)賬號(hào)
  • 如果已有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 ,
創(chuàng)建倉(cāng)庫(kù)
創(chuàng)建倉(cāng)庫(kù)
  • 倉(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ù)操作莲组。。)

創(chuàng)建好的倉(cāng)庫(kù).jpg
執(zhí)行README

3. 上傳一張圖片

  • 完成以上步驟后暖夭,就可以點(diǎn)擊 Choose your files(上傳文件)锹杈,并選擇需要上傳的圖片,上傳過(guò)程需等待幾秒鐘迈着。

  • 最后竭望,點(diǎn)擊Commit changes(提交),圖片就上傳完成啦裕菠!

上傳圖片

4. 上傳完成后咬清,點(diǎn)擊打開圖片,右鍵 復(fù)制圖片地址奴潘。

復(fù)制地址

最后旧烧,將圖片地址 粘貼至Markdown語(yǔ)法中,就成功的完成了圖片插入画髓!
比如: !(https://github.com/youyou-579/123/blob/master/2.8.jpg?raw=true)

以上掘剪,就是利用Github在Markdown中插入圖片的全部過(guò)程,希望能幫到你奈虾!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末夺谁,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子肉微,更是在濱河造成了極大的恐慌匾鸥,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,639評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件碉纳,死亡現(xiàn)場(chǎng)離奇詭異勿负,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)劳曹,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,277評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門笆环,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)攒至,“玉大人,你說(shuō)我怎么就攤上這事躁劣∑韧拢” “怎么了?”我有些...
    開封第一講書人閱讀 157,221評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵账忘,是天一觀的道長(zhǎng)志膀。 經(jīng)常有香客問(wèn)我,道長(zhǎng)鳖擒,這世上最難降的妖魔是什么溉浙? 我笑而不...
    開封第一講書人閱讀 56,474評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮蒋荚,結(jié)果婚禮上戳稽,老公的妹妹穿的比我還像新娘。我一直安慰自己期升,他們只是感情好惊奇,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,570評(píng)論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著播赁,像睡著了一般颂郎。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上容为,一...
    開封第一講書人閱讀 49,816評(píng)論 1 290
  • 那天乓序,我揣著相機(jī)與錄音,去河邊找鬼坎背。 笑死替劈,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的得滤。 我是一名探鬼主播陨献,決...
    沈念sama閱讀 38,957評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼耿戚!你這毒婦竟也來(lái)了湿故?” 一聲冷哼從身側(cè)響起阿趁,我...
    開封第一講書人閱讀 37,718評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤膜蛔,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后脖阵,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體皂股,經(jīng)...
    沈念sama閱讀 44,176評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,511評(píng)論 2 327
  • 正文 我和宋清朗相戀三年命黔,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了呜呐。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片就斤。...
    茶點(diǎn)故事閱讀 38,646評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖蘑辑,靈堂內(nèi)的尸體忽然破棺而出洋机,到底是詐尸還是另有隱情,我是刑警寧澤洋魂,帶...
    沈念sama閱讀 34,322評(píng)論 4 330
  • 正文 年R本政府宣布绷旗,位于F島的核電站,受9級(jí)特大地震影響副砍,放射性物質(zhì)發(fā)生泄漏衔肢。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,934評(píng)論 3 313
  • 文/蒙蒙 一豁翎、第九天 我趴在偏房一處隱蔽的房頂上張望角骤。 院中可真熱鬧,春花似錦心剥、人聲如沸邦尊。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,755評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)胳赌。三九已至,卻和暖如春匙隔,著一層夾襖步出監(jiān)牢的瞬間疑苫,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,987評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工纷责, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留捍掺,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,358評(píng)論 2 360
  • 正文 我出身青樓再膳,卻偏偏與公主長(zhǎng)得像挺勿,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子喂柒,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,514評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 1不瓶、通過(guò)CocoaPods安裝項(xiàng)目名稱項(xiàng)目信息 AFNetworking網(wǎng)絡(luò)請(qǐng)求組件 FMDB本地?cái)?shù)據(jù)庫(kù)組件 SD...
    陽(yáng)明先生_X自主閱讀 15,969評(píng)論 3 119
  • 圖文/心_如簡(jiǎn) 列日炎炎之下 人們往往期盼著秋高氣爽 夏季的美蚊丐,請(qǐng)不要忽略啊 攝影又是第二語(yǔ)言 每一張照片都訴說(shuō)著...
    如簡(jiǎn)小屋閱讀 545評(píng)論 8 11
  • 《七絕·紅塵》 塵心俗事俏伊人,人約黃昏百褶身艳吠。 身外桃園誰(shuí)艷遇麦备,遇緣一世續(xù)紅塵。 《七絕·品茶》 潤(rùn)枝濕葉浸花沉...
    平水韻閱讀 542評(píng)論 0 0
  • 嗨呛梆!各位好锐涯!我是情商先生! 我們害怕困難將我們離散填物,責(zé)備曾經(jīng)的自己那么的不勇敢全庸。離開,釋懷融痛,往復(fù)壶笼,重來(lái)……卻只能自...
    情商先生閱讀 275評(píng)論 13 1
  • “啊…怎么可能立的起來(lái)嘛!”春分煩躁地抓抓頭發(fā)雁刷,惡狠狠地盯著面前的雞蛋覆劈。 “怎么了?”落下閎端著早餐走進(jìn)房間沛励。 “...
    瑞希若閱讀 178評(píng)論 0 0