Butterfly主题添加特殊日子全局黑白模式

2024-04-10更新：使用原生JavaScript，去除对jQuery库的依赖。

添加特殊日子自动开启全局黑白模式：昭昭前事，惕惕后人，勿忘历史，吾辈自强！

新建[blog]\themes\butterfly\source\js\custom\MemorialDayMode.js文件，并添加如下代码：

/*---------特殊日子自动变黑白模式----------*/
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();

/*特殊日子日期列表设置*/
const dateList = [
  '7/7', // 七七事变
  '9/18', // 九一八事变
  '12/13', // 国家公祭日，南京！
];
const toMonthDay = `${month}/${day}`;

/*特殊时间段设置*/
var beginDate = new Date("2022-11-30 12:13:00"); /*特殊时间段开始时间*/
var endDate = new Date("2022-12-07 00:00:01"); /*特殊时间段结束时间*/
var today = day;

/*特殊日子自动变黑白*/
if (dateList.some((day) => day === toMonthDay)) {
  document.documentElement.style.filter = "grayscale(100%)";
  console.log("昭昭前事，惕惕后人，勿忘历史，吾辈自强！");
}

/*特殊时间段自动变黑白*/
else if (today >= beginDate && today <= endDate) {
  document.documentElement.style.filter = "grayscale(100%)";
  console.log("昭昭前事，惕惕后人，勿忘历史，吾辈自强！");
}
/*---------特殊日子自动变黑白模式---------*/

文件[blog]\_config.butterfly.yml添加如下两行：

inject:
  bottom:
    - <script defer src="/js/custom/MemorialDayMode.js"></script> #公祭日以及特殊日子自动变黑白
    #- <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> #公祭日以及特殊日子自动变黑白：引入jQuery依赖包，不必使用

大功告成！