组件文档：设定页展示组件

基础用法

[[include component:canon-grid-item
|canon-name=温和之室
|canon-hub-url=the-room-of-mildness
|canon-tag=温和之室
|canon-intro=这里是我们跨越了无尽的阈限、熬过了漫长的流浪之后，终于决意停下脚步，认真生活的地方。
]]

进阶用法

[[include component:canon-grid-item
|canon-name=
|canon-hub-url=
|canon-tag=
|canon-intro=
|canon-class=
|link-color=
|hover-link-color=
|visited-link-color=
|bg-color=
|text-color=
|border-color=
|hr-color=
|title-color=
|footer-text-color=
|footer-link-color=
]]

参数详解

• canon-name^*：设定的显示名称，会作为卡片标题并生成链接。
  • 示例值：
    • 温和之室
    • The Room of Mildness

• canon-hub-url^*：设定中心页的Wiki页面名称或完整链接。
  • 示例值：
    • the-room-of-mildness
    • https://mildrooms-wiki.wikidot.com/the-room-of-mildness

• canon-tag^*：该设定对应的标签名，显示于卡片底部并链接到标签页面。
  • 示例值：
    • 温和之室
    • the-room-of-mildness

• canon-intro^*：设定的简介描述。
  • 示例值：
    • 这里是我们跨越了无尽的阈限、熬过了漫长的流浪之后，终于决意停下脚步，认真生活的地方。
    • 这里是我们跨越了**无尽的阈限**、熬过了//漫长的流浪//之后，终于决意__停下脚步__，--认真生活的地方--。

• canon-class：为卡片容器追加自定义CSS类名，便于额外样式控制。
  • 示例值：
    • featured
    • special-canon

• link-color：标题链接的默认颜色（RGB三元组，不带括号）。
  • 默认值：230, 23, 68
  • 示例值：
    • 0, 150, 255

• hover-link-color：鼠标悬停时标题链接的颜色。
  • 默认值：187, 0, 34
  • 示例值：
    • 0, 100, 200

• visited-link-color：已访问过标题链接的颜色。
  • 默认值：150, 24, 43
  • 示例值：
    • 128, 0, 128

• bg-color：卡片背景色。
  • 默认值：var(--pale-gray-monochrome)
  • 示例值：
    • 255, 255, 255
    • var(--white-monochrome)

• text-color：卡片内正文（简介部分）的文字颜色。
  • 默认值：var(--black-monochrome)
  • 示例值：
    • 0, 0, 0

• border-color：卡片的边框颜色。
  • 默认值：var(--gray-monochrome)
  • 示例值：
    • 90, 90, 90

• hr-color：卡片内分割线的颜色，同时也影响底部分隔风格。
  • 默认值：var(--light-gray-monochrome)
  • 示例值：
    • 90, 90, 90

• title-color：标题文字的颜色。
  • 默认值：var(--link-color)
  • 示例值：
    • 0, 150, 255

• footer-text-color：底部标签文字的颜色。
  • 默认值：var(--bg-color)
  • 示例值：
    • 255, 255, 255

• footer-link-color：底部标签链接的颜色。
  • 默认值：var(--hr-color)
  • 示例值：
    • 0, 150, 255