请作者喝咖啡--sponsor-page

博主： Steve
发布时间：2021 年 12 月 03 日
532 次浏览
暂无评论
2231字数
分类：心得

# 前言

偶然一次机会在这里[请作者喝咖啡--sponsor-page](https://www.hermitlsr.top/2021-08-14/274dc0d.html)看到这篇添加赞赏的文章.觉得好玩就开始捣鼓可。

## sponsor 介绍

sponsor-page 是 [Kaiyuan Xie](https://github.com/Kaiyuan) 大佬的开源项目：

[![one](https://github-readme-stats.vercel.app/api/pin/?username=Kaiyuan&repo=sponsor-page&&show_owner=true)](https://github.com/Kaiyuan/sponsor-page)

作者提供了两种样式的捐赠部件，美中不足的是其提供了比特币但没有提供QQ的图标 ~~好像也不是很重要，反正也没人打钱~~。

| ![two](https://camo.githubusercontent.com/9cff31a8a217b9cbd82b160fd4a18f9cb30a6e455bae19fcad02d139dac93211/68747470733a2f2f692e696d6775722e636f6d2f4430516578426c2e676966) | ![img](https://camo.githubusercontent.com/81b5a58e19fdb3a278e49bf7520970ed5a5b91240e9070e9889a342029a3e428/68747470733a2f2f692e696d6775722e636f6d2f4179414d6b6a522e676966) |
| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|                                                                                                                                                                            |                                                                                                                                                                            |

`kelecn` 在该项目上增加了QQ图标，不过好像大概就是换了下 `bitcoin.svg` logo，可看参考资料。

# 步骤

1.首先先去大佬的github fork这个项目<button class=" btn m-b-xs btn-primary  " onclick='window.open("https://github.com/Kaiyuan/sponsor-page","_blank")'>sponsor-page</button>

2.fork之后修改以下的内容

```
/script.js:13 #Github 项目连接

/script.js:14 #PayPal.me 连接

/script.js 18 - 20 #对应二维码
```

3.html修改

这里的修改主要是：

1. 将图片链接替换掉
2. 将以下代码删掉

```
`li id="paypal_donate"><a href="https://www.paypal.me/KaiyuanXie" target="_blank">Paypal</a></li>` 
```

# 部署

在 `source/donate` 里放置 `index.html` 。记得修改 `index.html`

```
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, minimal-ui">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Sponsor</title>
    <link rel="stylesheet" href="http://zxfccmm.cn/donate/drinks/style.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="http://zxfccmm.cn/donate/drinks/script.js"></script>
</head>
```

最后在文章最后加入

## 使用 `iframe` 嵌入页面的代码，高度至少 `240px`，宽度至少 `310px`！

```
<iframe src="/donate/drinks/" style="overflow-x:hidden;overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;"  frameborder="0" scrolling="no"></iframe>
```

就可以得到和我一样的效果。

最后感谢[hermitlsr](https://github.com/hermitlsr/)  [Kaiyuan Xie](https://github.com/Kaiyuan)

## 或者请我喝杯咖啡☕️

本文作者： Steve
文章标题：请作者喝咖啡--sponsor-page
本文地址：https://steveee.top/index.php/archives/127/
版权说明：若无注明，本文皆Steve’s Blog原创，转载请保留文章出处。

如果觉得我的文章对你有用，请随意赞赏

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

评论 *

私密评论

名称 *

🎲

邮箱 *

地址

请作者喝咖啡--sponsor-page

Steve • 2021 年 12 月 03 日

# 前言

偶然一次机会在这里[请作者喝咖啡--sponsor-page](https://www.hermitlsr.top/2021-08-14/274dc0d.html)看到这篇添加赞赏的文章.觉得好玩就开始捣鼓可。

## sponsor 介绍

sponsor-page 是 [Kaiyuan Xie](https://github.com/Kaiyuan) 大佬的开源项目：

[![one](https://github-readme-stats.vercel.app/api/pin/?username=Kaiyuan&repo=sponsor-page&&show_owner=true)](https://github.com/Kaiyuan/sponsor-page)

作者提供了两种样式的捐赠部件，美中不足的是其提供了比特币但没有提供QQ的图标 ~~好像也不是很重要，反正也没人打钱~~。

`kelecn` 在该项目上增加了QQ图标，不过好像大概就是换了下 `bitcoin.svg` logo，可看参考资料。

# 步骤

1.首先先去大佬的github fork这个项目<button class=" btn m-b-xs btn-primary  " onclick='window.open("https://github.com/Kaiyuan/sponsor-page","_blank")'>sponsor-page</button>

2.fork之后修改以下的内容

```
/script.js:13 #Github 项目连接

/script.js:14 #PayPal.me 连接

/script.js 18 - 20 #对应二维码
```

3.html修改

这里的修改主要是：

1. 将图片链接替换掉
2. 将以下代码删掉

```
`li id="paypal_donate"><a href="https://www.paypal.me/KaiyuanXie" target="_blank">Paypal</a></li>` 
```

# 部署

在 `source/donate` 里放置 `index.html` 。记得修改 `index.html`

最后在文章最后加入

## 使用 `iframe` 嵌入页面的代码，高度至少 `240px`，宽度至少 `310px`！

```
<iframe src="/donate/drinks/" style="overflow-x:hidden;overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;"  frameborder="0" scrolling="no"></iframe>
```

就可以得到和我一样的效果。

最后感谢[hermitlsr](https://github.com/hermitlsr/)  [Kaiyuan Xie](https://github.com/Kaiyuan)

## 或者请我喝杯咖啡☕️

-->

请作者喝咖啡--sponsor-page

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

如何更便宜方便的看上【Netflix】和【Disney+】？

永久免费的Oracle云注册

SyncPlayer又一款Apple TV上观影神器

Miao Project 为 Bilibili 在 tvOS 上的第三方的客户端

Linux VPS常用命令备忘

关于微信账户迁移计划

字幕文件SRT的制作小技巧

由 PSP 破解谈到中国伸手党式网民的心理

YouTube 双字幕 - Chrome/Edge/Firefox浏览器扩展（插件） - Dualsub ，简单设置即可实现 YouTube 中英文双字幕显示（或其他语言）

屏蔽macos更新、取消小红点

请作者喝咖啡--sponsor-page

发表评论 取消回复 使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

请作者喝咖啡--sponsor-page

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款