⭐
以下是本站常用的组件/模块，列出来，便于快速复制。
卡片
顶部声明
import { Cards } from "nextra/components";导入格式
<Cards>
<Cards.Card title="单卡" href="/" className="items-center" />
</Cards>显示效果
图片
顶部声明
import Image from "next/image";导入格式
<Image src="/iflux-art.png" alt="Hello" width={1080} height={500} className="h-auto" />显示效果
步骤
顶部声明
import { Steps } from 'nextra/components';导入格式
<Steps>
#### 第一步
第一步内容
#### 第二步
第二步内容
</Steps>显示效果
标注
顶部声明
import { Callout } from 'nextra/components';导入格式及显示效果
<Callout>
这是一条默认标注。
</Callout>💡
这是一条默认标注。
<Callout type="info">
这是一条信息标注。
</Callout>这是一条信息标注。
<Callout type="warning">
这是一条警告标注。
</Callout>⚠️
这是一条警告标注。
<Callout type="error">
这是一条报错标注。
</Callout>🚫
这是一条报错标注。
<Callout type="info" emoji="⭐">
这是一条自定义 Emoji 标注。
</Callout>⭐
这是一条自定义 Emoji 标注。
GitHub Alert 标注
注意
> [!NOTE]
>
> Useful information that users should know, even when skimming content.Note
Useful information that users should know, even when skimming content.
提示
> [!TIP]
>
> Helpful advice for doing things better or more easily.💡
Tip
Helpful advice for doing things better or more easily.
重要
> [!IMPORTANT]
>
> Key information users need to know to achieve their goal.🚫
Important
Key information users need to know to achieve their goal.
警告
> [!WARNING]
>
> Urgent info that needs immediate user attention to avoid problems.⚠️
Warning
Urgent info that needs immediate user attention to avoid problems.
谨慎
> [!CAUTION]
>
> Advises about risks or negative outcomes of certain actions.🚫
Caution
Advises about risks or negative outcomes of certain actions.
评论组件
顶部声明
import Comment from "@/components/Comment.jsx";导入格式
<Comment />