1. 程式人生 > >關於markdown檔案插入圖片遇到的小問題和解決辦法

關於markdown檔案插入圖片遇到的小問題和解決辦法

今天用md檔案時候發現需要插入圖片,以前沒做過,所以寫下來分享下。

1.先在自己的github上建一個倉庫,裡面新建個img資料夾存放圖片,怎麼建倉庫可以上網找資料,這裡就不詳細說明了。建好的倉庫如下圖所示,copy下倉庫的路徑。

2.在電腦新建一個資料夾,在資料夾中把github上的倉庫先克隆下來,命令是git clone 倉庫地址(要使用git命令得先在電腦上裝好git-bash),如下圖

 3.克隆完之後會有一個以IMG命名倉庫的資料夾,這個就是我們在github的IMG倉庫。我們把一張test.jpg放到IMG檔案的子資料夾img中

4.接著我們進入IMG檔案中敲git命令

先進入IMG的資料夾中 : cd IMG/

新增IMG資料夾下的所有檔案:git add .

提交檔案到分支:git commit -m “備註你提交了哪些內容”

把內容推送上倉庫:git push origin master

所有步驟如下圖所示:

5.上傳成功之後我們可以去自己的github倉庫看看

6.接著我們新建的md檔案,並且插入圖片,md檔案插入圖片的程式碼是: ![]()

注意:[] 裡面可以寫圖片名或者其他備註資訊,為的是讓影象無法顯示時可以看到備註內容。

 

 7.這時預覽效果就出現了一個小問題了,路徑寫了完全正確圖片卻無法加載出來,把路徑複製出來單獨在新視窗開啟卻可以顯示圖片

8.在網上找了資料,發現只要改路徑的一個檔名就可以顯示圖片了。發現原來github和md檔案關聯的圖片地址是有一定的格式的,其格式如下:

https://github.com/使用者名稱/repository倉庫名/raw/分支名master/圖片資料夾名稱/***.png or***.jpg

按照此格式github會自動解析這個語法,並把圖片在md檔案中正常顯示出來。

轉載於:http://www.cnblogs.com/cxint/p/7200164.html

相關推薦

關於markdown檔案插入圖片遇到的問題解決辦法

今天用md檔案時候發現需要插入圖片,以前沒做過,所以寫下來分享下。 1.先在自己的github上建一個倉庫,裡面新建個img資料夾存放圖片,怎麼建倉庫可以上網找資料,這裡就不詳細說明了。建好的倉庫如下圖所示,copy下倉庫的路徑。 2.在電腦新建一個資料夾,在資料夾中把github上的倉庫先克隆下來,命

關於markdown文件插入圖片遇到的問題解決辦法

lan 分享 其他 pos 建倉 -m 好的 文件名 [] 今天用md文件時候發現需要插入圖片,以前沒做過,所以寫下來分享下。 1.先在自己的github上建一個倉庫,裏面新建個img文件夾存放圖片,怎麽建倉庫可以上網找資料,這裏就不詳細說明了。建好的倉庫如下圖所示

51nod 1065 最正字段 解決辦法:set存前綴,二分插入二分查找

idt 查找 容器 esp images 叠代 mes pre iterator 題目: 這題要求大於0的最小字段和,常規O(n)求最大字段和的方法肯定是沒法解的。 我的解法是:用sum[i]存前i項的和,也就是前綴和。       這題就變成了求sum[j]-sum

markdown編輯器】插入圖片無法顯示的解決方法以及段首縮排

markdown編輯器插入圖片無法顯示 任意markdown編輯器下插入圖片無法顯示 大家有麼有遇見過這樣的現象,在我給段落進行縮排時,預覽區出現了這樣的情況: 大薩達大薩達阿斯頓的薩達的阿斯頓愛的阿斯達使得阿斯達實打實的大多數薩達愛上

inode檔案佔滿問題分析解決方法

1. 在Linux系統通過df -i檢視inode值,如果inode值滿了,即使磁碟空間很大,也無法建立檔案,使用touch  abc.txt都無法執行 2. 在Solaris系統通過命令df -o i檢視inode值 3. 在centos檢視inode的方法 &nb

在開發中 易問題解決方法

一:在ios開發過程中總是需要新建工程做實現一些特定功能的demo,需要完成一些設定 1.bitcode  設為no 2. 有相機相簿的地方,info中要新增設定NSCameraUsageDescription/ Photo Library Usage Description

markdown語法——插入圖片

該方法適用於所有適用markdown語法編輯器,csdn和typora都可以! 1.設定插入圖片的大小 我們發現,直接插入的圖片時,語法是這樣的: ![1](/home/aaon/文件/assets/1543803099995.png) 想要對圖片進行縮放,先要將其轉換成html

使用LaTex為IEEEtran檔案插入圖片 此博文包含圖片

首先說明的是,Latex中插入圖片建議使用EPS檔案或是PDF檔案(這兩種都是Adobe公司旗下的)。 本人新手,使用IEEEtran模板來改論文格式,在插入圖片的時候,使用的是如下語句: \begin{figure}[!t] \centering \includegraphics[width=2.5i

[轉]CDN中,字型檔案的跨域問題解決

轉載 2016-03-31 11:06:54@font-face是CSS3中的一個特性,可以把自己定義的Web字型嵌入到網頁中,隨著@font-face,越來越多的網頁採用字型圖示作為網頁中的小圖形。比如Bootstrap就採用了Glyphicons 字型圖示 在Bootst

ueditor1.4.3 單獨上傳檔案以及圖片的使用配置

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%String contextPath = request.getContextP

django2.0 中如何顯示靜態檔案圖片、css js )

參考了幾個部落格,然後總結了一下,有誤請指正。 這是我相關檔案的路徑 1.在settings.py 檔案的末尾加上加上以下程式碼: STATIC_URL = '/static/' HERE = os.path.dirname(os.path.abspath(

關於IDEA找不到classpath中package內的xml檔案問題解決辦法

之前,一直被一個嚴重的問題所困擾,那就是我的classpath中包的配置檔案為什麼不能夠被IDEA找到,而eclipse就能夠找到,在經歷了很久的痛苦掙扎之後,終於找到了原因和解決辦法。 很簡單,這裡由於暫時沒有找到更為有效的解決辦法,多以這裡我只能夠暫時的稱這個問題是一個

【python+autohotkey】優雅地在markdown插入圖片

在 markdown 寫作中,若需要插入圖片,往往需要一系列繁瑣的操作: 1. 將圖片上傳到圖床等雲空間 2. 獲取圖片外鏈 3. 在 markdown 中插入外鏈 要想優雅地進行 markdown 寫作,這樣的流程是不能忍的,參考網路上針對這個需求開發

FileZilla遠端上傳檔案失敗原因解決辦法

使用FileZilla遠端管理伺服器檔案是很方便的  在使用其下載檔案往往能夠成功,上傳卻總是失敗!狀況如下 狀態:開始上傳 F:\sshd\info.php 狀態:讀取“/var/www/html”

環境變數的誤改出現的問題解決辦法

嘗試 重要! 學習程式設計時接觸了環境變數,發現挺有用, 比如啟動某個程式更方便。  於是在這上面動動手,以為沒什麼風險, 最多是不能引用某個包(學習面向物件)。 當我修改windir引數, 平常那樣加個分號,再新增一個路徑, 確定並退出, 我發現進不去高階系統設定和管理

在有道雲Markdown插入圖片

道理都是一樣的:把圖片傳到雲上,生成對應的圖片url,然後複製url就好了。 但csdn中直接有上傳圖片選項,大家很方便找到給Markdown中插入圖片的地方;有道雲就不一樣了: 首先建立一個資料夾專門存放圖片,如圖所示: 在這個資料夾裡右擊,將圖片傳

【相機】(2)——WebView中開啟相機、檔案選擇器的問題解決方法

近幾年前端開發真是越來越火,H5 頁面開發的移動端頁面甚有奪我原生開發半壁江山的意思,憂傷憂傷。不過從實際情況考慮,H5 一套程式碼到處跑的特性,我們的 Android、IOS…也就只能呵呵了。然而我還是比較喜歡原生應用,對網路質量要求低,經常碰到 H5 頁面載

markdown插入圖片怎麼定義圖片的大小或比例?

使用markdown的時候要縮小圖片尺寸怎麼破? 我在知乎上找到了一個切實有效的解決方案: 在圖片地址連結後面加上 ?imageView/2/w/450/q/90 例子: 原圖 h

java 線上給word 檔案插入圖片,並設定圖片大小

一、前言: 有時我們想在一篇word文件中的指定位置新增一張伺服器上的圖片,並且並且設定圖片大小。這個對文件的操作一定是需要第三

關於ajax提交file上傳檔案型別的表單的一些例項及遇到的問題解決辦法

ajax提交的表單有兩種情況: 第一種:input type型別沒有file上傳檔案型別的表單 第二種:input type型別有file上傳檔案型別的表單 之所以分為兩種:是因為原生ajax是不能提交檔案的,因為ajax與後臺的通訊是通過字串的.   第一種無file型別表單的ajax上傳方式: