-
生于2000
+
+ 生于2000
-
太原理工大学计算机科学
+
+ 太原理工大学计算机科学
-
@@ -52,18 +63,19 @@
background-size: 100%;
transition: 1s ease-in-out;
}
-
+
[data-theme=dark] .author-content-item.map {
background: url([[${theme.config.about.map.backgroundDark}]]) no-repeat center;
background-size: 100%;
}
+
.author-content-item.map:hover {
background-size: 120%;
transition: 4s ease-in-out;
background-position-x: 0;
background-position-y: 36%;
}
-
+
.author-content-item.map .map-title {
position: absolute;
bottom: 0px;
@@ -75,21 +87,22 @@
-webkit-backdrop-filter: blur(20px);
transition: 1s ease-in-out;
font-size: 20px;
+ border-radius: 0 0 1rem 1rem;
}
-
+
.author-content-item.map:hover .map-title {
bottom: -100%;
}
-
+
.author-content-item.map .map-title b {
color: var(--heo-fontcolor);
}
-
+
@media screen and (max-width: 768px) {
.author-content-item.map.myphoto {
background-size: cover !important;
}
-
+
.author-content-item.map .map-title {
padding: 1rem;
}
@@ -100,71 +113,74 @@
// 链接替换即可，不需要后面的参数
function initAboutPage() {
fetch("https://v6-widget.51.la/v6/[[${theme.config.about.LingQueMonitorID}]]/quote.js")
- .then(res => res.text())
- .then(data => {
- let title = ["最近活跃", "今日人数", "今日访问", "昨日人数", "昨日访问", "本月访问", "总访问量"];
- // let num = data.match(/(?<=<\/span>
).*?(?=<\/span><\/p>)/g)
- let num = data.match(/(<\/span>).*?(\/span><\/p>)/g);
-
- num = num.map(el => {
- let val = el.replace(/(<\/span>)/g, "");
- let str = val.replace(/(<\/span><\/p>)/g, "");
- return str;
- });
-
- let statisticEl = document.getElementById("statistic");
-
- // 自定义不显示哪个或者显示哪个，如下为不显示 最近活跃访客 和 总访问量
- let statistic = [];
- for (let i = 0; i < num.length; i++) {
- if (!statisticEl) return;
- if (i == 0) continue;
- statisticEl.innerHTML +=
- "" + title[i] + "" + num[i] + "
";
- queueMicrotask(() => {
- statistic.push(
- new CountUp(title[i], 0, num[i], 0, 2, {
- useEasing: true,
- useGrouping: true,
- separator: ",",
- decimal: ".",
- prefix: "",
- suffix: "",
- })
- );
+ .then(res => res.text())
+ .then(data => {
+ let title = ["最近活跃", "今日人数", "今日访问", "昨日人数", "昨日访问", "本月访问", "总访问量"];
+ // let num = data.match(/(?<=<\/span>).*?(?=<\/span><\/p>)/g)
+ let num = data.match(/(<\/span>).*?(\/span><\/p>)/g);
+
+ num = num.map(el => {
+ let val = el.replace(/(<\/span>)/g, "");
+ let str = val.replace(/(<\/span><\/p>)/g, "");
+ return str;
});
- }
-
- let statisticElement = document.querySelector(".about-statistic.author-content-item");
- function statisticUP() {
- if (!statisticElement) return;
-
- const callback = (entries, observer) => {
- entries.forEach(entry => {
- if (entry.isIntersecting) {
- for (let i = 0; i < num.length; i++) {
- if (i == 0) continue;
- queueMicrotask(() => {
- statistic[i - 1].start();
- });
- }
- observer.disconnect(); // 停止观察元素，因为不再需要触发此回调
- }
+
+ let statisticEl = document.getElementById("statistic");
+
+ // 自定义不显示哪个或者显示哪个，如下为不显示 最近活跃访客 和 总访问量
+ let statistic = [];
+ for (let i = 0; i < num.length; i++) {
+ if (!statisticEl) return;
+ if (i == 0) continue;
+ statisticEl.innerHTML +=
+ "" + title[i] + "" + num[i] + "
";
+ queueMicrotask(() => {
+ statistic.push(
+ new CountUp(title[i], 0, num[i], 0, 2, {
+ useEasing: true,
+ useGrouping: true,
+ separator: ",",
+ decimal: ".",
+ prefix: "",
+ suffix: "",
+ })
+ );
});
- };
-
- const options = {
- root: null,
- rootMargin: "0px",
- threshold: 0
- };
- const observer = new IntersectionObserver(callback, options);
- observer.observe(statisticElement);
- }
- statisticUP()
- });
+ }
+
+ let statisticElement = document.querySelector(".about-statistic.author-content-item");
+
+ function statisticUP() {
+ if (!statisticElement) return;
+
+ const callback = (entries, observer) => {
+ entries.forEach(entry => {
+ if (entry.isIntersecting) {
+ for (let i = 0; i < num.length; i++) {
+ if (i == 0) continue;
+ queueMicrotask(() => {
+ statistic[i - 1].start();
+ });
+ }
+ observer.disconnect(); // 停止观察元素，因为不再需要触发此回调
+ }
+ });
+ };
+
+ const options = {
+ root: null,
+ rootMargin: "0px",
+ threshold: 0
+ };
+ const observer = new IntersectionObserver(callback, options);
+ observer.observe(statisticElement);
+ }
+
+ statisticUP()
+ });
}
+
initAboutPage();
-
+