---
title: 链接网格
slug: docs/cn/enHMBbze5vH3P-TUTwv7C
createdAt: 2026-06-05T14:03:01.725Z
---
[链接网格](docId\:pB4aA3e4SwCh4SCX_8Ug4) 区块将内容组织为响应式卡片布局。它们适用于创建落地页、导航中心、文档索引及相关资源集合。
## 语法
您可以使用 Markdown 或 MDX 添加此组件。
::::Tabs
:::Tab{title="Markdown"}
```markdown
:::::LinkArray{contentSource="CUSTOM" itemsPerRow="3"}
::::LinkArrayItem{headerType="COLOR" headerColor="#hex"}
Card content.
::::
:::::
```
:::
:::Tab{title="MDX"}
```javascript
Card content.
```
:::
::::
链接网格卡片支持三种标题样式：
- 无标题，用于简单卡片布局。
- `颜色`，使用 `headerColor` 属性。
- `图像`，使用 `headerImage` 属性。
使用 `itemsPerRow` 属性控制每行显示的卡片数量。
## MDX 示例
以下示例展示了三种可用的卡片样式。
### 普通卡片
```javascript
**Getting Started**
Learn the basics of setting up your documentation project.
**Configuration**
Customize every aspect of your docs with `archbee.json`.
**Templates**
Choose from 4 built-in templates to match your brand.
```
### 彩色标题卡片
```javascript
**API Reference**
Complete endpoint documentation with examples.
**Guides**
Step-by-step tutorials for common tasks.
**Troubleshooting**
Solutions to common issues and FAQ.
```
### 图片标题卡片
```javascript
**Visual Docs**
Add images and media to your documentation.
**Code Examples**
Syntax-highlighted code with copy support.
**API Blocks**
Interactive API endpoint documentation.
```