【MarkDown】使用Html样式和折叠语法

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、实际效果：

二、其他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

---

字体及字体颜色和大小

字体颜色

---

居左文本

居中文本

居右文本

三、参考来源：