【MarkDown】使用Html樣式和摺疊文法

標籤：level   摘要   基本文法   kill   down   其他   樣式   ref   style   

MarkDown很方便，但基本文法有些不足：比如無法使用摺疊文法，無法讓文字有不同的顏色。

這些功能可以實現，不過需要使用Html文法進行擴充。這篇文章主要是整理一下這些技巧，方便更好的使用。

一、摺疊文法： <details>標籤1.1、代碼：

<details>  <summary>點擊時的地區標題：點擊查看詳細內容</summary>  <p> - 測試 測試測試</p>  <pre><code>  title，value，callBack可以預設  </code>  </pre></details>

summary：摺疊文法展示的摘要

details：摺疊文法標籤

pre：以原有格式顯示元素內的文字是已經格式化的文本。

blockcode：表示程式的代碼塊。

code：指定代碼範例。

1.2、實際效果：

點擊時的地區標題：點擊查看詳細內容

- 測試 測試測試

  title，value，callBack可以預設    

二、其他HTML文法：2.1 源碼：

<span style=‘color:red‘>This is red</span>   //字型顏色<ruby> 漢 <rt> ㄏㄢˋ </rt> </ruby> // 特殊字<kbd>Ctrl</kbd>+<kbd>F9</kbd>  // 按鍵標識<span style="font-size:2rem; background:yellow;">**Bigger**</span> //字型大小和背景<font face="微軟雅黑" color="red" size="6">字型及字型顏色和大小</font><font color="#0000ff">字型顏色</font><p align="left">居左文本</p><p align="center">置中文本</p><p align="right">居右文本</p>

使用span或者font標籤，同時用style屬性控制樣式。

2.2 實際效果：

This is red

漢 ㄏㄢˋ
Ctrl+F9

Bigger

字型及字型顏色和大小
字型顏色

居左文本

置中文本

居右文本

三、參考來源：

1. markdown嵌入摺疊標籤 | 東引甌越 https://www.sunyazhou.com/2017/10/25/20171025markdown-skill/
2. 讓你的md文檔可摺疊化展示 · Issue #155 · iuap-design/blog https://github.com/iuap-design/blog/issues/155 （比上一個好點的感覺）
3. HTML Support in Typora https://support.typora.io/HTML/#html-entities （其他的HTML文法和使用）
4. Markdown的常用文法(個人總結) | ConnorLin‘s Blog http://connorlin.github.io/2016/05/06/Markdown%E7%9A%84%E5%B8%B8%E7%94%A8%E8%AF%AD%E6%B3%95(%E4%B8%AA%E4%BA%BA%E6%80%BB%E7%BB%93)/

【MarkDown】使用Html樣式和摺疊文法