Markdown 样式演示 #

这个文档展示了新的简洁黑白配色和自动样式化的Markdown元素。无需复杂的HTML标签，基础的Markdown语法就能呈现美观的效果。

文本格式 #

这是普通文本段落。支持中文两端对齐，行高经过优化，适合中文阅读。

这是粗体文本，这是斜体文本，这是粗斜体文本。

这是删除线文本，这是行内代码。

标题层级 #

标题会自动添加底部线条和适当的间距：

三级标题 #

四级标题 #

五级标题 #

六级标题 #

列表 #

无序列表 #

• 第一个项目
• 第二个项目
  • 嵌套项目
  • 另一个嵌套项目
    • 更深层的嵌套
• 第三个项目

有序列表 #

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

任务列表 #

• 已完成的任务
• 另一个已完成的任务
• 待完成的任务
• 另一个待完成的任务

引用 #

这是一个引用块。它会自动获得左侧边框和背景色。

引用可以包含多行内容。

知识就是力量。

弗朗西斯·培根

表格 #

代码 #

行内代码 #

使用 npm install 命令安装依赖包。

代码块 #

# 启动开发服务器
hugo server --minify --theme hugo-book -D

# 构建网站
hugo --minify

def hello_world():
    """简单的Python函数"""
    print("Hello, World!")
    return "success"

# 调用函数
result = hello_world()
print(f"结果: {result}")

// JavaScript 示例
const greet = (name) => {
    return `Hello, ${name}!`;
};

console.log(greet("世界"));

链接 #

• 外部链接 - 访问示例网站
• 内部链接 - 查看AI Agent文档
• 邮箱链接 - 发送邮件

图片 #

分割线 #

下面是一条分割线：

上面是分割线。

强调和标记 #

这段文字包含重要内容，也有强调文本，以及被删除的内容。

你也可以使用高亮标记来突出重要信息。

小结 #

这个演示展示了：

1. 自动样式化 - 基础Markdown元素自动获得美观样式
2. 黑白配色 - 简洁专业的配色方案
3. 中文优化 - 针对中文阅读的字体和排版优化
4. 响应式设计 - 在各种设备上都有良好表现

只需要使用基础的Markdown语法，就能创建美观、专业的文档。无需学习复杂的HTML标签或自定义组件。

文档样式会持续优化，以提供更好的阅读体验。