Эх сурвалжийг харах

添加支付图标并移除旧样式文件

增加了微信支付和支付宝的图标文件,并从文档中删除了不再使用的CSS和JS文件。这些更改有助于更新支付选项的视觉元素,同时清理了项目中的冗余资源。
SongZihuan 3 сар өмнө
parent
commit
12135a2686
39 өөрчлөгдсөн 174 нэмэгдсэн , 39 устгасан
  1. 5 5
      .github/ISSUE_TEMPLATE/1-bug.md
  2. 2 2
      .github/ISSUE_TEMPLATE/2-feature.md
  3. 1 1
      .github/ISSUE_TEMPLATE/3-thank.md
  4. 1 1
      .github/pull-request-template.md
  5. 1 1
      README.md
  6. 1 1
      babel_config.js
  7. 1 1
      docs/404.html
  8. 1 1
      docs/contributors.html
  9. BIN
      docs/images/wechat_pay.3ca35d5dda596039985fa5069e4f673d.jpg
  10. BIN
      docs/images/zhifubao_pay.36b630bf3e1d0d35574bcbcaa36e54d0.jpg
  11. 1 1
      docs/index.html
  12. 1 1
      docs/js/common.42be61e963afa2037e38.bundle.js
  13. 0 0
      docs/js/common.42be61e963afa2037e38.bundle.js.LICENSE.txt
  14. 0 0
      docs/js/contributors.42be61e963afa2037e38.bundle.js
  15. 0 0
      docs/js/index.42be61e963afa2037e38.bundle.js
  16. 0 0
      docs/js/leave.42be61e963afa2037e38.bundle.js
  17. 0 0
      docs/js/notfound.42be61e963afa2037e38.bundle.js
  18. 0 0
      docs/js/sponsors.42be61e963afa2037e38.bundle.js
  19. 1 0
      docs/js/sponsorsnow.42be61e963afa2037e38.bundle.js
  20. 1 1
      docs/leave.html
  21. 1 0
      docs/sponsors-now.html
  22. 1 1
      docs/sponsors.html
  23. 0 0
      docs/style/common.42be61e963afa2037e38.bundle.css
  24. 0 0
      docs/style/contributors.42be61e963afa2037e38.bundle.css
  25. 0 0
      docs/style/index.42be61e963afa2037e38.bundle.css
  26. 0 0
      docs/style/leave.42be61e963afa2037e38.bundle.css
  27. 0 0
      docs/style/notfound.42be61e963afa2037e38.bundle.css
  28. 0 0
      docs/style/sponsors.42be61e963afa2037e38.bundle.css
  29. 1 0
      docs/style/sponsorsnow.42be61e963afa2037e38.bundle.css
  30. BIN
      src/assets/image/wechat_pay.jpg
  31. BIN
      src/assets/image/zhifubao_pay.jpg
  32. 7 5
      src/html/index.html
  33. 2 2
      src/html/leave.html
  34. 35 0
      src/html/sponsors-now.html
  35. 13 0
      src/sponsors-now.js
  36. 54 0
      src/style/sponsors-now.css
  37. 13 5
      webpack_config_dev.js
  38. 14 5
      webpack_config_github.js
  39. 16 5
      webpack_config_prod.js

+ 5 - 5
.github/ISSUE_TEMPLATE/1-bug.md

@@ -1,6 +1,6 @@
 ---
 name: 遇到错误或反常情况
-about: 如果遇到Bug(错误、不合理的情况)请通过此Issue反馈。
+about: 如果遇到Bug(错误、不合理的情况)请通过此Issue反馈。
 ---
 ## Bug提交
 ### 问题
@@ -16,9 +16,9 @@ about: 如果你遇到Bug(错误、不合理的情况)请通过此Issue反
 
 (请在上述类型中选择或自行补充)
 
-### 再做什么
+### 再做什么
 
-请详细说明在做什么。
+请详细说明在做什么。
 
 ### 项目运行的情况
 
@@ -34,8 +34,8 @@ about: 如果你遇到Bug(错误、不合理的情况)请通过此Issue反
 
 ### 正确到结果应该是
 
-希望正常的结果应该是什么?
+希望正常的结果应该是什么?
 
 ### 其他补充
 
-的其他补充。
+的其他补充。

+ 2 - 2
.github/ISSUE_TEMPLATE/2-feature.md

@@ -1,10 +1,10 @@
 ---
 name: 新功能请求
-about: 如果你有新功能请求,欢迎你告知我们。
+about: 如果您有新功能请求,欢迎您告知我们。
 ---
 ## 新功能请求
 
-请简单概述的功能请求。
+请简单概述的功能请求。
 
 ## 现状
 

+ 1 - 1
.github/ISSUE_TEMPLATE/3-thank.md

@@ -1,6 +1,6 @@
 ---
 name: 分享喜悦
-about: 如果我们的项目对你有帮助,或者你想分享一些喜悦(和项目有关的)欢迎使用此模板。
+about: 如果我们的项目对您有帮助,或者您想分享一些喜悦(和项目有关的)欢迎使用此模板。
 ---
 ## 分享喜悦
 

+ 1 - 1
.github/pull-request-template.md

@@ -1,6 +1,6 @@
 <!-- NOTE: 请将PR提交到仓库:https://github.com/Cr-Huan/contributions-and-sponsorships。 -->
 <!-- NOTE: 不要将任何PR提交到仓库:https://github.com/Cr-Huan/Cr-Huan.github.io。 -->
-<!-- NOTE: 请务必再三确认提交PR的仓库!!! -->
+<!-- NOTE: 请务必再三确认提交PR的仓库!!! -->
 <!-- 请务必在创建PR前,在右侧 Labels 选项中加上label的其中一个: [feature]、[fix]、[documentation] 。以便于Actions自动生成Releases时自动对PR进行归类。 -->
 
 **在提出此拉取请求时,我确认了以下几点(请复选框):**

+ 1 - 1
README.md

@@ -1,6 +1,6 @@
 # 宋子桓(Song Zihuan)代码项目贡献者和赞助者主页。
 
-这是一个非常简单的多入口点(MPA Multiple Page Application)项目,我使用了静态的HTML+CSS+JS进行编码。
+这是一个非常简单的多入口点(MPA Multiple Page Application)项目,我(们)使用了静态的HTML+CSS+JS进行编码。
 
 ## 作者信息
 作者:宋子桓(Song Zihuan)

+ 1 - 1
babel_config.js

@@ -6,7 +6,7 @@ const config = {
         // 目标环境配置,根据需要调整
         targets: {
           browsers: [
-            // 可以指定具体的浏览器版本,例如:
+            // 可以指定具体的浏览器版本,例如:
             // "last 2 versions",
             // ">= 1%",
             // "Chrome >= 49",

+ 1 - 1
docs/404.html

@@ -1 +1 @@
-<!doctype html><html lang="zh"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>404 Not Found</title><link href="./style/common.36be9cfe73d154171e61.bundle.css" rel="stylesheet"><link href="./style/notfound.36be9cfe73d154171e61.bundle.css" rel="stylesheet"></head><body><div class="container"><header><h1>404 Not Found</h1></header><div class="main_box"><main><p>抱歉,您访问的页面不存在。</p><p><a href="/">返回首页</a></p></main></div><footer><div id="copyright-container"></div></footer></div><script defer="defer" src="./js/common.36be9cfe73d154171e61.bundle.js"></script><script defer="defer" src="./js/notfound.36be9cfe73d154171e61.bundle.js"></script></body></html>
+<!doctype html><html lang="zh"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>404 Not Found</title><link href="./style/common.42be61e963afa2037e38.bundle.css" rel="stylesheet"><link href="./style/notfound.42be61e963afa2037e38.bundle.css" rel="stylesheet"></head><body><div class="container"><header><h1>404 Not Found</h1></header><div class="main_box"><main><p>抱歉,您访问的页面不存在。</p><p><a href="/">返回首页</a></p></main></div><footer><div id="copyright-container"></div></footer></div><script defer="defer" src="./js/common.42be61e963afa2037e38.bundle.js"></script><script defer="defer" src="./js/notfound.42be61e963afa2037e38.bundle.js"></script></body></html>

+ 1 - 1
docs/contributors.html

@@ -1 +1 @@
-<!doctype html><html lang="zh"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>贡献者列表</title><link href="./style/common.36be9cfe73d154171e61.bundle.css" rel="stylesheet"><link href="./style/contributors.36be9cfe73d154171e61.bundle.css" rel="stylesheet"></head><body><div class="container"><header><h1>贡献者列表</h1></header><div class="main_box"><main><table id="contributor-table"><thead><tr><th>Logo</th><th>类型</th><th>名称</th><th>邮箱</th><th>联系电话</th><th>联系网站</th><th>贡献经历</th><th>备注</th></tr></thead><tbody></tbody></table></main></div><footer><div id="copyright-container"></div></footer></div><script defer="defer" src="./js/common.36be9cfe73d154171e61.bundle.js"></script><script defer="defer" src="./js/contributors.36be9cfe73d154171e61.bundle.js"></script></body></html>
+<!doctype html><html lang="zh"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>贡献者列表</title><link href="./style/common.42be61e963afa2037e38.bundle.css" rel="stylesheet"><link href="./style/contributors.42be61e963afa2037e38.bundle.css" rel="stylesheet"></head><body><div class="container"><header><h1>贡献者列表</h1></header><div class="main_box"><main><table id="contributor-table"><thead><tr><th>Logo</th><th>类型</th><th>名称</th><th>邮箱</th><th>联系电话</th><th>联系网站</th><th>贡献经历</th><th>备注</th></tr></thead><tbody></tbody></table></main></div><footer><div id="copyright-container"></div></footer></div><script defer="defer" src="./js/common.42be61e963afa2037e38.bundle.js"></script><script defer="defer" src="./js/contributors.42be61e963afa2037e38.bundle.js"></script></body></html>

BIN
docs/images/wechat_pay.3ca35d5dda596039985fa5069e4f673d.jpg


BIN
docs/images/zhifubao_pay.36b630bf3e1d0d35574bcbcaa36e54d0.jpg


+ 1 - 1
docs/index.html

@@ -1 +1 @@
-<!doctype html><html lang="zh"><head><meta charset="UTF-8"><title>宋子桓的项目贡献与赞助主页</title><link href="./style/common.36be9cfe73d154171e61.bundle.css" rel="stylesheet"><link href="./style/index.36be9cfe73d154171e61.bundle.css" rel="stylesheet"></head><body><div class="container"><header><h1>宋子桓(Song Zihuan)的项目贡献与赞助平台</h1></header><div class="main_box"><main><p>欢迎来到我的项目贡献者与赞助者记录网站。这里,我衷心感谢所有为我的项目做出贡献的朋友和支持我的赞助者。</p><p>目前,我们的赞助主要通过 <a href="https://afdian.com/a/SongZihuan" target="_blank">爱发电</a> 进行。如果您愿意支持我的工作,非常欢迎您加入赞助行列。</p><p>我的项目通常采用 <a href="https://mit-license.song-zh.com" target="_blank">MIT开源协议</a>,鼓励共享与创新。</p><div class="buttons"><a href="./sponsors.html" class="button" target="_blank">赞助者页面</a> <a href="./contributors.html" class="button" target="_blank">贡献者页面</a></div></main></div><footer><div id="copyright-container"></div><div id="tcp-container"></div><div id="wangan-container"></div></footer></div><script defer="defer" src="./js/common.36be9cfe73d154171e61.bundle.js"></script><script defer="defer" src="./js/index.36be9cfe73d154171e61.bundle.js"></script></body></html>
+<!doctype html><html lang="zh"><head><meta charset="UTF-8"><title>宋子桓的项目贡献与赞助主页</title><link href="./style/common.42be61e963afa2037e38.bundle.css" rel="stylesheet"><link href="./style/index.42be61e963afa2037e38.bundle.css" rel="stylesheet"></head><body><div class="container"><header><h1>宋子桓(Song Zihuan)的项目贡献与赞助平台</h1></header><div class="main_box"><main><p>欢迎来到我的项目贡献者与赞助者记录网站。这里,我衷心感谢所有为我的项目做出贡献的朋友和支持我的赞助者。</p><p>目前,我们的赞助主要通过 <a href="https://afdian.com/a/SongZihuan" target="_blank">爱发电</a> 进行。如果您愿意支持我的工作,非常欢迎您加入赞助行列。</p><p>我的项目通常采用 <a href="https://mit-license.song-zh.com" target="_blank">MIT开源协议</a>,鼓励共享与创新。</p><div class="buttons"><a href="./contributors.html" class="button" target="_blank">贡献者页面</a> <a href="./sponsors.html" class="button" target="_blank">赞助者页面</a> <a href="./sponsors-now.html" class="button" target="_blank">扫码赞助</a> <a href="https://afdian.com/a/SongZihuan" class="button" target="_blank">爱发电赞助</a></div></main></div><footer><div id="copyright-container"></div><div id="tcp-container"></div><div id="wangan-container"></div></footer></div><script defer="defer" src="./js/common.42be61e963afa2037e38.bundle.js"></script><script defer="defer" src="./js/index.42be61e963afa2037e38.bundle.js"></script></body></html>

Файлын зөрүү хэтэрхий том тул дарагдсан байна
+ 1 - 1
docs/js/common.42be61e963afa2037e38.bundle.js


+ 0 - 0
docs/js/common.36be9cfe73d154171e61.bundle.js.LICENSE.txt → docs/js/common.42be61e963afa2037e38.bundle.js.LICENSE.txt


+ 0 - 0
docs/js/contributors.36be9cfe73d154171e61.bundle.js → docs/js/contributors.42be61e963afa2037e38.bundle.js


+ 0 - 0
docs/js/index.36be9cfe73d154171e61.bundle.js → docs/js/index.42be61e963afa2037e38.bundle.js


+ 0 - 0
docs/js/leave.36be9cfe73d154171e61.bundle.js → docs/js/leave.42be61e963afa2037e38.bundle.js


+ 0 - 0
docs/js/notfound.36be9cfe73d154171e61.bundle.js → docs/js/notfound.42be61e963afa2037e38.bundle.js


+ 0 - 0
docs/js/sponsors.36be9cfe73d154171e61.bundle.js → docs/js/sponsors.42be61e963afa2037e38.bundle.js


+ 1 - 0
docs/js/sponsorsnow.42be61e963afa2037e38.bundle.js

@@ -0,0 +1 @@
+(()=>{"use strict";var e={p:"/"};const a=`<p>Copyright &copy; ${(new Date).getFullYear()} 宋子桓(Song Zihuan). All rights reserved.</p>`,t=document.getElementById("copyright-container");t&&(t.innerHTML=a);const c=e.p+"images/wechat_pay.3ca35d5dda596039985fa5069e4f673d.jpg",o=e.p+"images/zhifubao_pay.36b630bf3e1d0d35574bcbcaa36e54d0.jpg";window.WechatPay=c,window.AliPay=o;const n=document.querySelector("#wechat_pay"),i=document.querySelector("#zhifubao_pay");n&&(n.src=window.WechatPay),i&&(i.src=window.AliPay)})();

+ 1 - 1
docs/leave.html

@@ -1 +1 @@
-<!doctype html><html lang="zh"><head><meta charset="UTF-8"><title>即将前往...</title><link href="./style/common.36be9cfe73d154171e61.bundle.css" rel="stylesheet"><link href="./style/leave.36be9cfe73d154171e61.bundle.css" rel="stylesheet"></head><body><div class="container"><header><h1>你即将离开本站</h1></header><div class="main_box"><main><p>你即将离开本站,前往赞助者/贡献者提供的个人或商业网站。本网站不对此些网站做任何担保,请您小心谨慎,谨防上当受骗。</p><p>溃烂和操作相关网页时,请遵守当地法律法规和中国的法律法规,谢谢。</p><p id="destinationURL"></p><div class="buttons"><button class="button" onclick="gotoURL()">确定</button> <button class="button" onclick="closePage()">取消</button></div></main></div><footer><div id="copyright-container"></div></footer></div><script defer="defer" src="./js/common.36be9cfe73d154171e61.bundle.js"></script><script defer="defer" src="./js/leave.36be9cfe73d154171e61.bundle.js"></script></body></html>
+<!doctype html><html lang="zh"><head><meta charset="UTF-8"><title>即将前往...</title><link href="./style/common.42be61e963afa2037e38.bundle.css" rel="stylesheet"><link href="./style/leave.42be61e963afa2037e38.bundle.css" rel="stylesheet"></head><body><div class="container"><header><h1>您即将离开本站</h1></header><div class="main_box"><main><p>您即将离开本站,前往赞助者/贡献者提供的个人或商业网站。本网站不对此些网站做任何担保,请您小心谨慎,谨防上当受骗。</p><p>溃烂和操作相关网页时,请遵守当地法律法规和中国的法律法规,谢谢。</p><p id="destinationURL"></p><div class="buttons"><button class="button" onclick="gotoURL()">确定</button> <button class="button" onclick="closePage()">取消</button></div></main></div><footer><div id="copyright-container"></div></footer></div><script defer="defer" src="./js/common.42be61e963afa2037e38.bundle.js"></script><script defer="defer" src="./js/leave.42be61e963afa2037e38.bundle.js"></script></body></html>

+ 1 - 0
docs/sponsors-now.html

@@ -0,0 +1 @@
+<!doctype html><html lang="zh"><head><meta charset="UTF-8"><title>扫码立即赞助</title><link href="./style/common.42be61e963afa2037e38.bundle.css" rel="stylesheet"><link href="./style/sponsorsnow.42be61e963afa2037e38.bundle.css" rel="stylesheet"></head><body><div class="container"><header><h1>支付宝/微信支付 - 扫码立即赞助</h1></header><div class="main_box"><main><p>Hello,您可以立即通过支付宝或者微信支付向我赞助任何金额。当然,请留下您的信息,以便我们公开展示您的赞助!</p><p>当然,您也可以通过 <a href="https://afdian.com/a/SongZihuan" target="_blank">爱发电</a> 进行赞助。</p><p>注意:赞助 <span class="import_red">¥5.00 </span>以上可以与我取得便捷的微信联系方式,与我进行技术上的沟通。您可以将您的联系方式和赞助订单支付截图(包含订单号)发送到邮箱:<a href="mailto://songzihuan@song-zh.com">songzihuan@song-zh.com</a>,我会及时联系您。</p><div class="pay-container"><div class="img-box"><img id="wechat_pay" class="pay-img" alt="微信支付码"/></div><div class="img-box"><img id="zhifubao_pay" class="pay-img" alt="支付宝支付码"></div></div></main></div><footer><div id="copyright-container"></div><div id="tcp-container"></div><div id="wangan-container"></div></footer></div><script defer="defer" src="./js/common.42be61e963afa2037e38.bundle.js"></script><script defer="defer" src="./js/sponsorsnow.42be61e963afa2037e38.bundle.js"></script></body></html>

+ 1 - 1
docs/sponsors.html

@@ -1 +1 @@
-<!doctype html><html lang="zh"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>赞助者列表</title><link href="./style/common.36be9cfe73d154171e61.bundle.css" rel="stylesheet"><link href="./style/sponsors.36be9cfe73d154171e61.bundle.css" rel="stylesheet"></head><body><div class="container"><header><h1>赞助者列表</h1></header><div class="main_box"><main><table id="sponsor-table"><thead><tr><th>Logo</th><th>类型</th><th>名称</th><th>邮箱</th><th>联系电话</th><th>联系网站</th><th>赞助时间</th><th>赞助金额</th><th>累计赞助金额</th><th>备注</th></tr></thead><tbody></tbody></table></main></div><footer><div id="copyright-container"></div></footer></div><script defer="defer" src="./js/common.36be9cfe73d154171e61.bundle.js"></script><script defer="defer" src="./js/sponsors.36be9cfe73d154171e61.bundle.js"></script></body></html>
+<!doctype html><html lang="zh"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>赞助者列表</title><link href="./style/common.42be61e963afa2037e38.bundle.css" rel="stylesheet"><link href="./style/sponsors.42be61e963afa2037e38.bundle.css" rel="stylesheet"></head><body><div class="container"><header><h1>赞助者列表</h1></header><div class="main_box"><main><table id="sponsor-table"><thead><tr><th>Logo</th><th>类型</th><th>名称</th><th>邮箱</th><th>联系电话</th><th>联系网站</th><th>赞助时间</th><th>赞助金额</th><th>累计赞助金额</th><th>备注</th></tr></thead><tbody></tbody></table></main></div><footer><div id="copyright-container"></div></footer></div><script defer="defer" src="./js/common.42be61e963afa2037e38.bundle.js"></script><script defer="defer" src="./js/sponsors.42be61e963afa2037e38.bundle.js"></script></body></html>

+ 0 - 0
docs/style/common.36be9cfe73d154171e61.bundle.css → docs/style/common.42be61e963afa2037e38.bundle.css


+ 0 - 0
docs/style/contributors.36be9cfe73d154171e61.bundle.css → docs/style/contributors.42be61e963afa2037e38.bundle.css


+ 0 - 0
docs/style/index.36be9cfe73d154171e61.bundle.css → docs/style/index.42be61e963afa2037e38.bundle.css


+ 0 - 0
docs/style/leave.36be9cfe73d154171e61.bundle.css → docs/style/leave.42be61e963afa2037e38.bundle.css


+ 0 - 0
docs/style/notfound.36be9cfe73d154171e61.bundle.css → docs/style/notfound.42be61e963afa2037e38.bundle.css


+ 0 - 0
docs/style/sponsors.36be9cfe73d154171e61.bundle.css → docs/style/sponsors.42be61e963afa2037e38.bundle.css


+ 1 - 0
docs/style/sponsorsnow.42be61e963afa2037e38.bundle.css

@@ -0,0 +1 @@
+main{max-width:800px;margin:3rem auto;padding:2rem;background-color:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);overflow-x:auto;display:block}p{margin-bottom:1rem}footer p{margin-bottom:0}.pay-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.pay-container .image-box{flex-grow:1;flex-shrink:0;flex-basis:45%;max-width:100%;box-sizing:border-box}@media(min-width: 768px){.pay-container .image-box{flex-basis:calc(45% - 5px)}}.pay-container .img-box .pay-img{width:350px}.import_red{color:red;text-decoration:underline}.import_red:hover{font-size:1.2rem;font-weight:bold}

BIN
src/assets/image/wechat_pay.jpg


BIN
src/assets/image/zhifubao_pay.jpg


+ 7 - 5
src/html/index.html

@@ -11,13 +11,15 @@
     </header>
     <div class="main_box">
         <main>
-            <p>欢迎来到我的项目贡献者与赞助者记录网站。这里,我衷心感谢所有为我的项目做出贡献的朋友和支持我的赞助者。</p>
-            <p>目前,我们的赞助主要通过 <a href="https://afdian.com/a/SongZihuan" target="_blank">爱发电</a>
-                进行。如果您愿意支持我的工作,非常欢迎您加入赞助行列。</p>
-            <p>我的项目通常采用 <a href="https://mit-license.song-zh.com" target="_blank">MIT开源协议</a>,鼓励共享与创新。</p>
+            <p>欢迎来到我(们)的项目贡献者与赞助者记录网站。这里,我(们)衷心感谢所有为我(们)的项目做出贡献的朋友和支持我(们)的赞助者。</p>
+            <p>目前,我的赞助主要通过 <a href="https://afdian.com/a/SongZihuan" target="_blank">爱发电</a>
+                进行。如果您愿意支持我(们)的工作,非常欢迎您加入赞助行列。</p>
+            <p>我(们)的项目通常采用 <a href="https://mit-license.song-zh.com" target="_blank">MIT开源协议</a>,鼓励共享与创新。</p>
             <div class="buttons">
-                <a href="./sponsors.html" class="button" target="_blank">赞助者页面</a>
                 <a href="./contributors.html" class="button" target="_blank">贡献者页面</a>
+                <a href="./sponsors.html" class="button" target="_blank">赞助者页面</a>
+                <a href="./sponsors-now.html" class="button" target="_blank">扫码赞助</a>
+                <a href="https://afdian.com/a/SongZihuan" class="button" target="_blank">爱发电赞助</a>
             </div>
         </main>
     </div>

+ 2 - 2
src/html/leave.html

@@ -7,11 +7,11 @@
 <body>
 <div class="container">
   <header>
-    <h1> 即将离开本站 </h1>
+    <h1> 即将离开本站 </h1>
   </header>
   <div class="main_box">
   <main>
-      <p>即将离开本站,前往赞助者/贡献者提供的个人或商业网站。本网站不对此些网站做任何担保,请您小心谨慎,谨防上当受骗。</p>
+      <p>即将离开本站,前往赞助者/贡献者提供的个人或商业网站。本网站不对此些网站做任何担保,请您小心谨慎,谨防上当受骗。</p>
       <p>溃烂和操作相关网页时,请遵守当地法律法规和中国的法律法规,谢谢。</p>
       <p id="destinationURL"></p>
       <div class="buttons">

+ 35 - 0
src/html/sponsors-now.html

@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+    <meta charset="UTF-8">
+    <title>扫码立即赞助</title>
+</head>
+<body>
+<div class="container">
+    <header>
+        <h1>支付宝/微信支付 - 扫码立即赞助</h1>
+    </header>
+    <div class="main_box">
+        <main>
+            <p>Hello,您可以立即通过支付宝或者微信支付向我(们)赞助任何金额。当然,请留下您的信息,以便我(们)公开展示您的赞助!</p>
+            <p>当然,您也可以通过 <a href="https://afdian.com/a/SongZihuan" target="_blank">爱发电</a>
+                进行赞助。</p>
+            <p>注意:赞助 <span class="import_red"> ¥5.00 </span> 以上可以与我(们)取得便捷的微信联系方式,与我(们)进行技术上的沟通。您可以将您的联系方式和赞助订单支付截图(包含订单号)发送到邮箱:<a href="mailto://songzihuan@song-zh.com">songzihuan@song-zh.com</a>,我(们)会及时联系您。</p>
+            <div class="pay-container">
+                <div class="img-box">
+                    <img id="wechat_pay" class="pay-img" alt="微信支付码" />
+                </div>
+                <div class="img-box">
+                    <img id="zhifubao_pay" class="pay-img" alt="支付宝支付码">
+                </div>
+            </div>
+        </main>
+    </div>
+    <footer>
+        <div id="copyright-container"></div>
+        <div id="tcp-container"></div>
+        <div id="wangan-container"></div>
+    </footer>
+</div>
+</body>
+</html>

+ 13 - 0
src/sponsors-now.js

@@ -0,0 +1,13 @@
+import './js/copyright.js'
+import "./style/sponsors-now.css"
+import WechatPay from "./assets/image/wechat_pay.jpg"
+import AliPay from "./assets/image/zhifubao_pay.jpg"
+
+window.WechatPay = WechatPay
+window.AliPay = AliPay
+
+const img_wechat = document.querySelector("#wechat_pay")
+const img_alipay = document.querySelector("#zhifubao_pay")
+
+img_wechat && (img_wechat.src = window.WechatPay)
+img_alipay && (img_alipay.src = window.AliPay)

+ 54 - 0
src/style/sponsors-now.css

@@ -0,0 +1,54 @@
+/* Main content styles */
+main {
+    max-width: 800px;
+    margin: 3rem auto;
+    padding: 2rem;
+    background-color: #fff;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    overflow-x: auto; /* 当内容溢出时,自动添加滚动条 */
+    display: block;
+}
+
+p {
+    margin-bottom: 1rem;
+}
+
+footer p {
+    margin-bottom: 0;
+}
+
+.pay-container {
+    display: flex;
+    flex-wrap: wrap; /* 允许项目换行 */
+    gap: 20px; /* 项目间的间隔 */
+    justify-content: center; /* 水平居中对齐 */
+}
+
+.pay-container .image-box {
+    flex-grow: 1;
+    flex-shrink: 0;
+    flex-basis: 45%;
+    max-width: 100%;
+    box-sizing: border-box;
+}
+
+/* 当屏幕宽度至少为768px时,图片横向排列 */
+@media (min-width: 768px) {
+    .pay-container .image-box {
+        flex-basis: calc(45% - 5px); /* 每个图片盒子占据50%宽度减去间隔的一半,保持间距 */
+    }
+}
+
+.pay-container .img-box .pay-img {
+    width: 350px;
+}
+
+.import_red {
+    color: red;
+    text-decoration: underline;
+}
+
+.import_red:hover {
+    font-size: 1.2rem;
+    font-weight: bold;
+}

+ 13 - 5
webpack_config_dev.js

@@ -16,7 +16,7 @@ const config = {
   context: __dirname,
 
   performance: {
-    hints: 'warning', // 或者 'error',取决于希望如何处理超出限制的情况
+    hints: 'warning', // 或者 'error',取决于希望如何处理超出限制的情况
     maxAssetSize: 5000000, // 设置单个资源的最大尺寸,例如5MB
     maxEntrypointSize: 10000000 // 设置入口起点的最大尺寸,例如10MB
   },
@@ -25,8 +25,9 @@ const config = {
     common: path.resolve(__dirname, 'src/common.js'),
     index: path.resolve(__dirname, 'src/index.js'),
     leave: path.resolve(__dirname, 'src/leave.js'),
-    sponsors: path.resolve(__dirname, 'src/sponsors.js'),
     contributors: path.resolve(__dirname, 'src/contributors.js'),
+    sponsors: path.resolve(__dirname, 'src/sponsors.js'),
+    sponsorsnow: path.resolve(__dirname, 'src/sponsors-now.js'),
     notfound: path.resolve(__dirname, 'src/404.js')
   },
 
@@ -128,6 +129,13 @@ const config = {
       chunks: ['common', 'leave'],
       publicPath: './'
     }),
+    new HtmlWebpackPlugin({
+      inject: 'body',
+      template: path.resolve(__dirname, 'src/html/contributors.html'), //指定模板文件
+      filename: 'contributors.html',
+      chunks: ['common', 'contributors'],
+      publicPath: './'
+    }),
     new HtmlWebpackPlugin({
       inject: 'body',
       template: path.resolve(__dirname, 'src/html/sponsors.html'), //指定模板文件
@@ -137,9 +145,9 @@ const config = {
     }),
     new HtmlWebpackPlugin({
       inject: 'body',
-      template: path.resolve(__dirname, 'src/html/contributors.html'), //指定模板文件
-      filename: 'contributors.html',
-      chunks: ['common', 'contributors'],
+      template: path.resolve(__dirname, 'src/html/sponsors-now.html'), //指定模板文件
+      filename: 'sponsors-now.html',
+      chunks: ['common', 'sponsorsnow'],
       publicPath: './'
     }),
     new HtmlWebpackPlugin({

+ 14 - 5
webpack_config_github.js

@@ -30,7 +30,7 @@ const config = {
   context: __dirname,
 
   performance: {
-    hints: 'warning', // 或者 'error',取决于希望如何处理超出限制的情况
+    hints: 'warning', // 或者 'error',取决于希望如何处理超出限制的情况
     maxAssetSize: 5000000, // 设置单个资源的最大尺寸,例如5MB
     maxEntrypointSize: 10000000 // 设置入口起点的最大尺寸,例如10MB
   },
@@ -39,8 +39,9 @@ const config = {
     common: path.resolve(__dirname, 'src/common.js'),
     index: path.resolve(__dirname, 'src/index.js'),
     leave: path.resolve(__dirname, 'src/leave.js'),
-    sponsors: path.resolve(__dirname, 'src/sponsors.js'),
     contributors: path.resolve(__dirname, 'src/contributors.js'),
+    sponsors: path.resolve(__dirname, 'src/sponsors.js'),
+    sponsorsnow: path.resolve(__dirname, 'src/sponsors-now.js'),
     notfound: path.resolve(__dirname, 'src/404.js')
   },
 
@@ -158,6 +159,14 @@ const config = {
       minify: html_minify,
       publicPath: './'
     }),
+    new HtmlWebpackPlugin({
+      inject: 'body',
+      template: path.resolve(__dirname, 'src/html/contributors.html'), //指定模板文件
+      filename: 'contributors.html',
+      chunks: ['common', 'contributors'],
+      minify: html_minify,
+      publicPath: './'
+    }),
     new HtmlWebpackPlugin({
       inject: 'body',
       template: path.resolve(__dirname, 'src/html/sponsors.html'), //指定模板文件
@@ -168,9 +177,9 @@ const config = {
     }),
     new HtmlWebpackPlugin({
       inject: 'body',
-      template: path.resolve(__dirname, 'src/html/contributors.html'), //指定模板文件
-      filename: 'contributors.html',
-      chunks: ['common', 'contributors'],
+      template: path.resolve(__dirname, 'src/html/sponsors-now.html'), //指定模板文件
+      filename: 'sponsors-now.html',
+      chunks: ['common', 'sponsorsnow'],
       minify: html_minify,
       publicPath: './'
     }),

+ 16 - 5
webpack_config_prod.js

@@ -29,7 +29,7 @@ const config = {
   context: __dirname,
 
   performance: {
-    hints: 'warning', // 或者 'error',取决于希望如何处理超出限制的情况
+    hints: 'warning', // 或者 'error',取决于希望如何处理超出限制的情况
     maxAssetSize: 5000000, // 设置单个资源的最大尺寸,例如5MB
     maxEntrypointSize: 10000000 // 设置入口起点的最大尺寸,例如10MB
   },
@@ -38,10 +38,13 @@ const config = {
     common: path.resolve(__dirname, 'src/common.js'),
     index: path.resolve(__dirname, 'src/index.js'),
     leave: path.resolve(__dirname, 'src/leave.js'),
+    contributors: path.resolve(__dirname, 'src/contributors.js'),
     sponsors: path.resolve(__dirname, 'src/sponsors.js'),
-    contributors: path.resolve(__dirname, 'src/contributors.js')
+    sponsorsnow: path.resolve(__dirname, 'src/sponsors-now.js'),
+    notfound: path.resolve(__dirname, 'src/404.js')
   },
 
+
   output: {
     path: path.resolve(__dirname, dist_name), //打包后的文件存放的地方
     filename: 'js/[name].[fullhash].bundle.js', //打包后输出文件的文件名
@@ -136,9 +139,9 @@ const config = {
     }),
     new HtmlWebpackPlugin({
       inject: 'body',
-      template: path.resolve(__dirname, 'src/html/leave.html'), //指定模板文件
-      filename: 'leave.html',
-      chunks: ['common', 'leave'],
+      template: path.resolve(__dirname, 'src/html/contributors.html'), //指定模板文件
+      filename: 'contributors.html',
+      chunks: ['common', 'contributors'],
       minify: html_minify,
       publicPath: './'
     }),
@@ -150,6 +153,14 @@ const config = {
       minify: html_minify,
       publicPath: './'
     }),
+    new HtmlWebpackPlugin({
+      inject: 'body',
+      template: path.resolve(__dirname, 'src/html/sponsors-now.html'), //指定模板文件
+      filename: 'sponsors-now.html',
+      chunks: ['common', 'sponsorsnow'],
+      minify: html_minify,
+      publicPath: './'
+    }),
     new HtmlWebpackPlugin({
       inject: 'body',
       template: path.resolve(__dirname, 'src/html/contributors.html'), //指定模板文件

Энэ ялгаанд хэт олон файл өөрчлөгдсөн тул зарим файлыг харуулаагүй болно