Skip to content

赞助

赞助配置管理赞助页面的展示内容,包括赞助方式和赞助者列表。

配置文件

src/config/sponsorConfig.ts

基础配置

属性类型默认值说明
titlestring""页面标题(留空使用 i18n 翻译)
descriptionstring""页面描述文本(留空使用 i18n 翻译)
usagestring-赞助用途说明
showSponsorsListbooleantrue是否显示赞助者列表
showButtonInPostbooleantrue是否在文章详情页底部显示赞助按钮

赞助方式

属性类型必填说明
namestring赞助方式名称
iconstring图标(Iconify 格式)
qrCodestring收款码图片路径(相对于 public 目录)
linkstring赞助链接 URL
descriptionstring描述文本
enabledboolean是否启用
ts
methods: [
  {
    name: "支付宝",
    icon: "fa7-brands:alipay",
    qrCode: "/assets/images/sponsor/alipay.png",
    link: "",
    description: "使用支付宝扫码赞助",
    enabled: true,
  },
  {
    name: "ko-fi",
    icon: "simple-icons:kofi",
    qrCode: "",
    link: "https://ko-fi.com/cuteleaf",
    description: "Buy a Coffee for Firefly",
    enabled: true,
  },
],

赞助者列表

属性类型必填说明
namestring赞助者名称
amountstring赞助金额
datestring赞助日期(ISO 格式)
ts
sponsors: [
  {
    name: "夏叶",
    amount: "¥50",
    date: "2025-10-01",
  },
  {
    name: "匿名用户",
    amount: "¥20",
    date: "2025-10-01",
  },
],

TIP

需要在 siteConfig.ts 中将 pages.sponsor 设为 true 才能访问赞助页面。