markdown基本語法

1. 對插入圖片的顯示控制(大小，位置等)

• 默認的插入方式：利用網頁的插圖插件能夠獲得一個圖片在博客園服務器上的連接，例如這個測試的圖：http://images2017.cnblogs.com/blog/985636/201801/985636-20180116110448490-1961724900.png

![](http://images2017.cnblogs.com/blog/985636/201801/985636-20180116110448490-1961724900.png)

默認的插圖方式會將圖片以原始的尺寸顯示在網頁上，不太美觀緊湊。

• 控制圖片比例[1]
  固定圖的長寬爲必定的值，但這樣有可能致使圖片變胖或變瘦。若是要保持圖片原來的寬高比，能夠只設定寬或者高中的一個值，另外一個值不設定。

<img src="http://images2017.cnblogs.com/blog/985636/201801/985636-20180116110448490-1961724900.png"  width=256 height=256 />

固定長寬

只固定寬度

• 固定圖片的長寬爲原圖的必定比例，這樣能夠對原圖進行有效的放縮。

<img src="http://images2017.cnblogs.com/blog/985636/201801/985636-20180116110448490-1961724900.png"  width="50%" height="50%" />

• 給圖片增長標註(caption)

<center>
<img src="http://images2017.cnblogs.com/blog/985636/201801/985636-20180116110448490-1961724900.png"  width="50%" height="50%" />
Fig.1 test grid styles
<center>

Fig.1 test grid styles

參考：
[1]http://blog.csdn.net/yhl_leo/article/details/50099843