
卡片
👁️ 预览
liquid
{% include card.html image="images/space.jpg" link="https://nasa.gov/" title="一个大卡片" subtitle="一个很酷的卡片" description="一个很酷的描述" tooltip="一个很酷的工具提示" tags="标签 A, 标签 B, 标签 C" repo="KingoneAi/lab-landing-website-template" style="small" %}
参数 | 描述 |
---|---|
image | 卡片的图片 URL。 |
link | 点击卡片图片或标题时链接到的 URL。 |
title | 卡片的标题。 |
subtitle | 卡片的副标题。 |
description | 显示在卡片名称下方的文本。可以包含 Markdown。接受任意内容。 |
tooltip | 鼠标悬停在卡片上时显示的文本。 |
tags | 显示在卡片底部的标签。 |
repo | GitHub 仓库,用于自动获取额外的标签。 |
style | 卡片的视觉样式。设置为 small 使卡片稍微小一些。 |