那些你该知道的markdown操作

Posted on Edited on In , Views: Disqus:

基于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>" 。

例子

1
2
3
4
<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>

效果

  1. This is a paragraph

  2. this is a level2 heading

  3. 这个颜色是海军蓝

  4. 设置了0.3不透明度

👉高光: Highlight

添加方法

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

例子

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

效果

The background color is light pink

👉<details> 与 <summary>标签

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

例子

1
2
3
4
5
6
7
8
<details>
    <summary>学习资料:</summary>
    <ol>
        <li>语文资料</li>
        <li>数学资料</li>
        <li>英语资料</li>
    </ol>
</details>

效果

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

Non HTML-based

👉脚注: Footnote[^1]

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

添加方法:

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

实例:

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

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

效果:

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

👉==高光: Highlight==

添加方法:

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

特性:

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

[^1]: footnote allows you to reference, or add additional explanations/details to the word/sentence you selected
[^2]: 参考, 引用