Merger:一個美觀的微信/支付寶/PayPal等付款二維碼合併程序
特性
- 最小化的請求數,最大化的速度。
- 擁有詳盡的代碼註釋,方便二次開發。
- 結合實際使用場景為每一種支付方式獨立定制的展示樣式。
- 高度可定制化,頁面上一切內容均可通過簡單的
js
代碼更改。無需任何編程技巧。 - 除圖片外的所有靜態文件均默認使用
jsDelivr
分發。
安裝
Github地址:https://github.com/hifocus/merger
使用文檔:https://merger.hxco.dev
1、安裝Git
#CentOS系统
yum install git -y
#Debian/Ubuntu系统
apt install git -y
2、拉取源碼
git clone https://github.com/hifocus/merger.git
cd merger
#重新命名
mv merger.html index.html
3、編輯信息
這裡只需要編輯index.html
文件即可,也就是修改之前的merger.html
,使用命令:
nano index.html
大致需要修改下面幾個地方:
#支付方式,需要将你的微信、QQ、支付宝收款码图片解析成链接填入即可,解析地址:https://www.sojson.com/deqr.html,paypal直接使用个人收款链接即可。
var wechat = "wxp://f2f0xFuBE5tqPeKu";
var alipay = "https://qr.alipay.com/fkx01299q";
var tenpay = "https://i.qianbao.qq.com/wallet/sqrcode.";
var paypal = "https://paypal.me/moerats";
#昵称和头像地址
var myname = "MOERATS";
var profile ="https://www.moerats.com/usr/picture/rats.png";
#界面文字提示,可以默认不用修改
var title = "选择你的支付方式";
var subtitle = "跟随进一步的指示以向" + myname + "付款";
#调试模式,可以使用#注释掉
var debugmode = "true";
#二维码生成api接口,直接默认即可,不过也可以替换其它接口
var qrcodeapi = "https://www.zhihu.com/qrcode?url=";
#配置页面标题,更改<title> </title>中间的内容即可。
<title>Merger - Merge your qrcode together. Even quicker.</title>
#配置页面图标,更改href后面的图片地址即可
<link rel="shortcut icon" type="image/x-icon" href="https://www.moerats.com/usr/picture/rats.png">
到這里基本上配置完成了。
4、部署源碼
這時候merger
就是一個已經配置好的完整源碼,你只需要安裝Nginx
、Apache
或者Caddy
等其中一個Web
服務器就可以部署了,不過這裡就不詳細說了,最後直接將merger
文件夾丟進網站根目錄就可以訪問了。