KyrieChao

Markdown 功能展示与富文本示例

2026-03-08

欢迎阅读这篇功能展示文章!这里将为你演示如何使用 Markdown 撰写丰富的内容。

文本样式

你可以在文章中使用 粗体斜体删除线 以及 行内代码

这是一个引用块。

支持多行引用。

代码高亮

支持多种语言的语法高亮:

def hello_world():
    print("Hello, World!")
    return True

if __name__ == "__main__":
    hello_world()
const greet = (name) => {
  console.log(`Hello, ${name}!`);
};

greet('Kyrie');

列表展示

无序列表

  • 项目一
  • 项目二
    • 子项目 A
    • 子项目 B

有序列表

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

任务列表

  • 已完成任务
  • 待办任务
  • 进行中...

表格示例

姓名 角色 技能
Kyrie 开发者 Ruby, Python
User 访客 阅读, 评论

提示块 (Notices)

Next.js 博客使用 HTML/Tailwind 替代了 Jekyll 的 Kramdown 语法:

Primary Notice

这是一个主要提示块。

Info Notice

这是一个信息提示块。

Warning Notice

这是一个警告提示块。

Danger Notice

这是一个危险/错误提示块。

按钮链接

图片与媒体

你可以在文章中插入图片:

示例图片

数学公式

启用 MathJax 后,你可以编写 LaTeX 公式:

行内公式:E=mc2E = mc^2

块级公式:

i=1ni=n(n+1)2\sum_{i=1}^n i = \frac{n(n+1)}{2}

结语

这就是迁移到 Next.js 后的一些核心功能展示。快去尝试写一篇属于你的文章吧!