首页 文本和排版
文章
取消

文本和排版

这篇文章是为了展示 Chirpy 上的 Markdown 语法渲染,你也可以用它作为写作的例子。现在,让我们开始查看文本和排版。

标题


H1 - 标题

H2 - 标题

H3 - 标题

H4 - 标题


段落

房祖名涉毒被捕后,身为禁毒宣传大使的成龙大哥到了拘留所,看到自己儿子二话不说上去就是一顿暴打。大哥的功夫真了得,几个警察愣是没拦住,打了十分钟,最后一脚踹到角落里。好家伙,足足踹飞 5 米远,这时一个角落里传来一声:“爸,你打张默干嘛?”。
张国立听说了以后十分恼火,这能行?跑到拘留所揪住房祖名结结实实一顿胖揍,这时一个角落传来一声:“叔,你再打张默就死了……”

Quisque egestas convallis ipsum, ut sollicitudin risus tincidunt a. Maecenas interdum malesuada egestas. Duis consectetur porta risus, sit amet vulputate urna facilisis ac. Phasellus semper dui non purus ultrices sodales. Aliquam ante lorem, ornare a feugiat ac, finibus nec mauris. Vivamus ut tristique nisi. Sed vel leo vulputate, efficitur risus non, posuere mi. Nullam tincidunt bibendum rutrum. Proin commodo ornare sapien. Vivamus interdum diam sed sapien blandit, sit amet aliquam risus mattis. Nullam arcu turpis, mollis quis laoreet at, placerat id nibh. Suspendisse venenatis eros eros.

列表

有序列表

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

无序列表

    • 小节
      • 段落

待办列表

  • 工作项
    • 步骤 1
    • 步骤 2
    • 步骤 3

描述列表

太阳
地球环绕的恒星
月亮
地球的天然卫星,通过太阳反射光可见

引用块

此行显示 引用块

提示

显示 tip 类型提示的例子。

显示 info 类型提示的例子。

显示 warning 类型提示的例子。

显示 danger 类型提示的例子。

表格

公司联系人国家
阿尔弗雷德玛丽亚·安德斯德国
岛屿贸易海伦·贝内特英国
意大利食品杂志乔瓦尼·罗韦利意大利

链接

http://127.0.0.1:4000

脚注

点击角标将会定位到脚注1,这是另一个脚注2

内联代码

这是 Inline Code 的示例。

文件路径

就像这样 /path/to/the/file.extend

代码块

常规

1
This is a common code snippet, without syntax highlight and line number.

指定语言

1
2
3
4
if [ $? -ne 0 ]; then
  echo "The command was not successful.";
  #do the needful / exit
fi;

指定文件名

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

数学

数学能力由 MathJax 提供支持:

\[\sum_{n=1}^\infty 1/n^2 = \frac{\pi^2}{6}\]

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

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

Mermaid SVG

 gantt
  title  向 mermaid 添加甘特图
  apple :a, 2017-07-20, 1w
  banana :crit, b, 2017-07-23, 1d
  cherry :active, c, after b a, 1d

图片

默认(带标题)

Desktop View 全屏宽度且居中对齐

左对齐

Desktop View

向左浮动

Desktop View Praesent maximus aliquam sapien. Sed vel neque in dolor pulvinar auctor. Maecenas pharetra, sem sit amet interdum posuere, tellus lacus eleifend magna, ac lobortis felis ipsum id sapien. Proin ornare rutrum metus, ac convallis diam volutpat sit amet. Phasellus volutpat, elit sit amet tincidunt mollis, felis mi scelerisque mauris, ut facilisis leo magna accumsan sapien. In rutrum vehicula nisl eget tempor. Nullam maximus ullamcorper libero non maximus. Integer ultricies velit id convallis varius. Praesent eu nisl eu urna finibus ultrices id nec ex. Mauris ac mattis quam. Fusce aliquam est nec sapien bibendum, vitae malesuada ligula condimentum.

向右浮动

Desktop View Praesent maximus aliquam sapien. Sed vel neque in dolor pulvinar auctor. Maecenas pharetra, sem sit amet interdum posuere, tellus lacus eleifend magna, ac lobortis felis ipsum id sapien. Proin ornare rutrum metus, ac convallis diam volutpat sit amet. Phasellus volutpat, elit sit amet tincidunt mollis, felis mi scelerisque mauris, ut facilisis leo magna accumsan sapien. In rutrum vehicula nisl eget tempor. Nullam maximus ullamcorper libero non maximus. Integer ultricies velit id convallis varius. Praesent eu nisl eu urna finibus ultrices id nec ex. Mauris ac mattis quam. Fusce aliquam est nec sapien bibendum, vitae malesuada ligula condimentum.

深色/浅色模式和阴影

下图将根据主题偏好切换深色/浅色模式,请注意它有阴影。

light mode only dark mode only

视频

反向脚注

  1. 脚注源 

  2. 第二个脚注源 

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