其他设置：https://butterfly.js.org/posts/2df239ce/#%E6%96%B9%E6%B3%95%E4%B8%80

蓝色：放在文章的顶部，描述本文的主要信息。
本文主要介绍markdown的使用技巧。
有快捷方式：在行首输入：>

灰色：补充信息，涉及到的外部信息

绿色：文章中调用

黄色：重点-小

红色：难点

紫色：放在文章底部，记录本文还没解决的地方

作为三级标题

文本


文本对齐

  • <p align=”right”>靠右</p>

    靠右

  • <center>中间</center>

    中间

文本颜色

　　<font color=CadetBlue>给字体增加颜色</font>

　　　给字体增加颜色

字体高亮

　　{% label 中道崩殂 blue %}

　　中道崩殂

行高亮

　　<table><tr><td bgcolor= #E8E8E8>文本底色</td></tr></table>
　

文本底色


空格

　这里行首也可以直接用全角空格，反而是不能用 &emsp;

　全角切换：shift + space

链接

　　[example link](http://example.com/ “With a Title”)

　　This is an example link.

换行

　正文第一行
　直接换行 => 　简单的换行　　
　空两格　　=> 没有用

　中间一行空行　=> 　另起一段，隔两行也是一样效果

　上句末尾用一个 <br/> 　=> 　中间隔一行

列表

  1. 第一点
  2. 第二点
    • 下沉 1
    • 下沉 2
  3. 第三点
    1. 下沉一级
    2. 下沉的二级

下面是另一部分内容的清单阶段：两个相同符号之间间隔小，不同符号之间间隔大。

  • 减号节点
  • 减号节点 -
  • 星号节点
  • 星号节点 -
  • 加号节点
  • 加号节点 -

表格

单个

Markdown Less Pretty
默认左对齐 此列剧中 此列右对齐
1 2 3
11 22 33

组合

　　设置：https://butterfly.js.org/posts/4aa8abbe/#Tabs

This is Tab 1.

This is Tab 2.

This is Tab 3.



mermaid

　官网：https://mermaid-js.github.io/mermaid/#/./classDiagram

classDiagram



sequenceDiagram

sequenceDiagram

https://mermaid-js.github.io/mermaid/#/flowchart?id=graph



其他

侧边栏和按钮