跳到主要内容
仙人掌博客

一篇包含各种 Markdown 元素的示例文章

/ 约 4 分钟阅读

更新于:
目录

这是一个二级标题

这是一个三级标题

这是一个四级标题

这是一个五级标题
这是一个六级标题

水平分割线




强调

这是粗体文本

这是斜体文本

这是删除线文本

引号

“双引号” 和 ‘单引号’

引用块

引用块也可以嵌套……

……只需在上一层的 > 后面紧跟着再写一个 > ……

脚注引用

一个包含可点击脚注引用1的示例,点击可以跳转到来源。

第二个包含脚注引用2的示例。

如果你查看 content/posts/markdown-elements/index.md 这个示例文件,会发现脚注内容和“脚注”标题是由 markdown 处理器自动添加到页面底部的。

列表

无序列表

  • +-* 开头即可创建列表
  • 子列表只需缩进 2 个空格:
    • 更换标记字符会强制开启新列表:
      • 列表项一
      • 列表项二
      • 列表项三
  • 非常简单!

有序列表

  1. 第一项示例内容

  2. 第二项示例内容

  3. 第三项示例内容

  4. 可以使用连续的数字……

  5. ……也可以全部写成 1.

从指定数字开始编号:

  1. 第一项
  2. 第二项

代码

行内 代码

缩进代码

// 一些注释
第一行代码
第二行代码
第三行代码

围栏代码块

这里是一段示例文本……

语法高亮

var foo = function (bar) {
return bar++;
};
console.log(foo(5));

Expressive Code 示例

添加标题

file.js
console.log("标题示例");

终端样式

终端窗口
echo "一个基础的终端示例"

高亮代码行

line-markers.js
function demo() {
console.log("这一行被标记为删除");
// 这一行和下一行被标记为新增
console.log("这是第二行新增的代码");
return "这一行使用默认的中性标记";
}

Expressive Code 能做的远不止上面这些,还提供了丰富的自定义配置

数学公式

行内公式用单美元包裹,如质能方程 E=mc2E = mc^2,或者欧拉恒等式 eiπ+1=0e^{i\pi} + 1 = 0

块级公式用双美元包裹,独立成段并居中显示:

ex2dx=π\int_{-\infty}^{\infty} e^{-x^2} \, dx = \sqrt{\pi}

化学方程式由 mhchem 扩展支持,使用 \ce{} 书写:

CHX4+2OX2COX2+2HX2O\ce{CH4 + 2O2 -> CO2 + 2H2O}

水分子 HX2O\ce{H2O} 也可以行内书写,物理单位用 \pu{},如标准摩尔熵 S=205 J/(Kmol)S^\circ = \pu{205 J/(K mol)}

超宽的公式可以横向滚动,不会撑破布局:

n=11n2=π26pP11p2=π2601ln(1+x)xdx=π212\sum_{n=1}^{\infty} \frac{1}{n^2} = \frac{\pi^2}{6} \quad \prod_{p \in \mathbb{P}} \frac{1}{1 - p^{-2}} = \frac{\pi^2}{6} \quad \int_0^1 \frac{\ln(1+x)}{x} \, dx = \frac{\pi^2}{12}

表格

配置项 说明
data 提供模板所需数据的数据文件路径。
engine 处理模板所用的引擎,默认为 Handlebars。
ext 目标文件使用的扩展名。

表格对齐

商品 价格 库存
多汁苹果 1.99 739
香蕉 1.89 6

键盘按键

操作 快捷键
垂直分屏 Alt+Shift++
水平分屏 Alt+Shift+-
自动分屏 Alt+Shift+d
在分屏间切换 Alt + 方向键
调整分屏大小 Alt+Shift + 方向键
关闭分屏 Ctrl+Shift+W
最大化当前面板 Ctrl+Shift+P + 切换面板缩放

图片

同目录下的图片:content/posts/logo.png

仙人掌主题 logo

链接

部分内容来自 markdown-it

脚注

  1. 第一个脚注,带有返回正文的链接。

  2. 第二个脚注,带有链接。