五个你应该知道的markdown技巧

基于HTML: HTML-based

改变字体颜色: Text Colour

表示方法<value>:

1. 十六进制值 如 #f1c40f
2. RGB值 如 RGB(255,254,253)
3. RGBA值 如 RGBA(255,0,0,0.5) 其中最后一个参数为alpha参数 代表不透明度 范围在0-1之间
4. 颜色的名称 如 blue, lightpink

添加方法

• 在任意可以表达文字的html标签 (如<h1> ,<p>) 的开始标签内添加 style="corlor:<value>" 。

例子

<p style="color:RGB(255,38,79);">This is a paragraph</p>
<h2 style="color:indianred;">this is a level2 heading</h2>
<p style="color:#3867d6">这个颜色是海军蓝</p>
<h3 style="color: rgba(17,28,19,0.3)">设置了0.3不透明度</h3>

---

效果

高光: Highlight

添加方法

• 在任意可以表达文字的html标签 (如<h1> ,<p>) 的开始标签内添加 style="background-color:<value>;"

例子

<p style="background-color:lightpink">The background color is pink</p>

效果

<details> 与 <summary>标签

<details>标签可以使得文字/内容可以展开收起；<summary>标签则是收起时展现给浏览者的内容

例子

<details>
    <summary>学习资料:</summary>
    <ol>
        <li>语文资料</li>
        <li>数学资料</li>
        <li>英语资料</li>
    </ol>
</details>

效果

学习资料:

1. 语文资料
2. 数学资料
3. 英语资料

---

Non HTML-based

脚注: Footnote¹

脚注可以在你想添加reference², 想解释一个词或者一句话但又不像占太多地方的时候被使用。

添加方法:

• 在正文中插入 [^1] , 当然这个1可以是任何数字 也可以是词语，比如[^脚注]
• 在文章的其他地方插入对应解释[^1]:解释，一般是在文末
  • 在列表，表格，以及引用>this is a blockquote中无法添加

实例:

To be or not to be, this is a question[^footnote].

[^footnote]: 出自莎士比亚，哈姆雷特

效果:

To be or not to be, this is a question³.

==高光: Highlight==

添加方法:

• ==想要添加高光的文字==

特性:

• 默认颜色取决于使用的软件，一般来说是黄色

效果

Footnotes

1. footnote allows you to reference, or add additional explanations/details to the word/sentence you selected ↩

2. 参考, 引用 ↩

3. 出自莎士比亚，哈姆雷特 ↩