/pay

一个简单的收款码展示页——我很可爱,请给我钱(划掉)

Primary LanguageHTMLGNU General Public License v3.0GPL-3.0

Pay

Vercel Netlify Status

一个简单的收款码展示页。

效果展示

Image

特点

  • 纯前端实现,一键免服务器部署,无需安装,无需数据库;
  • 免维护,无多余的配置,一次修改配置即可永久使用。
  • 智能识别客户端匹配二维码,无需手动选择

使用方法

快速部署到 Vercel / Netlify(**大陆可直连)

Deploy with Vercel Deploy to Netlify

点击按钮 -> 部署 -> 自定义域名(可选)-> 进入仓库,修改配置 -> 完成

部署到 Github Pages(墙)

Fork -> 仓库中 Settings/Github Pages 打开 -> 完成

其他

下载源码并解压 -> 修改配置 -> 上传至您的服务器并部署(纯静态,无需 PHP)

配置选项

index.html中配置项如下。

<!-- 设置 -->
<title>(~ ̄▽ ̄)~</title>
<script>
    const settings = {
        avatar: "2706992599", // 头像 URL,也可为 QQ 号 (e.g. 2706992599) 或 Github 用户名 (e.g. @alex3236)
        name: "Alex3236", // 头像下的昵称
        sign: "请我喝杯咖啡如何?( •̀ ω •́ )✧", // 个性签名 (提示文字)
        background: "#F2FDFF", // 背景颜色代码,也可为图片 URL (e.g. https://www.dmoe.cc/random.php)
        hide_badge_generator: false // 是否隐藏徽章生成器
    }
    const urls = {
        // 你可以使用草料二维码等二维码识别工具识别你的支付二维码,获取链接
        // 把某个参数放空或删除,则不显示对应按钮
        alipay: "https://qr.alipay.com/foo", // 支付宝二维码链接
        wechat: "wxp://bar", // 微信二维码链接
        qq: "https://i.qianbao.qq.com/wallet/sqrcode.htm?foo=bar" // QQ 二维码链接
    }
</script>

fullqr.html 中配置项如下。

<!-- 设置 -->
<script>
    const settings = {
        hide: [], // 隐藏的支付方式列表。可以有 alipay, wechat, qq
        desc: "支付宝 / 微信 / QQ 扫码支付" // 描述
    };
</script>

生成徽章

你可以在网页底部找到一个非常简(垃)洁(圾)的徽章生成器。

Image

大二维码

点击二维码图标即可打开大二维码,你可以将其直接发送给他人扫描。

Image

⚠️ 注意

  • 请用专门的代码编辑器(如 Notepad2 / VS Code)编辑代码,切忌用记事本编辑,否则可能出现中文乱码!
  • 65f6e3f 起,此仓库使用 GNU GPLv3 许可协议。请勿以任何形式出售此源码。

支持我

制作不易,如果喜欢不妨赞助杯咖啡 awa

Sponsor me!