這里并不是要總結(jié)所有的 markdown 語(yǔ)法，只是總結(jié)筆者自己撰寫(xiě)博客時(shí)常用的一些 markdown 語(yǔ)法。

1 圖片設(shè)置

1.1 設(shè)置圖片位置

利用markdown在編寫(xiě)文檔時(shí)插入圖片是默認(rèn)靠左，有些時(shí)候?qū)D片設(shè)置為居中時(shí)可以更加的美觀，這時(shí)就需要在圖片的信息前邊添加如下程序(注意: <div align=xx> 前要有至少一個(gè)空格，否則圖片不會(huì)顯示出來(lái))：

<div align=center></div>

?

如果想將圖片位于右側(cè)，只需要將center改為right ：

<div align=right></div>

1.2 設(shè)置圖片大小

在圖片的最后添加 width = “100” height = “100”，就可以設(shè)置圖片的大小。也可以在后邊輸入百分比為多少，如 width = 20% height = 20%

<img src="http:..." width = "100" height = "100" /></div>

?

也可以在后邊輸入百分比為多少，如 width = 50% height = 50%

<img src="http:..." width = 50% height = 50% /></div>

1.3 添加圖片題注

如果想對(duì)圖片添加題注，那么代碼更改如下：

<div align=center> 題注內(nèi)容 </div>

1-1 圖片題注

2 文字設(shè)置

2.1 設(shè)置文字居中

（1）示例如下：

<p align="center">你的名字</p>

（2）效果如下：

你的名字

2.2 設(shè)置文字顏色

（1）示例如下：

<span style="color:#0000FF">藍(lán)色文字</span>

（2）效果如下：

??????藍(lán)色文字

顏色代碼采用的是RGB格式， 這里有個(gè)對(duì)照 ，可以選擇你想要的顏色對(duì)應(yīng)的RGB值。

size為1

2.3 設(shè)置文字大小

（1）示例如下：

<span style="font-size:15px;">size為15px</span> <span style="font-size:25px;">size為25px</span> <span style="font-size:35px;">size為35px</span>

（2）效果如下：

size為15px
size為25px
size為35px

2.4 設(shè)置文字字體

（1）示例如下：

<font face="黑體">我是黑體字</font> <font face="宋體">我是宋體字</font> <font face="微軟雅黑">我是微軟雅黑字</font> <font face="fantasy">我是fantasy字</font>

（2）效果如下：

我是黑體字
我是宋體字
我是微軟雅黑字
我是fantasy字

2.5 設(shè)置文字背景色

（1）示例如下：

<table><td bgcolor=#c2c2c2> 背景色的設(shè)置是按照十六進(jìn)制顏色值：#FF83FA<br /> 這是第二行 </td></table>

（2）效果如下：

（3）解讀如下：

• <td>標(biāo)簽的bgcolor屬性用于設(shè)置單元格的背景顏色。
• 雖然<td>標(biāo)簽的bgcolor屬性已被棄用，但所有主流瀏覽器仍然支持它。

3 換行、縮進(jìn)

3.1 換行

方法1: 連續(xù)兩個(gè)以上空格+回車

方法2：使用HTML語(yǔ)言換行標(biāo)簽：

?

3.2 縮進(jìn)

首行縮進(jìn)兩個(gè)字符：(每個(gè)表示一個(gè)空格，連續(xù)使用兩個(gè)即可）

&ensp; 半角的空格
&emsp;全角的空格

4 折疊語(yǔ)法

主要使用的是 html5的 details標(biāo)簽。

（1）示例如下：

<details><summary>折疊文本</summary>此處可書(shū)寫(xiě)文本嗯，是可以書(shū)寫(xiě)文本的 </details><details><summary>折疊代碼塊</summary><pre><code> System.out.println("雖然可以折疊代碼塊");System.out.println("但是代碼無(wú)法高亮");</code></pre> </details><details><summary>折疊代碼塊</summary><pre><blockcode> System.out.println("雖然可以折疊代碼塊");System.out.println("但是代碼無(wú)法高亮");</blockcode></pre> </details>

（2）效果如下：

折疊文本 此處可書(shū)寫(xiě)文本 嗯，是可以書(shū)寫(xiě)文本的 折疊代碼塊 System.out.println("雖然可以折疊代碼塊");System.out.println("但是代碼無(wú)法高亮"); 折疊代碼塊 System.out.println("雖然可以折疊代碼塊");System.out.println("但是代碼無(wú)法高亮");

（3）解讀如下：

• details：折疊語(yǔ)法標(biāo)簽
• summary：折疊語(yǔ)法展示的摘要
• pre：以原有格式顯示元素內(nèi)的文字是已經(jīng)格式化的文本
• code：指定代碼塊
• blockcode：指定代碼塊

參考**

【MarkDown】使用Html樣式和折疊語(yǔ)法

讓你的md文檔可折疊化展示 #155

轉(zhuǎn)載于:https://www.cnblogs.com/linuxAndMcu/p/10119632.html

總結(jié)

以上是生活随笔為你收集整理的markdown 常用语法总结 - 个人版的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。