Donate Page V2
更快接入,更稳转化。

兼容原有 `#donate-widget-container` 接入方式,同时支持多实例 `data-donate-widget`。默认无 jQuery 依赖,交互和可访问性全面升级。

双轨兼容 多实例挂载 键盘可用 移动端优先

实时预览

同页展示旧容器兼容与新容器多实例能力。

Legacy Container (`#donate-widget-container`)

Modern Multi-instance (`data-donate-widget`)

Widget is loading...

快速接入

推荐使用 `data-donate-widget`,并继续兼容旧写法。

<div data-donate-widget
  data-paypal-url="https://paypal.me/your-name"
  data-alipay-qr="https://your.cdn/alipay.jpg"
  data-wechat-qr="https://your.cdn/wechat.jpg"
  data-asset-base-url="https://your.cdn/donate-icons/"
  data-title="Support This Project"
  data-lang="auto"
  data-show-github="false"></div>

<script src="./sample1/donate-embed.js" defer></script>
// Dynamic mount
window.DonateWidget.init('.sidebar-donate', {
  payPalUrl: 'https://paypal.me/your-name',
  showGithub: false,
  title: 'Tip Jar'
});

Legacy iframe(可继续使用)

若你暂时不改造旧页面,仍可使用 `sample1/index.html`: