文章

文字与排版

文字、排版、数学公式、图表、流程图、代码示例等演示。

文字与排版

标题

H1 — 标题

H2 — 标题

H3 — 标题

H4 — 标题

段落

这是示例段落文字。你可以在这里看到段落的基本排版效果。为了演示中文段落,这里写一些通用内容:中文排版通常采用首行缩进与两端对齐,阅读起来更加舒适。这里继续补充一些文字,让段落显得更完整,以便观察行距与字间距的实际效果。

列表

有序列表

  1. 第一项
  2. 第二项
  3. 第三项

无序列表

  • 章
    • 节
      • 段

待办列表

  • 任务
    • 步骤 1
    • 步骤 2
    • 步骤 3

描述列表

太阳
地球围绕其公转的恒星
月亮
地球的天然卫星,通过反射太阳光而可见

引用块

这行文字展示了_引用块_的效果。

提示框

一个展示 tip 类型提示框的示例。

一个展示 info 类型提示框的示例。

一个展示 warning 类型提示框的示例。

一个展示 danger 类型提示框的示例。

表格

公司联系人国家
示例食品贸易公司张三中国
示例岛际贸易公司李四英国
示例餐饮集团王五意大利

链接

http://127.0.0.1:4000

脚注

点击挂钩可以定位到脚注1,这里是另一个脚注2。

行内代码

这是 行内代码 的一个示例。

文件路径

这里是 /path/to/the/file.extend。

代码块

普通

1
这是一个普通代码片段,没有语法高亮和行号。

指定语言

1
2
3
4
if [ $? -ne 0 ]; then
  echo "命令没有成功执行。";
  # 处理或退出
fi;

指定文件名

1
2
3
@import
  "colors/light-typography",
  "colors/dark-typography";

数学公式

由 MathJax 渲染的数学公式:

\[\begin{equation} \sum_{n=1}^\infty 1/n^2 = \frac{\pi^2}{6} \label{eq:series} \end{equation}\]

我们可以将公式引用为 \eqref{eq:series}。

当 $a \ne 0$ 时,$ax^2 + bx + c = 0$ 有两个解,分别是

\[x = {-b \pm \sqrt{b^2-4ac} \over 2a}\]

Mermaid SVG

 gantt
  title  为 mermaid 添加 GANTT 图功能
  apple :a, 2017-07-20, 1w
  banana :crit, b, 2017-07-23, 1d
  cherry :active, c, after b a, 1d

反向脚注

  1. 脚注来源 ↩︎

  2. 第二个脚注来源 ↩︎

本文由作者按照 CC BY 4.0 进行授权