卡

可以使用 `card` 短代码将卡片添加到页面。此短代码的参数为

参数	描述
title	卡片标题
图标	卡片的图标 slug
image	使用自定义图像而不是图标（与图标互斥）
链接	（可选）卡片被点击时的链接目标
description	Markdown 格式的描述文本

注意
卡片的 Markdown 描述存在一个已知限制，即它们不能包含指向其他 .md 文档的相对链接。此类链接将无法正确渲染。请改用指向您要链接的页面的 URL 路径的绝对链接。
例如，不要链接到 `../install/linux.md`，而是编写：`/engine/install/linux/`。

示例

开始使用 Docker

使用 Docker 构建、共享和运行您的应用程序

标记

{{< card
  title="Get your Docker on"
  icon=favorite
  link=https://docs.container.net.cn/
  description="Build, share, and run your apps with Docker"
>}}

网格

还有一个内置的 `grid` 短代码，它可以生成一个……嗯，网格……的卡片。网格大小在大屏幕上为 3x3，在中等屏幕上为 2x2，在小屏幕上为单列。

Docker Desktop

您的桌面上的 Docker。

Docker Engine

嗡嗡嗡

Docker Build

哐当

Docker Compose

菲吉！

Docker Hub

内容真多，哇

网格是与 `card` 分开的短代码，但它在底层实现了相同的组件。用于插入网格的标记略显非传统。网格短代码不带任何参数。它所做的只是让您指定网格在页面上出现的位置。

{{< grid >}}

网格的数据在页面的 front matter 中定义，位于 `grid` 键下，如下所示

# front matter section of a page
title: some page
grid:
  - title: "Docker Engine"
    description: Vrrrrooooommm
    icon: "developer_board"
    link: "/engine/"
  - title: "Docker Build"
    description: Clang bang
    icon: "build"
    link: "/build/"