一个响应式的赞助页面模板,支持微信、支付宝和加密货币赞助 | A responsive sponsor page template supporting WeChat, Alipay, and cryptocurrency donations
Neko-sponsor-page 是一个简洁、美观、响应式的赞助页面模板,专为内容创作者、开发者和博主设计。支持微信、支付宝和加密货币等多种赞助方式,让您轻松接收粉丝和用户的赞助。
- 🖥️ 全响应式设计,完美适配手机、平板、电脑和电视等各种设备
- 🎨 精美的界面设计,带有平滑过渡动画效果
- 📱 支持微信和支付宝收款码展示,点击放大功能
- 💰 内置加密货币地址展示,支持一键复制功能
- 🔄 基于纯 HTML、CSS 和 JavaScript 开发,无需后端支持
- 🌈 易于定制的配色方案和样式
- 🚀 优化的加载性能,使用轻量级的 AOS 动画库
-
克隆仓库到本地
git clone https://github.com/TomChicken-on-github/Neko-sponsor-page.git
-
替换自己的收款码
- 将您的微信收款码图片命名为
Wechat_pay.jpeg并放在网站根目录 - 将您的支付宝收款码图片命名为
Alipay.jpeg并放在网站根目录 - 修改加密货币地址为您自己的地址
- 将您的微信收款码图片命名为
-
自定义页面(可选)
- 修改
:root中的颜色变量以更改配色方案 - 调整页面标题和描述文本
- 修改
-
部署到您的网站
- 将修改后的文件上传到您的网站服务器或静态页面托管服务
您可以通过编辑 CSS 变量轻松更改页面的主题颜色:
:root {
--primary-color: #3498db; /* 主要颜色 */
--success-color: #2ecc71; /* 成功颜色 */
--text-dark: #2c3e50; /* 文本颜色 */
--crypto-color: #f39c12; /* 加密货币颜色 */
}- Chrome 60+
- Firefox 60+
- Safari 12+
- Edge 79+
- Opera 47+
- 移动设备尺寸支持
本项目采用 GPLv3 许可证,详情请参阅 LICENSE 文件。
Neko-sponsor-page is a clean, beautiful, and responsive sponsor page template designed for content creators, developers, and bloggers. It supports multiple donation methods including WeChat, Alipay, and cryptocurrencies, making it easy to receive donations from your fans and users.
- 🖥️ Fully responsive design, perfectly adapts to phones, tablets, computers, and TVs
- 🎨 Beautiful interface design with smooth transition animations
- 📱 Support for WeChat and Alipay QR codes with click-to-enlarge functionality
- 💰 Built-in cryptocurrency address display with one-click copy feature
- 🔄 Developed with pure HTML, CSS, and JavaScript, no backend required
- 🌈 Easily customizable color scheme and styling
- 🚀 Optimized loading performance using the lightweight AOS animation library
-
Clone the repository
git clone https://github.com/TomChicken-on-github/Neko-sponsor-page.git
-
Replace Your Payment QR Codes
- Rename your WeChat payment QR code image to
Wechat_pay.jpegand place it in the website root directory. - Rename your Alipay payment QR code image to
Alipay.jpegand place it in the website root directory. - Modify the cryptocurrency addresses to your own.
- Rename your WeChat payment QR code image to
-
Customize the page (optional)
- Modify the color variables in
:rootto change the color scheme. - Adjust the page title and description text.
- Modify the color variables in
-
Deploy to your website
- Upload the modified files to your web server or static page hosting service.
You can easily change the theme colors of the page by editing the CSS variables:
:root {
--primary-color: #3498db; /* Primary color */
--success-color: #2ecc71; /* Success color */
--text-dark: #2c3e50; /* Text color */
--crypto-color: #f39c12; /* Cryptocurrency color */
}- Chrome 60+
- Firefox 60+
- Safari 12+
- Edge 79+
- Opera 47+
- Mobile Device Size supported
This project is licensed under the GPLv3 License - see the LICENSE file for details.
Made with ❤️ by Tom_Chicken