本文演示 SumiLog 博客支持的所有 Markdown 样式效果。
标题样式
一级标题 (H1)
二级标题 (H2)
三级标题 (H3)
四级标题 (H4)
五级标题 (H5)
六级标题 (H6)
段落和文本格式
这是一个普通段落。Markdown 支持自动换行，你只需要在句子之间留出空行即可创建新的段落。
这是加粗文本，这是斜体文本，这是加粗和斜体，这是删除线文本。
这是上标和下标文本。
这是高亮标记的文本。
链接
列表
无序列表
- 第一个列表项
- 第二个列表项
- 嵌套的列表项
- 另一个嵌套项
- 第三个列表项
- 使用星号创建的列表
- 同样有效
- 也可以使用加号
- 效果一样
有序列表
-
第一个项目
-
第二个项目
-
第三个项目
-
也可以混合使用
-
数字会自动校正
-
不需要按顺序
任务列表
- 已完成的任务
- 未完成的任务
- 另一个待办事项
定义列表
- Markdown
- 一种轻量级标记语言，用于格式化文本。
- Astro
- 一个现代化的静态网站构建工具。
引用
这是一段引用。可以用来突出显示他人的话语或重要的内容。
可以多行引用。
引用中的标题
引用中也可以使用其他 Markdown 语法。
代码
行内代码
使用 const hello = "world" 这样的行内代码。
代码块
function greet(name) {
console.log(`Hello, ${name}!`);
}
greet('World');
def fibonacci(n):
if n <= 1:
return n
return fibonacci(n-1) + fibonacci(n-2)
print(fibonacci(10))
.container {
display: flex;
justify-content: center;
align-items: center;
}
表格
| 表头1 | 表头2 | 表头3 |
|---|---|---|
| 左对齐 | 居中 | 右对齐 |
| 单元格 | 单元格 | 单元格 |
| 更多内容 | 更多内容 | 更多内容 |
水平线
也可以用星号或下划线：
图片
折叠内容
点击展开查看更多内容
这是折叠起来的内容。可以用来隐藏一些补充信息，保持页面整洁。
- 支持 Markdown 格式
- 可以包含列表
- 可以包含代码块
提示框
这是一个提示框，用于展示一般性的提示信息。
这是一个技巧提示框，用于分享有用的技巧。
这是一个警告提示框，用于提醒用户注意。
这是一个危险提示框，用于警告重要事项。
键盘按键
使用 Ctrl + C 复制内容。
使用 Cmd + V 粘贴内容。
缩写
HTML 是网页的标准标记语言。
CSS 用于描述网页的样式。
脚注
进度条
文字对齐
左对齐文本
居中文本
右对齐文本
两端对齐文本 - 这是一段较长的文字，用于演示两端对齐的效果。文字会自动调整间距，使左右两边都对齐。
文字颜色
主要文字颜色
次要文字颜色
淡化文字颜色
多列文本
这是第一列的内容。Markdown 是一种轻量级标记语言，它允许你使用易读易写的纯文本格式编写文档。
这是第二列的内容。Astro 是一个现代化的静态网站构建工具，专为速度而设计。
数学公式
E = mc²
\[ \sum_{i=1}^{n} x_i = x_1 + x_2 + \cdots + x_n \]
目录
注释
这是注释后面的文本。
以上就是 SumiLog 博客支持的所有 Markdown 样式演示！