注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
- Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
- Internet Explorer或Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5
- Opera：按 Ctrl-F5。
/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */
// 把整个body都选上，以便下一步使用
var page = document.querySelector("body");
var url = window.location.href;
// 仅修改 body class 中有 page-首页 的页面
if (url = "https://wiki.dollancraft.top/") {
// 找到我们要插入新div之后的element
var mwBody = document.getElementById('content');
// 新建一个div
var newDiv = document.createElement('div');
// 给新插入的element设个class名
newDiv.setAttribute('class', 'header-hero');
// 加上html内容
newDiv.innerHTML = '<div class="header-hero-image" style="background-image: linear-gradient(to top, var(--color-surface-0), transparent 150%), var(--hero-image);background-size: cover;background-position: center center;height: 36vh;margin-bottom: -31vh;"></div>';
// 将新 div 插入 content 之前
mwBody.parentNode.insertBefore(newDiv, mwBody);
}
// 给页面新增个css variable，以便实现与黑暗/白色模式同步的首页头图
// 把整个html都选上，因为skin让darkmode的class在这层
var html = document.querySelector("html");
// 判断darkmode
if (html.classList.contains('skin-citizen-dark')) {
// 是dark，用这个
//记得修改两个链接
document.querySelector('#home-card-kook').style.backgroundColor= '#497A20';
document.querySelector('#home-card-QQ').style.backgroundColor= '#1883A6';
document.documentElement.style.setProperty('--hero-image', 'url(mainpage.png)');
} else {
// 不是dark，用这个
document.querySelector('#home-card-kook').style.backgroundColor= '#7acc35';
document.querySelector('#home-card-QQ').style.backgroundColor= '#24c8fd';
document.documentElement.style.setProperty('--hero-image', 'url(mainpage.png)');
}