MarkDown 添加圖片的方法

MarkDown 添加圖片的方法

添加圖片最基本的語法就是：

前面一個驚歎號! 後面跟着一個方括號、一個圓括號。

Alt text： 圖片的Alt標籤，用來描述圖片的關鍵詞， 當圖片不能被顯示時而出現的替代文字，能夠不寫。

圖片連接：能夠是圖片的本地地址或者是網址。"optional title"：鼠標懸置於圖片上會出現的標題文字，能夠不寫。

一、插入本地圖片

只須要在基礎語法的括號中填入圖片的位置路徑便可，支持絕對路徑和相對路徑。
例如：

• 絕對路徑：

• 相對路徑：

• 改變圖片的寬高：

二、連接網絡圖片

只須要在基礎語法的括號中填入圖片的網絡連接便可，如今已經有不少免費/收費圖牀和方便傳圖的小工具可選。
例如：

-

怎樣指定圖片的寬和高？

Markdown不能指定圖片的寬高，若是須要的話，可使用普通的 <img> 標籤，利用它的width和height屬性來定製寬高。如但願把圖片的大小改成200*120，則能夠這麼作：

三、參考式圖片連接

參考式的圖片連接語法則以下面這樣：

一個驚歎號 !

接着一個方括號，裏面放上圖片的替代文字， 也就是當圖片還未加載成功時顯示的替換文本 。

接着另外一個方括號，裏面是圖片參考的標籤id，id能夠是數字、英文字符，也能夠是中文。 圖片參考的定義方式和連接參考同樣，能夠放在文檔的任何位置。

最後在文檔的任何位置處寫上標籤id的內容定義，內容定義的形式爲：

• 一個方括號（前面能夠選擇性地加上至多三個空格來縮進），裏面輸入所要定義的標籤id
• 接着一個冒號
• 接着一個以上的空格或製表符
• 接着圖片的網址
• 最後選擇性地接着title內容，能夠用單引號、雙引號或是括弧包着，與上面同樣

例如：

這是一個 參考式圖片連接的例子an example：

四、把圖片嵌入markdown文件

用base64轉碼工具把圖片轉成一段字符串，而後把字符串填到基礎格式中連接的那個位置。

• 基礎用法：

• 這個時候會發現插入的這一長串字符串會把整個文章分割開，很是影響編寫文章時的體驗。若是可以把大段的base64字符串放在文章末尾，而後在文章中經過一個id來調用，文章就不會被分割的這麼亂了。

• 高級用法
  好比：

請隨意添加文字

base64的圖片編碼如何得來？

1. 使用python將圖片轉化爲base64字符串

import base64
f=open('D:\qiqi_bky\images\lake.png','rb') #二進制方式打開圖文件
ls_f=base64.b64encode(f.read()) #讀取文件內容，轉換爲base64編碼
f.close()
print(ls_f)

2. base64字符串轉化爲圖片

import base64
bs='iVBORw0KGgoAAAANSUhEUg....' # 太長了省略
imgdata=base64.b64decode(bs)
file=open('lake2.png','wb')  # 相對路徑
file.write(imgdata)
file.close()

(The End 2021-01-03)