卡片和信息组件

InfoCard

统一的信息卡片组件，支持多种数据类型（人物、番剧等）。可通过两种方式使用：

1. 自动加载模式：指定类型和 ID，组件自动从 API 获取数据
2. 直接数据模式：直接传入卡片数据对象

自动加载模式 - 人物卡片

人物卡片属性说明

自动加载模式 - 番剧卡片

番剧卡片属性说明

EquipmentCard

装备卡片组件，用于在 Markdown 文章中展示单个装备信息卡片。可以传入 EquipmentItem 对象来显示装备图片、名称、分类、规格等信息。

组件语法

SteamDeck LCD版

硬件

Steam 官方推出的 Linux 掌机，出门便携性虽然没有那么好，但是躺床上玩还是很不错的。

处理器AMD Custom APU（定制）

内存16GB LPDDR5

存储2TB NVMe SSD

屏幕7英寸 RGB 60Hz

掌机AMD

2025-01

查看链接

属性说明

自动换行

属性	类型	必需	说明
name	string	✓	装备名称
category	string	✓	装备分类
description	string	✗	装备描述
specs	Record<string, string>	✗	规格信息键值对
image	string	✗	装备图片 URL
imageNeedsBg	boolean	✗	图片是否需要白色背景（默认 true）
link	string	✗	装备详情或购买链接
tags	string[]	✗	装备标签数组
purchaseDate	string	✗	购买日期（格式：YYYY-MM）
price	string	✗	装备价格
categoryColor	string	✗	分类颜色（十六进制，默认 #666）

GameCard

用于在文章中展示单个 Steam 游戏信息卡片，通过游戏 ID 动态加载完整信息。

组件语法

#tab2

::game-card
---
appid: 324160
---
::

::

属性说明

SeriesGroup

展示单一系列的整合卡片组件，用于展示一个完整的系列。支持多张封面图的展开显示，卡片上方为图片区域，下方为系列信息。

组件语法

苍之彼方的四重奏 系列

《苍之彼方的四重奏》，《苍之彼方的四重奏 Extra 1》，《苍之彼方的四重奏 Extra 2》

共 3 部 Galgame

查看详情

属性说明

SeriesGroup 属性

自动换行

属性	类型	必需	说明
title	string	✓	系列标题
description	string	✗	系列描述
cover	string | string[]	✗	封面图片 URL，支持单张或多张（多张时可点击计数指示器切换）
count	number	✗	系列中作品的总数
link	string	✗	系列详情页面路由
openInNewTab	boolean	✗	是否在新标签页打开链接（默认 true）

ProjectGroup

用于展示项目卡片列表，支持 Iconify 图标名和 URL 图片，点击可跳转到外部链接。支持响应式布局。

组件语法

开发工具

VS Code

IDE

PyCharm

IDE

WebStorm

IDE

属性说明

ProjectGroup 属性

自动换行

属性	类型	必需	说明
title	string	✗	分组标题
items	ProjectItem[]	✓	项目卡片数组

ProjectItem 属性

自动换行

属性	类型	必需	说明
title	string	✓	项目标题
description	string	✗	项目描述
icon	string	✗	Iconify 图标名（如 simple-icons:vue）或 URL 图片
link	string	✗	项目链接，点击卡片后在新标签页打开