博客魔改教程总结(二)

魔改前必看（我当你们都懂了，太细节的就不写在教程中了🤣🤣🤣）
1.博客魔改有风险，如果博客魔改出问题了又没有备份，可通过此项目查看基础源码进行回滚：jerryc127/hexo-theme-butterfly、ccknbc-actions/blog-butterfly.这部分魔改基本上都是大佬们造好的轮子，我按照大佬们的轮子结合自己的喜好进行魔改的，如有侵权请联系删除。
2.鉴于每个人的根目录名称都不一样，本帖博客根目录一律以[BlogRoot]指代。
3.本帖涉及魔改源码的内容，会使用diff代码块标识，复制时请不要忘记删除前面的+、-符号。
4.因为.pug和.styl以及.yml等对缩进要求较为严格，请尽量不要使用记事本等无法提供语法高亮的文本编辑器进行修改。
5.本帖基于Butterfly主题进行魔改方案编写，因此请读者优先掌握Butterfly主题官方文档的内容后再来进行魔改。
6.魔改会过程常常引入自定义的css与js文件，方法见Hexo博客添加自定义css和js文件(后续引入)
博客搭建与魔改系列教程导航🚥🚥🚥
1.🥬Hexo博客搭建基础教程(一)
2.🍒Hexo博客搭建基础教程(二)
3.🥪Hexo博客搭建基础教程(三)
4.🍀博客魔改教程总结(一)
5.🍚博客魔改教程总结(二) ⇦当前位置🪂
6.🎋博客魔改教程总结(三)
7.🥕博客魔改教程总结(四)
8.🍊博客魔改教程总结(五)

节日弹窗与公祭日变灰(fomal)

🪧引用站外地址，不保证站点的可用性和安全性

博客魔改教程总结(三)

Fomalhaut🥝

请查看教程内容

本质就是用的sessionStorage这个本地存储对象去确定是不是同一个会话，如果是同一个的话，就弹窗一次，如果下次进来了就不是同一个会话了，又会弹窗一次

1. 新建[BlogRoot]\source\js\day.js，并写入以下代码，这里公祭日灰度我设置的为60%：

   var d = new Date();
   m = d.getMonth() + 1;
   dd = d.getDate();
   y = d.getFullYear();
   
   // 公祭日
   if (m == 9 && dd == 18) {
       document.getElementsByTagName("html")[0].setAttribute("style", "filter: grayscale(60%);");
       if (sessionStorage.getItem("isPopupWindow") != "1") {
           Swal.fire("今天是九一八事变" + (y - 1931).toString() + "周年纪念日\n🪔勿忘国耻，振兴中华🪔");
           sessionStorage.setItem("isPopupWindow", "1");
       }
   }
   if (m == 7 && dd == 7) {
       document.getElementsByTagName("html")[0].setAttribute("style", "filter: grayscale(60%);");
       if (sessionStorage.getItem("isPopupWindow") != "1") {
           Swal.fire("今天是卢沟桥事变" + (y - 1937).toString() + "周年纪念日\n🪔勿忘国耻，振兴中华🪔");
           sessionStorage.setItem("isPopupWindow", "1");
       }
   }
   if (m == 12 && dd == 13) {
       document.getElementsByTagName("html")[0].setAttribute("style", "filter: grayscale(60%);");
       if (sessionStorage.getItem("isPopupWindow") != "1") {
           Swal.fire("今天是南京大屠杀" + (y - 1937).toString() + "周年纪念日\n🪔勿忘国耻，振兴中华🪔");
           sessionStorage.setItem("isPopupWindow", "1");
       }
   }
   if (m == 8 && dd == 14) {
       document.getElementsByTagName("html")[0].setAttribute("style", "filter: grayscale(60%);");
       if (sessionStorage.getItem("isPopupWindow") != "1") {
           Swal.fire("今天是世界慰安妇纪念日\n🪔勿忘国耻，振兴中华🪔");
           sessionStorage.setItem("isPopupWindow", "1");
       }
   }
   
   
   // 节假日
   if (m == 10 && dd <= 3) {//国庆节
       if (sessionStorage.getItem("isPopupWindow") != "1") {
           Swal.fire("祝祖国" + (y - 1949).toString() + "岁生日快乐！");
           sessionStorage.setItem("isPopupWindow", "1");
       }
   }
   if (m == 8 && dd == 15) {//搞来玩的，小日子投降
       if (sessionStorage.getItem("isPopupWindow") != "1") {
           Swal.fire("小日子已经投降" + (y - 1945).toString() + "年了😃");
           sessionStorage.setItem("isPopupWindow", "1");
       }
   }
   if (m == 1 && dd == 1) {//元旦节
       if (sessionStorage.getItem("isPopupWindow") != "1") {
           Swal.fire(y.toString() + "年元旦快乐！🎉");
           sessionStorage.setItem("isPopupWindow", "1");
       }
   }
   if (m == 3 && dd == 8) {//妇女节
       if (sessionStorage.getItem("isPopupWindow") != "1") {
           Swal.fire("各位女神们，妇女节快乐！👩");
           sessionStorage.setItem("isPopupWindow", "1");
       }
   }
   l = ["非常抱歉，因为不可控原因，博客将于明天停止运营！", "好消息，日本没了！", "美国垮了，原因竟然是川普！", "微软垮了！", "你的电脑已经过载，建议立即关机！", "你知道吗？站长很喜欢你哦！", "一分钟有61秒哦", "你喜欢的人跟别人跑了！"]
   if (m == 4 && dd == 1) {//愚人节，随机谎话
       if (sessionStorage.getItem("isPopupWindow") != "1") {
           Swal.fire(l[Math.floor(Math.random() * l.length)]);
           sessionStorage.setItem("isPopupWindow", "1");
       }
   }
   if (m == 5 && dd == 1) {//劳动节
       if (sessionStorage.getItem("isPopupWindow") != "1") {
           Swal.fire("劳动节快乐\n为各行各业辛勤工作的人们致敬！");
           sessionStorage.setItem("isPopupWindow", "1");
       }
   }
   if (m == 5 && dd == 4) {//青年节
       if (sessionStorage.getItem("isPopupWindow") != "1") {
           Swal.fire("青年节快乐\n青春不是回忆逝去,而是把握现在！");
           sessionStorage.setItem("isPopupWindow", "1");
       }
   }
   if (m == 5 && dd == 20) {//520
       if (sessionStorage.getItem("isPopupWindow") != "1") {
           Swal.fire("今年是520情人节\n快和你喜欢的人一起过吧！💑");
           sessionStorage.setItem("isPopupWindow", "1");
       }
   }
   if (m == 7 && dd == 1) {//建党节
       if (sessionStorage.getItem("isPopupWindow") != "1") {
           Swal.fire("祝中国共产党" + (y - 1921).toString() + "岁生日快乐！");
           sessionStorage.setItem("isPopupWindow", "1");
       }
   }
   if (m == 9 && dd == 10) {//教师节
       if (sessionStorage.getItem("isPopupWindow") != "1") {
           Swal.fire("各位老师们教师节快乐！👩‍🏫");
           sessionStorage.setItem("isPopupWindow", "1");
       }
   }
   if (m == 12 && dd == 25) {//圣诞节
       if (sessionStorage.getItem("isPopupWindow") != "1") {
           Swal.fire("圣诞节快乐！🎄");
           sessionStorage.setItem("isPopupWindow", "1");
       }
   }
   
   //传统节日部分
   
   if ((y == 2023 && m == 4 && dd == 5) || (y == 2024 && m == 4 && dd == 4) || (y == 2025 && m == 4 && dd == 4)) {//清明节
       if (sessionStorage.getItem("isPopupWindow") != "1") {
           Swal.fire("清明时节雨纷纷,一束鲜花祭故人💐");
           sessionStorage.setItem("isPopupWindow", "1");
       }
   }
   if ((y == 2023 && m == 12 && dd == 22) || (y == 2024 && m == 12 && dd == 21) || (y == 2025 && m == 12 && dd == 21)) {//冬至
       if (sessionStorage.getItem("isPopupWindow") != "1") {
           Swal.fire("冬至快乐\n快吃上一碗热热的汤圆和饺子吧🧆");
           sessionStorage.setItem("isPopupWindow", "1");
       }
   }
   
   var lunar = calendarFormatter.solar2lunar();
   
   //农历采用汉字计算，防止出现闰月导致问题
   
   if ((lunar["IMonthCn"] == "正月" && lunar["IDayCn"] == "初六") || (lunar["IMonthCn"] == "正月" && lunar["IDayCn"] == "初五") || (lunar["IMonthCn"] == "正月" && lunar["IDayCn"] == "初四") || (lunar["IMonthCn"] == "正月" && lunar["IDayCn"] == "初三") || (lunar["IMonthCn"] == "正月" && lunar["IDayCn"] == "初二") || (lunar["IMonthCn"] == "正月" && lunar["IDayCn"] == "初一") || (lunar["IMonthCn"] == "腊月" && lunar["IDayCn"] == "三十") || (lunar["IMonthCn"] == "腊月" && lunar["IDayCn"] == "廿九")) {
       //春节，本来只有大年三十到初六，但是有时候除夕是大年二十九，所以也加上了
       if (sessionStorage.getItem("isPopupWindow") != "1") {
           Swal.fire(y.toString() + "年新年快乐\n🎊祝你心想事成，诸事顺利🎊");
           sessionStorage.setItem("isPopupWindow", "1");
       }
   }
   if ((lunar["IMonthCn"] == "正月" && lunar["IDayCn"] == "十五")) {
       //元宵节
       if (sessionStorage.getItem("isPopupWindow") != "1") {
           Swal.fire("元宵节快乐\n送你一个大大的灯笼🧅");
           sessionStorage.setItem("isPopupWindow", "1");
       }
   }
   if ((lunar["IMonthCn"] == "五月" && lunar["IDayCn"] == "初五")) {
       //端午节
       if (sessionStorage.getItem("isPopupWindow") != "1") {
           Swal.fire("端午节快乐\n请你吃一条粽子🍙");
           sessionStorage.setItem("isPopupWindow", "1");
       }
   }
   if ((lunar["IMonthCn"] == "七月" && lunar["IDayCn"] == "初七")) {
       //七夕节
       if (sessionStorage.getItem("isPopupWindow") != "1") {
           Swal.fire("七夕节快乐\n黄昏后,柳梢头,牛郎织女来碰头");
           sessionStorage.setItem("isPopupWindow", "1");
       }
   }
   if ((lunar["IMonthCn"] == "八月" && lunar["IDayCn"] == "十五")) {
       //中秋节
       if (sessionStorage.getItem("isPopupWindow") != "1") {
           Swal.fire("中秋节快乐\n请你吃一块月饼🍪");
           sessionStorage.setItem("isPopupWindow", "1");
       }
   }
   if ((lunar["IMonthCn"] == "九月" && lunar["IDayCn"] == "初九")) {
       //重阳节
       if (sessionStorage.getItem("isPopupWindow") != "1") {
           Swal.fire("重阳节快乐\n独在异乡为异客，每逢佳节倍思亲");
           sessionStorage.setItem("isPopupWindow", "1");
       }
   }
   
   // 切换主题提醒
   // if (y == 2022 && m == 12 && (dd >= 18 && dd <= 20)) {
   //     if (sessionStorage.getItem("isPopupWindow") != "1") {
   //         Swal.fire("网站换成冬日限定主题啦⛄");
   //         sessionStorage.setItem("isPopupWindow", "1");
   //     }
   // }

2. 由于有的节日是农历的，因此还要引入一个计算农历的代码，新建[BlogRoot]\source\js\lunar.js，并写入以下代码，太长了压缩了一下：

   var lunarInfo=[19416,19168,42352,21717,53856,55632,91476,22176,39632,21970,19168,42422,42192,53840,119381,46400,54944,44450,38320,84343,18800,42160,46261,27216,27968,109396,11104,38256,21234,18800,25958,54432,59984,28309,23248,11104,100067,37600,116951,51536,54432,120998,46416,22176,107956,9680,37584,53938,43344,46423,27808,46416,86869,19872,42416,83315,21168,43432,59728,27296,44710,43856,19296,43748,42352,21088,62051,55632,23383,22176,38608,19925,19152,42192,54484,53840,54616,46400,46752,103846,38320,18864,43380,42160,45690,27216,27968,44870,43872,38256,19189,18800,25776,29859,59984,27480,23232,43872,38613,37600,51552,55636,54432,55888,30034,22176,43959,9680,37584,51893,43344,46240,47780,44368,21977,19360,42416,86390,21168,43312,31060,27296,44368,23378,19296,42726,42208,53856,60005,54576,23200,30371,38608,19195,19152,42192,118966,53840,54560,56645,46496,22224,21938,18864,42359,42160,43600,111189,27936,44448,84835,37744,18936,18800,25776,92326,59984,27424,108228,43744,41696,53987,51552,54615,54432,55888,23893,22176,42704,21972,21200,43448,43344,46240,46758,44368,21920,43940,42416,21168,45683,26928,29495,27296,44368,84821,19296,42352,21732,53600,59752,54560,55968,92838,22224,19168,43476,41680,53584,62034,54560],solarMonth=[31,28,31,30,31,30,31,31,30,31,30,31],Gan=["甲","乙","丙","丁","戊","己","庚","辛","壬","癸"],Zhi=["子","丑","寅","卯","辰","巳","午","未","申","酉","戌","亥"],Animals=["鼠","牛","虎","兔","龙","蛇","马","羊","猴","鸡","狗","猪"],solarTerm=["小寒","大寒","立春","雨水","惊蛰","春分","清明","谷雨","立夏","小满","芒种","夏至","小暑","大暑","立秋","处暑","白露","秋分","寒露","霜降","立冬","小雪","大雪","冬至"],sTermInfo=["9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf97c3598082c95f8c965cc920f","97bd0b06bdb0722c965ce1cfcc920f","b027097bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf97c359801ec95f8c965cc920f","97bd0b06bdb0722c965ce1cfcc920f","b027097bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf97c359801ec95f8c965cc920f","97bd0b06bdb0722c965ce1cfcc920f","b027097bd097c36b0b6fc9274c91aa","9778397bd19801ec9210c965cc920e","97b6b97bd19801ec95f8c965cc920f","97bd09801d98082c95f8e1cfcc920f","97bd097bd097c36b0b6fc9210c8dc2","9778397bd197c36c9210c9274c91aa","97b6b97bd19801ec95f8c965cc920e","97bd09801d98082c95f8e1cfcc920f","97bd097bd097c36b0b6fc9210c8dc2","9778397bd097c36c9210c9274c91aa","97b6b97bd19801ec95f8c965cc920e","97bcf97c3598082c95f8e1cfcc920f","97bd097bd097c36b0b6fc9210c8dc2","9778397bd097c36c9210c9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf97c3598082c95f8c965cc920f","97bd097bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf97c3598082c95f8c965cc920f","97bd097bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf97c359801ec95f8c965cc920f","97bd097bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf97c359801ec95f8c965cc920f","97bd097bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf97c359801ec95f8c965cc920f","97bd097bd07f595b0b6fc920fb0722","9778397bd097c36b0b6fc9210c8dc2","9778397bd19801ec9210c9274c920e","97b6b97bd19801ec95f8c965cc920f","97bd07f5307f595b0b0bc920fb0722","7f0e397bd097c36b0b6fc9210c8dc2","9778397bd097c36c9210c9274c920e","97b6b97bd19801ec95f8c965cc920f","97bd07f5307f595b0b0bc920fb0722","7f0e397bd097c36b0b6fc9210c8dc2","9778397bd097c36c9210c9274c91aa","97b6b97bd19801ec9210c965cc920e","97bd07f1487f595b0b0bc920fb0722","7f0e397bd097c36b0b6fc9210c8dc2","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf7f1487f595b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf7f1487f595b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf7f1487f531b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf7f1487f531b0b0bb0b6fb0722","7f0e397bd07f595b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c9274c920e","97bcf7f0e47f531b0b0bb0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","9778397bd097c36b0b6fc9210c91aa","97b6b97bd197c36c9210c9274c920e","97bcf7f0e47f531b0b0bb0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","9778397bd097c36b0b6fc9210c8dc2","9778397bd097c36c9210c9274c920e","97b6b7f0e47f531b0723b0b6fb0722","7f0e37f5307f595b0b0bc920fb0722","7f0e397bd097c36b0b6fc9210c8dc2","9778397bd097c36b0b70c9274c91aa","97b6b7f0e47f531b0723b0b6fb0721","7f0e37f1487f595b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc9210c8dc2","9778397bd097c36b0b6fc9274c91aa","97b6b7f0e47f531b0723b0b6fb0721","7f0e27f1487f595b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b7f0e47f531b0723b0787b0721","7f0e27f0e47f531b0b0bb0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","9778397bd097c36b0b6fc9210c91aa","97b6b7f0e47f149b0723b0787b0721","7f0e27f0e47f531b0723b0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","9778397bd097c36b0b6fc9210c8dc2","977837f0e37f149b0723b0787b0721","7f07e7f0e47f531b0723b0b6fb0722","7f0e37f5307f595b0b0bc920fb0722","7f0e397bd097c35b0b6fc9210c8dc2","977837f0e37f14998082b0787b0721","7f07e7f0e47f531b0723b0b6fb0721","7f0e37f1487f595b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc9210c8dc2","977837f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc920fb0722","977837f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc920fb0722","977837f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","977837f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","977837f0e37f14998082b0787b06bd","7f07e7f0e47f149b0723b0787b0721","7f0e27f0e47f531b0b0bb0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","977837f0e37f14998082b0723b06bd","7f07e7f0e37f149b0723b0787b0721","7f0e27f0e47f531b0723b0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","977837f0e37f14898082b0723b02d5","7ec967f0e37f14998082b0787b0721","7f07e7f0e47f531b0723b0b6fb0722","7f0e37f1487f595b0b0bb0b6fb0722","7f0e37f0e37f14898082b0723b02d5","7ec967f0e37f14998082b0787b0721","7f07e7f0e47f531b0723b0b6fb0722","7f0e37f1487f531b0b0bb0b6fb0722","7f0e37f0e37f14898082b0723b02d5","7ec967f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e37f1487f531b0b0bb0b6fb0722","7f0e37f0e37f14898082b072297c35","7ec967f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e37f0e37f14898082b072297c35","7ec967f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e37f0e366aa89801eb072297c35","7ec967f0e37f14998082b0787b06bd","7f07e7f0e47f149b0723b0787b0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e37f0e366aa89801eb072297c35","7ec967f0e37f14998082b0723b06bd","7f07e7f0e47f149b0723b0787b0721","7f0e27f0e47f531b0723b0b6fb0722","7f0e37f0e366aa89801eb072297c35","7ec967f0e37f14998082b0723b06bd","7f07e7f0e37f14998083b0787b0721","7f0e27f0e47f531b0723b0b6fb0722","7f0e37f0e366aa89801eb072297c35","7ec967f0e37f14898082b0723b02d5","7f07e7f0e37f14998082b0787b0721","7f07e7f0e47f531b0723b0b6fb0722","7f0e36665b66aa89801e9808297c35","665f67f0e37f14898082b0723b02d5","7ec967f0e37f14998082b0787b0721","7f07e7f0e47f531b0723b0b6fb0722","7f0e36665b66a449801e9808297c35","665f67f0e37f14898082b0723b02d5","7ec967f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e36665b66a449801e9808297c35","665f67f0e37f14898082b072297c35","7ec967f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e26665b66a449801e9808297c35","665f67f0e37f1489801eb072297c35","7ec967f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722"],nStr1=["日","一","二","三","四","五","六","七","八","九","十"],nStr2=["初","十","廿","卅"],nStr3=["正","二","三","四","五","六","七","八","九","十","冬","腊"];function lYearDays(b){var f,c=348;for(f=32768;f>8;f>>=1)c+=lunarInfo[b-1900]&f?1:0;return c+leapDays(b)}function leapMonth(b){return 15&lunarInfo[b-1900]}function leapDays(b){return leapMonth(b)?65536&lunarInfo[b-1900]?30:29:0}function monthDays(b,f){return f>12||f<1?-1:lunarInfo[b-1900]&65536>>f?30:29}function solarDays(b,f){if(f>12||f<1)return-1;var c=f-1;return 1===c?b%4==0&&b%100!=0||b%400==0?29:28:solarMonth[c]}function toGanZhiYear(b){var f=(b-3)%10,c=(b-3)%12;return 0===f&&(f=10),0===c&&(c=12),Gan[f-1]+Zhi[c-1]}function toAstro(b,f){return"魔羯水瓶双鱼白羊金牛双子巨蟹狮子处女天秤天蝎射手魔羯".substr(2*b-(f<[20,19,21,21,21,22,23,23,23,23,22,22][b-1]?2:0),2)+"座"}function toGanZhi(b){return Gan[b%10]+Zhi[b%12]}function getTerm(b,f){if(b<1900||b>2100)return-1;if(f<1||f>24)return-1;var c=sTermInfo[b-1900],e=[parseInt("0x"+c.substr(0,5)).toString(),parseInt("0x"+c.substr(5,5)).toString(),parseInt("0x"+c.substr(10,5)).toString(),parseInt("0x"+c.substr(15,5)).toString(),parseInt("0x"+c.substr(20,5)).toString(),parseInt("0x"+c.substr(25,5)).toString()],a=[e[0].substr(0,1),e[0].substr(1,2),e[0].substr(3,1),e[0].substr(4,2),e[1].substr(0,1),e[1].substr(1,2),e[1].substr(3,1),e[1].substr(4,2),e[2].substr(0,1),e[2].substr(1,2),e[2].substr(3,1),e[2].substr(4,2),e[3].substr(0,1),e[3].substr(1,2),e[3].substr(3,1),e[3].substr(4,2),e[4].substr(0,1),e[4].substr(1,2),e[4].substr(3,1),e[4].substr(4,2),e[5].substr(0,1),e[5].substr(1,2),e[5].substr(3,1),e[5].substr(4,2)];return parseInt(a[f-1])}function toChinaMonth(b){if(b>12||b<1)return-1;var f=nStr3[b-1];return f+="月"}function toChinaDay(b){var f;switch(b){case 10:f="初十";break;case 20:f="二十";break;case 30:f="三十";break;default:f=nStr2[Math.floor(b/10)],f+=nStr1[b%10]}return f}function getAnimal(b){return Animals[(b-4)%12]}function solar2lunar(b,f,c){if(b<1900||b>2100)return-1;if(1900===b&&1===f&&c<31)return-1;var e,a,r=null,t=0;b=(r=b?new Date(b,parseInt(f)-1,c):new Date).getFullYear(),f=r.getMonth()+1,c=r.getDate();var d=(Date.UTC(r.getFullYear(),r.getMonth(),r.getDate())-Date.UTC(1900,0,31))/864e5;for(e=1900;e<2101&&d>0;e++)d-=t=lYearDays(e);d<0&&(d+=t,e--);var n=new Date,s=!1;n.getFullYear()===b&&n.getMonth()+1===f&&n.getDate()===c&&(s=!0);var u=r.getDay(),o=nStr1[u];0===u&&(u=7);var l=e;a=leapMonth(e);var i=!1;for(e=1;e<13&&d>0;e++)a>0&&e===a+1&&!1===i?(--e,i=!0,t=leapDays(l)):t=monthDays(l,e),!0===i&&e===a+1&&(i=!1),d-=t;0===d&&a>0&&e===a+1&&(i?i=!1:(i=!0,--e)),d<0&&(d+=t,--e);var h=e,D=d+1,g=f-1,v=toGanZhiYear(l),y=getTerm(b,2*f-1),m=getTerm(b,2*f),p=toGanZhi(12*(b-1900)+f+11);c>=y&&(p=toGanZhi(12*(b-1900)+f+12));var M=!1,T=null;y===c&&(M=!0,T=solarTerm[2*f-2]),m===c&&(M=!0,T=solarTerm[2*f-1]);var I=toGanZhi(Date.UTC(b,g,1,0,0,0,0)/864e5+25567+10+c-1),C=toAstro(f,c);return{lYear:l,lMonth:h,lDay:D,Animal:getAnimal(l),IMonthCn:(i?"闰":"")+toChinaMonth(h),IDayCn:toChinaDay(D),cYear:b,cMonth:f,cDay:c,gzYear:v,gzMonth:p,gzDay:I,isToday:s,isLeap:i,nWeek:u,ncWeek:"星期"+o,isTerm:M,Term:T,astro:C}}var calendarFormatter={solar2lunar:function(b,f,c){return solar2lunar(b,f,c)},lunar2solar:function(b,f,c,e){if((e=!!e)&&leapMonth!==f)return-1;if(2100===b&&12===f&&c>1||1900===b&&1===f&&c<31)return-1;var a=monthDays(b,f),r=a;if(e&&(r=leapDays(b,f)),b<1900||b>2100||c>r)return-1;for(var t=0,d=1900;d<b;d++)t+=lYearDays(d);var n=0,s=!1;for(d=1;d<f;d++)n=leapMonth(b),s||n<=d&&n>0&&(t+=leapDays(b),s=!0),t+=monthDays(b,d);e&&(t+=a);var u=Date.UTC(1900,1,30,0,0,0),o=new Date(864e5*(t+c-31)+u);return solar2lunar(o.getUTCFullYear(),o.getUTCMonth()+1,o.getUTCDate())}};

3. 引入以下以上两个js文件和一个弹窗依赖（注意顺序不能颠倒）：

   inject: 
     bottom: 
   +    - <script defer type="text/javascript" src="https://cdn1.tianli0.top/npm/sweetalert2@8.19.0/dist/sweetalert2.all.js"></script> # 节日弹窗依赖
   +    - <script defer src="/js/lunar.js"></script> # 农历计算
   +    - <script defer src="/js/day.js"></script> # 节日弹窗

4. 重启项目，如果是日子对了自动会有弹窗的:

   hexo cl; hexo s

文章美化(轻笑)

请查看教程内容

注意：此内容可能并不完整，可F12进行查找。

1. 新建[BlogRoot]\source\css下新建自定义css，并写入：

   /* 优化代码框部分内容 */
   #article-container figure.highlight {
       border-radius: 7px;
   }
   
   /* 文章表格滚动条优化 */
   .table-wrap {
       scrollbar-width: none;
   }
   
   /* 文章推荐卡片调整 */
   .relatedPosts>.relatedPosts-list>div {
       border-radius: 18px;
   }
   
   /* 上下文章调整 */
   /** 上下篇文章图片调整 **/
   #pagination .next-post img, #pagination .prev-post img, .postImgHover img, .relatedPosts>.relatedPosts-list>div img {
       position: absolute;
       width: 100%;
       height: 100%;
       opacity: 1!important;
   }
   /** 边框调整 **/
   nav#pagination {
       border-width: 2px;
       border-style: solid;
       border-color: rgba(56, 211, 203, 0.8);
       border-image: initial;
       border-radius: 10px;
   }
   /* 文章页面整体修改 */
   #post {
       border: 2px solid rgba(0, 255, 255, .6);
       font-size: 14.5px;
       background: rgba(255, 255, 255, .67);
       animation: slide-in .5s .1s backwards;
       -webkit-animation: slide-in .5s .1s backwards;
   }

归档、分类、标签页文章卡片加上所属分类和标签（轻笑）

🪧引用站外地址，不保证站点的可用性和安全性

归档、分类、标签页文章卡片加上所属分类和标签以及美化页面

莫言小栈

美化打赏并优化CSS

请查看教程内容

效果如下：
%2Fdashang.png)

1. 将以下内容覆盖到[BlogRoot:]\themes\butterfly\layout\includes\post\reward.pug：

   .post-reward
     style.
       .post-reward .reward-button {
         display: inline-block;
         padding: .2rem 2rem;
         background: var(--btn-bg);
         color: var(--btn-color);
         cursor: pointer;
         -webkit-transition: all .4s;
         -moz-transition: all .4s;
         -o-transition: all .4s;
         -ms-transition: all .4s;
         transition: all .4s;
       }
       .tip-button {
         border: 0;
         border-radius: 8px;
         padding: .2rem 1.5rem;
         font-size: 20px;
         font-weight: 600;
         margin-bottom: -4rem;
         outline: 0;
         position: relative;
         top: 0;
         transform-origin: 0 100%;
         transition: transform 50ms ease-in-out;
         width: auto;
         -webkit-tap-highlight-color: transparent;
       }
       .post-reward {
         margin-top: 2px !important;
       }
     .tip-button.reward-button
       = ' ' + _p('donate')
     .reward-main(style="height: 3rem;")
       ul.reward-all
         each item in theme.reward.QR_code
           - var clickTo = item.link ? item.link : item.img
           li.reward-item
             a(href=url_for(clickTo) target='_blank')
               img.post-qr-code-img(src=url_for(item.img) alt=item.text)
             .post-qr-code-desc(style="MARGIN-TOP: 0!IMPORTANT;")=item.text
         a.reward-main-btn(href="/about/#about-reward" target="_blank")
           .reward-text 赞赏者名单
           .reward-dec 一个博客 一叶孤舟 一方世界
         style.
           .reward-main-btn {
             background: var(--reward-main);
             color: var(--font-color);
             display: -webkit-box;
             display: -moz-box;
             display: -webkit-flex;
             display: -ms-flexbox;
             display: box;
             display: flex;
             -webkit-box-orient: vertical;
             -moz-box-orient: vertical;
             -o-box-orient: vertical;
             -webkit-flex-direction: column;
             -ms-flex-direction: column;
             flex-direction: column;
             border-radius: 12px;
             padding: 4px 0;
             border: var(--style-border-always);
             margin-top: 10px;
             width: 100%;
           }
           .reward-text {
             margin-bottom: 2px;
             font-weight: 700;
             font-size: 18px;
             padding: 2px 0;
           }
           .reward-dec {
             font-weight: 400;
             font-size: 14px;
             padding: 2px 0;
           }

2. 重启项目，如果是日子对了自动会有弹窗的:

   hexo cl; hexo s

归档、子分类、子标签文章卡片显示数字？（自用）

请查看教程内容

1. 打开[Blogroot:]\themes\BUTTERFLY\layout\includes\mixins\article-sort.pug，并覆盖以下内容：

   mixin articleSort(posts, current)
     .article-sort
       - var year
       - posts.each(function (article, post_index) {
         - let tempYear = date(article.date, 'YYYY')
         - let no_cover = article.cover === false || !theme.cover.archives_enable ? 'no-article-cover' : ''
         - let title = article.title || _p('no_title')
         if tempYear !== year
           - year = tempYear
           .article-sort-item.year= year
         .article-sort-item(class=no_cover)
           if article.cover && theme.cover.archives_enable
             a.article-sort-item-img(href=url_for(article.path) title=title)
               img(src=url_for(article.cover) alt=title onerror=`this.onerror=null;this.src='${url_for(theme.error_img.post_page)}'`)
           .article-sort-item-info(style="margin-left: 10px;")
             a.article-sort-item-title(href=url_for(article.path) title=title)= title
             span.article-sort-item-index= (current - 1) * config.per_page + post_index + 1
             .article-sort-meta
               .article-meta-wrap
                 if (theme.post_meta.page.categories && article.categories.data.length > 0)
                   span.article-sort-item-categories
                     i.iconfont.icon-fenlei
                     each item, index in article.categories.data
                       a(href=url_for(item.path)).article-meta__categories #[=item.name]
                       if (index < article.categories.data.length - 1)
                         span.article-meta__link •
                 if (theme.post_meta.page.tags && article.tags.data.length > 0)
                   span.article-sort-item-tags
                     i.iconfont.icon-biaoqian
                     each item, index in article.tags.data
                       a(href=url_for(item.path)).article-meta__tags #[=item.name]
                       if (index < article.tags.data.length - 1)
                         span.article-meta__link •
               .article-sort-item-time
                 time.post-meta-date-created(datetime=date_xml(article.date) title=_p('post.created') + ' ' + full_date(article.date))= date(article.date, config.date_format)
       - })
   //- mixin articleSort(posts, current)
   //-   .article-sort
   //-     - var year
   //-     - posts.each(function (article) {
   //-       - let tempYear = date(article.date, 'YYYY')
   //-       - let no_cover = article.cover === false || !theme.cover.archives_enable ? 'no-article-cover' : ''
   //-       - let title = article.title || _p('no_title')
   //-       if tempYear !== year
   //-         - year = tempYear
   //-         .article-sort-item.year= year
   //-       .article-sort-item(class=no_cover)
   //-         a.article-sort-item-a(href=url_for(article.path) title=title)
   //-         if article.cover && theme.cover.archives_enable
   //-           a.article-sort-item-img(href=url_for(article.path) title=title)
   //-             img(src=url_for(article.cover) alt=title onerror=`this.onerror=null;this.src='${url_for(theme.error_img.post_page)}'`)
   //-         .article-sort-item-info
   //-           a.article-sort-item-title(href=url_for(article.path) title=title)= title
   //-           span.article-sort-item-index= (current - 1) * config.per_page + post_index + 1
   //-           .article-sort-meta
   //-             .article-meta-wrap
   //-               if (theme.post_meta.page.categories && article.categories.data.length > 0)
   //-                 span.article-sort-item-categories
   //-                   i.iconfont.icon-fenlei
   //-                   each item, index in article.categories.data
   //-                     a(href=url_for(item.path)).article-meta__categories #[=item.name]
   //-                     if (index < article.categories.data.length - 1)
   //-                       span.article-meta__link •
   //-               if (theme.post_meta.page.tags && article.tags.data.length > 0)
   //-                 span.article-sort-item-tags
   //-                   i.iconfont.icon-biaoqian
   //-                   each item, index in article.tags.data
   //-                     a(href=url_for(item.path)).article-meta__tags #[=item.name]
   //-                     if (index < article.tags.data.length - 1)
   //-                       span.article-meta__link •
   //-             .article-sort-item-time
   //-               time.post-meta-date-created(datetime=date_xml(article.date) title=_p('post.created') + ' ' + full_date(article.date))= date(article.date, config.date_format)
   //-     - })

2. 在自定义文件中添加以下内容：

   /* 归档，分类，标签三个页面调整 */
   /* 由苏晓河进行编写以及调整 */
   /* 时间：2025年2月4日 */
   /* 归档 */
   .article-sort {
       display: -webkit-box;
       display: -moz-box;
       display: -webkit-flex;
       display: -ms-flexbox;
       display: box;
       display: flex;
       -webkit-box-orient: horizontal;
       -moz-box-orient: horizontal;
       -o-box-orient: horizontal;
       -webkit-flex-direction: row;
       -ms-flex-direction: row;
       flex-direction: row;
       -webkit-box-lines: multiple;
       -moz-box-lines: multiple;
       -o-box-lines: multiple;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -webkit-box-pack: justify;
       -moz-box-pack: justify;
       -o-box-pack: justify;
       -ms-flex-pack: justify;
       -webkit-justify-content: space-between;
       justify-content: space-between
   }
   
   .article-sort-title {
       padding-bottom: 0!important;
       position: relative;
       font-size: 2em;
       color: var(--text-highlight-color);
       font-weight: 700
   }
   
   .article-sort-item {
       position: relative;
       display: -webkit-box;
       display: -moz-box;
       display: -webkit-flex;
       display: -ms-flexbox;
       display: box;
       display: flex;
       -webkit-box-align: center;
       -moz-box-align: center;
       -o-box-align: center;
       -ms-flex-align: center;
       -webkit-align-items: center;
       align-items: center;
       margin: 7.5px 0;
       border-radius: 12px;
       padding: 8px;
       width: calc(50% - 7.5px);
       background: var(--ah-card-bg);
       -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
       -ms-transition: all .2s ease-in-out;
       transition: all .2s ease-in-out
   }
   
   @media screen and (max-width: 768px) {
       .article-sort-item {
           width:100%
       }
   
       .category-bar-item a {
           padding: .1rem .2rem
       }
   }
   
   .article-sort-item.no-article-cover {
       height: 80px;
       padding-left: 80px
   }
   
   .article-sort-item.year {
       font-size: 1.8em;
       font-weight: 700;
       margin-bottom: 0;
       background: 0 0;
       width: 100%;
       padding: 0
   }
   
   .article-sort-item.year:hover {
       background: 0 0
   }
   
   .article-sort-item-title {
       color: var(--font-color);
       font-size: 17px;
       -webkit-transition: all .3s;
       -moz-transition: all .3s;
       -o-transition: all .3s;
       -ms-transition: all .3s;
       transition: all .3s;
       -webkit-line-clamp: 2;
       font-weight: 700;
       line-height: 1.4em
   }
   
   .article-sort-item-title:hover {
       color: var(--btn-hover-color)
   }
   
   .article-sort-item-img {
       overflow: hidden;
       width: 160px;
       height: 90px;
       border-radius: 7px;
       border: 1px solid var(--ah-hover-bg)
   }
   
   @media screen and (max-width: 768px) {
       .article-sort-item-img {
           width: 100px;
           height: 80px
       }
   }
   
   .article-sort-item-img img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       border-radius: 7px
   }
   
   .article-sort-item-info {
       -webkit-box-flex: 1;
       -moz-box-flex: 1;
       -o-box-flex: 1;
       box-flex: 1;
       -webkit-flex: 1;
       -ms-flex: 1;
       flex: 1;
       padding-left: 10px;
       padding: 0!important
   }
   
   .article-sort-item-info a.article-meta__tags {
       color: var(--dark-grey);
       font-size: 15px
   }
   
   .article-sort-item-info a.article-meta__tags:hover {
       color: var(--btn-hover-color)
   }
   
   .article-sort-item-info time.post-meta-date-created {
       bottom: 10px;
       right: 10px;
       position: absolute;
       font-size: 14px;
       line-height: 14px;
       color: var(--dark-grey)
   }

3. 效果展示
   分类
   归档