QcN3ep's Blog

Hello Next.js

2026-03-16·Next.js·5 min read#MDX

Hello Next.js 1. 标题层级测试 请确保以下各级标题的字体大小、粗细和间距渲染正常。 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 2. 文本格式测试 - 粗体文本 使用 包裹。 - 斜体文本 使用 包裹。 - 粗斜体文本 使用 包裹。 - 删除线文本 使用 包裹。 - 行内代码 使用反引号...

Hello Next.js

1. 标题层级测试

请确保以下各级标题的字体大小、粗细和间距渲染正常。

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

2. 文本格式测试

  • 粗体文本 使用 ** 包裹。
  • 斜体文本 使用 * 包裹。
  • 粗斜体文本 使用 *** 包裹。
  • 删除线文本 使用 ~~ 包裹。
  • 行内代码 使用反引号 ` 包裹。
  • 文本中的下标: H2O (如果支持)
  • 文本中的上标: X^2^ (如果支持)
  • 文本高亮: 这是需要 ==高亮显示== 的部分 (如果支持)

3. 段落与换行

这是一个段落。 在行末输入两个空格然后回车,可以实现换行(但通常段落间用空行分隔更标准)。

这是另一个段落,与上方段落之间有一个空行。


4. 列表功能

无序列表

  • 项目一
  • 项目二
  • 嵌套子项目(缩进)
  • 另一个子项目
  • 项目三
  • 任务列表(未完成)
  • 任务列表(已完成)

有序列表

  1. 第一项
  2. 第二项
  3. 嵌套有序列表
  4. 第二个嵌套项
  5. 第三项

5. 链接与图片

行内链接

这是一个指向 GitHub 的链接。

引用式链接

这是一个指向 百度 的引用式链接。

图片渲染

这是一张占位图片的替代文本

(图片来自 picsum.photos,每次刷新图片会变化)

6. 表格测试

表格的对齐方式应正常工作。

左对齐居中对齐右对齐
苹果红色5元
香蕉黄色3元
这是一个很长的内容测试100000元

7. 引用块

这是引用块的第一行。 这是引用块的第二行。

这是嵌套在里面的引用块。 内部引用结束。

回到主引用块。

8. 分隔线

以下三种分隔线样式应统一渲染为一条横线:




9. 代码块与语法高亮

纯文本代码块

text
function test() {
  console.log("这是一个没有高亮的代码块");
}

JavaScript 语法高亮

ts
// 这是一个带语法高亮的 JavaScript 示例
function greet(name) {
    const greeting = `Hello, ${name}!`;
    console.log(greeting);
}

// 调用函数
greet('World');

Python 语法高亮

python
# 这是一个带语法高亮的 Python 示例
def greet(name):
    greeting = f"Hello, {name}!"
    print(greeting)

if __name__ == "__main__":
    greet("World")

HTML 语法高亮

html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Markdown 测试</title>
</head>
<body>
    <h1>你好,世界</h1>
    <!-- 这是一段注释 -->
    <p>这是一个段落。</p>
</body>
</html>

命令行

bash
# 安装依赖
npm install markdown-test-package

# 运行服务
python manage.py runserver

10. 脚注测试

这里需要添加一个脚注1,这是另一个脚注2

11. 定义列表(如果支持)

Markdown 对定义列表的支持非标准,但一些渲染器(如 PHP Markdown Extra 或 Pandoc)支持。

苹果 : 一种水果,通常为红色或绿色。 : 也是一家知名的科技公司。

香蕉 : 一种黄色的长条形水果。

12. 转义字符

如果你需要显示 Markdown 符号本身,可以使用反斜杠 \ 进行转义。

*这段文字不会被显示为斜体*

这里显示一个星号:*

13. Emoji 支持 (如果支持)

一些 Markdown 应用支持 Emoji 短代码或直接粘贴 Emoji。

:smile: :heart: :rocket: :+1:

或者直接使用:😄 ❤️ 🚀 👍


测试结束。 请检查以上所有元素是否都已正确渲染。

Footnotes

  1. 这是第一个脚注的具体内容。

  2. 这是第二个脚注,内容可以写很长,甚至跨段落。