跳转到主要内容
Xiaochen004hao 的 博客

Markdown 元素示例文章

/ 4 min read

更新于:
目录

这是一个一级标题

这是一个二级标题

这是一个三级标题

这是一个四级标题

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

水平分割线




强调

这是粗体文本

这是斜体文本

删除线

引号

“双引号” 和 ‘单引号’

引用块

引用块也可以嵌套…

…通过在彼此旁边使用额外的大于号…

参考文献

一个包含可点击参考文献1并链接到来源的示例。

第二个包含参考文献2并链接到来源的示例。

如果你查看 src/content/post/markdown-elements/index.md 中的这个示例,你会注意到参考文献和”脚注”标题是通过 remark-rehype 插件添加到页面底部的。

列表

无序列表

  • 通过以 +-* 开始一行来创建列表
  • 子列表通过缩进 2 个空格来创建:
    • 标记字符更改强制开始新列表:
      • 自由旋转的松散装饰
      • 在价格中轻松处理黑色列表
      • 没有旋转的装饰价值
  • 非常简单!

有序列表

  1. 这是有序列表的第一项

  2. 这是有序列表的第二项

  3. 这是有序列表的第三项

  4. 你可以使用顺序数字…

  5. …或者将所有数字保持为 1.

从偏移量开始编号:

  1. 第一个项目
  2. 第二个项目

代码

内联 代码

缩进代码

// 一些注释
代码第 1 行
代码第 2 行
代码第 3 行

代码块 “围栏”

示例文本...

语法高亮

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

表达式代码示例

添加标题

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

一个 bash 终端

Terminal window
echo "基本终端示例"

高亮代码行

line-markers.js
function demo() {
console.log("此行被标记为已删除");
// 此行和下一行被标记为已插入
console.log("这是第二行插入的行");
return "此行使用中性默认标记类型";
}

Expressive Code 可以做比这里展示的更多事情,并包含大量自定义选项

表格

选项描述
data数据文件的路径,用于提供将传递到模板中的数据。
engine用于处理模板的引擎。默认为 Handlebars。
ext用于目标文件的扩展名。

表格对齐

项目价格库存数量
多汁苹果1.99739
香蕉1.896

键盘元素

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

图片

同一文件夹中的图片:src/content/post/markdown-elements/logo.png

Astro 主题 cactus logo

链接

来自 markdown-it 的内容

Footnotes

  1. 第一个参考文献,带有返回内容的链接。

  2. 第二个参考文献,带有链接。