首页 ✅Blog主题(Chirpy):文字和排版
文章
取消

✅Blog主题(Chirpy):文字和排版

这篇文章将告诉你使用 Chirpy 主题后,Markdown 的基本语法以及相应的渲染效果,你也可以用它作为写作的参考。

1️⃣ 标题

H1 - 标题

H2 - 标题

H3 - 标题

H4 - 标题

2️⃣ 段落

骏马自知前程远,无须扬鞭自奋蹄。

3️⃣ 列表

一、有序列表

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

二、无序列表

三、待办列表

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

四、描述列表

太阳
太阳系的中心天体,占有太阳系总体质量的99.86%。太阳系中的八大行星、小行星、流星、彗星、外海王星天体以及星际尘埃等,都围绕着太阳公转,而太阳则围绕着银河系的中心公转。
月亮
月亮是人们对于月球反射太阳光而形成的映像的称呼,月球是围绕地球旋转的球形天体,同时也是地球的天然卫星。

4️⃣ 引用

当前行是引用.

5️⃣ 提示

tip 类型的提示示例。

info 类型的提示示例。

warning 类型的提示示例。

danger 类型的提示示例。

6️⃣ 表格

表头 1表头 2表头 3
示例 1示例 1示例 1
示例 2示例 2示例 2
示例 3示例 3示例 2

7️⃣ 链接

http://127.0.0.1:4000

8️⃣ 脚注

点击对应位置可以定位到 脚注1, 这里是另一个 脚注2

9️⃣ 行内代码

这是 行内代码 的案例。

1️⃣0️⃣ 文件路径

文件路径是: /path/to/the/file.extend.

1️⃣1️⃣ 代码块

一、常用

1
这是一个普通的代码片段,没有语法突出显示和行号。

二、特定的代码语言

1
2
3
4
if [ $? -ne 0 ]; then
  echo "命令运行失败";
  #do the needful / exit
fi;

三、特定的文件名称

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

1️⃣2️⃣ 数学展示能力

数学展示能力由 MathJax 提供:

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

$ax^2 + bx + c = 0$,当 $a \ne 0$,方程有两个答案,分别是:\(x = {-b \pm \sqrt{b^2-4ac} \over 2a}\)

1️⃣3️⃣ 流程图、时序图、甘特图

Mermaid,类似 Markdown,是一个可以用文本语法来描述文档图形(流程图、时序图、甘特图)的工具,生成 SVG 形式的图片。

 gantt
  title 使用 Mermaid 来添加甘特图功能
  苹果 :a, 2015-09-12, 1w
  香蕉 :crit, b, 2015-09-16, 1d
  樱桃 :active, c, after b a, 1d

1️⃣4️⃣ 图片

一、默认(跟随标题)

Desktop View 全屏的宽度且居中对齐

二、左对齐

Desktop View

三、左侧浮动

Desktop View 广州的天气热得真早,夕阳从西窗射入,逼得人只能勉强穿一件单衣。书桌上的一盆”水横枝”,是我先前没有见过的:就是一段树,只要浸在水中,枝叶便青葱得可爱。看看绿叶,编编旧稿,总算也在做一点事。做着这等事,真是虽生之日,犹死之年,很可以驱除炎热的。 —— 鲁迅

生活是一部大百科全书,包罗万象;生活是一把六弦琴,弹奏出多重美妙的旋律:生活是一座飞马牌大钟,上紧发条,便会使人获得浓缩的生命。 —— 鲁迅

生活如花,姹紫嫣红;生活如歌,美妙动听;生活如酒,芳香清醇;生活如诗,意境深远,绚丽多彩。 —— 鲁迅

四、右侧浮动

Desktop View 人生似一束鲜花,仔细观赏,才能看到它的美丽;人生似一杯清茶,细细品味,才能赏出真味道。我们应该从失败中、从成功中、从生活品味出人生的哲理。 —— 鲁迅

我在朦胧中,眼前展开一片海边碧绿的沙地来,上面深蓝的天空中挂着一轮金黄的圆月。我想:希望本是无所谓有,无所谓无的。这正如地上的路;其实地上本没有路,走的人多了,也便成了路。 —— 鲁迅

人生的路漫长而多彩,就像在天边的大海上航行,有时会风平浪静,行驶顺利;而有时却会是惊涛骇浪,行驶艰难。但只要我们心中的灯塔不熄灭,就能沿着自己的航线继续航行。人生的路漫长而多彩:在阳光中我学会欢笑,在阴云中我学会坚强;在狂风中我抓紧希望,在暴雨中我抓紧理想;当我站在中点回望,我走出了一条属于我的生之路。 —— 鲁迅

五、暗黑模式/明亮模式、阴影

下面的图片将根据主题偏好切换暗黑模式/明亮模式,并且加上了阴影。

light mode only dark mode only

1️⃣5️⃣ 视频

1️⃣6️⃣ 脚注列表(可逆向点击)

  1. 第一个脚注来源 

  2. 第二个脚注来源 

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