q78kgblog 1.0.0

package/js/commentBarrage.js

@@ -0,0 +1,240 @@
+document.addEventListener('pjax:complete', startbarrage);
+document.addEventListener('DOMContentLoaded', startbarrage);
+
+function startbarrage(){
+try{
+clearInterval(timer);
+document.querySelector('.comment-barrage').innerHTML="";
+delete sw;
+}catch(err){}
+const commentBarrageConfig = {
+	//浅色模式和深色模式颜色，务必保持一致长度，前面是背景颜色，后面是字体，随机选择，默认这个颜色还好
+	lightColors:[
+		['#ffffffaa!important','var(--lyx-black)'],
+	],
+	darkColors:[
+		['#000a!important','var(--lyx-white)'],
+	],
+	//同时最多显示弹幕数
+	maxBarrage: 1,
+	//弹幕显示间隔时间，单位ms
+	barrageTime: 3000,
+	//twikoo部署地址（Vercel、私有部署），腾讯云的为环境ID
+	twikooUrl: "https://twikoo.anjiurine.top",
+	//token获取见前文
+	accessToken: "f0fac9b52af34219af509d087ea72c4a",
+	pageUrl: window.location.pathname,
+	barrageTimer: [],
+	barrageList: [],
+	barrageIndex: 0,
+	// 没有设置过头像时返回的默认头像，见cravatar文档 https://cravatar.cn/developers/api，可以不改以免出错
+	noAvatarType: "retro",
+	dom: document.querySelector('.comment-barrage'),
+	//是否默认显示留言弹幕
+	displayBarrage: true,
+	//头像cdn，默认cravatar
+	avatarCDN: "cravatar.cn",
+}
+function checkURL(URL){
+	var str=URL;
+	//判断URL地址的正则表达式为:http(s)?://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?
+	//下面的代码中应用了转义字符"\"输出一个字符"/"
+	var Expression=/http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/;
+	var objExp=new RegExp(Expression);
+	if(objExp.test(str)==true){
+	return true;
+	}else{
+	return false;
+	}
+	} 
+function isInViewPortOfOne (el) {
+    const viewPortHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight 
+    const offsetTop = el.offsetTop
+    const scrollTop = document.documentElement.scrollTop
+    const top = offsetTop - scrollTop
+    return top <= viewPortHeight
+}
+if(location.href.indexOf("posts")!=-1||location.href.indexOf("posts")!=-1)
+document.onscroll = function() {
+	if(commentBarrageConfig.displayBarrage){
+		if(isInViewPortOfOne(document.getElementById("post-comment"))){
+			document.getElementsByClassName("barrageswiper")[0].style.transform="translateX(514px)";
+			document.getElementsByClassName("barrageswiper")[0].style.opacity="0";
+		}
+		else{
+			document.getElementsByClassName("barrageswiper")[0].style.transform="";
+			document.getElementsByClassName("barrageswiper")[0].style.opacity="1";
+		}
+	}
+  }
+function initCommentBarrage(){
+	
+	var data = JSON.stringify({
+		"event": "COMMENT_GET",
+		"commentBarrageConfig.accessToken": commentBarrageConfig.accessToken,
+		"url": commentBarrageConfig.pageUrl
+	});
+	var xhr = new XMLHttpRequest();
+	xhr.withCredentials = true;
+	xhr.addEventListener("readystatechange", function() {
+		if(this.readyState === 4) {
+			commentBarrageConfig.barrageList = commentLinkFilter(JSON.parse(this.responseText).data);
+			commentBarrageConfig.dom.innerHTML = '';
+			for(commentBarrageConfig.barrageIndex=0;commentBarrageConfig.barrageIndex<commentBarrageConfig.barrageList.length;commentBarrageConfig.barrageIndex++){
+				popCommentBarrage(commentBarrageConfig.barrageList[commentBarrageConfig.barrageIndex]);
+			}
+			kkksc03=new Swiper('.barrageswiper', {
+				direction: "vertical",
+				loop: true,
+				mousewheel:true,
+				autoplay: {
+					delay: 3000,
+					stopOnLastSlide: false,
+					disableOnInteraction: false,
+				},
+			})
+			kkksc03.el.onmouseover = function(){
+				kkksc03.autoplay.stop();
+			}
+			kkksc03.el.onmouseout = function(){
+				kkksc03.autoplay.start();
+			}
+		}
+	});
+	xhr.open("POST", commentBarrageConfig.twikooUrl);
+	xhr.setRequestHeader("Content-Type", "application/json");
+	xhr.send(data);
+	// timer=setInterval(()=>{
+	// 	if(commentBarrageConfig.barrageList.length){
+	// 		popCommentBarrage(commentBarrageConfig.barrageList[commentBarrageConfig.barrageIndex]);
+	// 		commentBarrageConfig.barrageIndex += 1;
+	// 		commentBarrageConfig.barrageIndex %= commentBarrageConfig.barrageList.length;
+	// 	}
+	// 	if(commentBarrageConfig.barrageTimer.length > (commentBarrageConfig.barrageList.length > commentBarrageConfig.maxBarrage?commentBarrageConfig.maxBarrage:commentBarrageConfig.barrageList.length)){
+	// 		removeCommentBarrage(commentBarrageConfig.barrageTimer.shift())
+	// 	}
+	// },commentBarrageConfig.barrageTime)
+	
+}
+function commentLinkFilter(data){
+	data.sort((a,b)=>{
+		return a.created - b.created;
+	})
+	let newData = [];
+	data.forEach(item=>{
+		newData.push(...getCommentReplies(item));
+	});
+	return newData;
+}
+function getCommentReplies(item){
+	if(item.replies){
+		let replies = [item];
+		item.replies.forEach(item=>{
+			replies.push(...getCommentReplies(item));
+		})
+		return replies;
+	}else{
+		return [];
+	}
+}
+function popCommentBarrage(data){
+	let barrage = document.createElement('div');
+	let width = commentBarrageConfig.dom.clientWidth;
+	let height = commentBarrageConfig.dom.clientHeight;
+	barrage.className = 'comment-barrage-item'
+	let ran = Math.floor(Math.random()*commentBarrageConfig.lightColors.length)
+	document.getElementById("barragesColor").innerHTML=`[data-theme='light'] .comment-barrage-item { background-color:${commentBarrageConfig.lightColors[ran][0]};color:${commentBarrageConfig.lightColors[ran][1]}}[data-theme='dark'] .comment-barrage-item{ background-color:${commentBarrageConfig.darkColors[ran][0]};color:${commentBarrageConfig.darkColors[ran][1]}}`;
+	if(data.avatar!=undefined){
+		if(data.link!=undefined){
+			if(!checkURL(data.link)){
+				data.link="http://"+data.link;
+			}
+			barrage.innerHTML = `
+			<div class="barrageHead">
+				<img class="barrageAvatar" src="${data.avatar}"/>
+				<a href="${data.link}" class="barrageNick" target="_blank">${data.nick}</a>
+				<a href="javascript:switchCommentBarrage()" style="font-size:20px">×</a>
+			</div>
+			`
+		}
+		else{
+			barrage.innerHTML = `
+			<div class="barrageHead">
+				<img class="barrageAvatar" src="${data.avatar}"/>
+				<div class="barrageNick">${data.nick}</div>
+				<a href="javascript:switchCommentBarrage()" style="font-size:20px">×</a>
+			</div>
+			`
+		}
+	}
+	else{
+		if(data.link!=undefined){
+			if(!checkURL(data.link)){
+				data.link="http://"+data.link;
+			}
+			barrage.innerHTML = `
+			<div class="barrageHead">
+				<img class="barrageAvatar" src="https://${commentBarrageConfig.avatarCDN}/avatar/${data.mailMd5}?d=${commentBarrageConfig.noAvatarType}"/>
+				<a href="${data.link}" class="barrageNick" target="_blank">${data.nick}</a>
+				<a href="javascript:switchCommentBarrage()" style="font-size:20px">×</a>
+			</div>
+			`
+		}
+		else{
+			barrage.innerHTML = `
+			<div class="barrageHead">
+				<img class="barrageAvatar" src="https://${commentBarrageConfig.avatarCDN}/avatar/${data.mailMd5}?d=${commentBarrageConfig.noAvatarType}"/>
+				<div class="barrageNick">${data.nick}</div>
+				<a href="javascript:switchCommentBarrage()" style="font-size:20px">×</a>
+			</div>
+			`
+		}
+	}
+	barrageContent=document.createElement('a');
+	barrageContent.className="barrageContent";
+	barrageContent.href="#"+data.id;
+	barrageContent.innerHTML=data.comment;
+	barrage.appendChild(barrageContent);
+	// commentBarrageConfig.barrageTimer.push(barrage);
+	aswiper = document.createElement('div');
+	aswiper.className="swiper-slide";
+	// aswiper.setAttribute("data-swiper-slide-index","8")
+	aswiper.setAttribute("style","height: 150px;");
+	// aswiper.setAttribute("role","group")
+	// aswiper.setAttribute("aria-label","9 / 19");
+	aswiper.append(barrage);
+	commentBarrageConfig.dom.append(aswiper);
+}
+switchCommentBarrage = function () {
+	localStorage.setItem("isBarrageToggle",Number(!Number(localStorage.getItem("isBarrageToggle"))))
+	if(!isInViewPortOfOne(document.getElementById("post-comment"))){
+	commentBarrageConfig.displayBarrage=!(commentBarrageConfig.displayBarrage);
+    let commentBarrage = document.querySelector('.comment-barrage');
+    if (commentBarrage) {
+        $(commentBarrage).fadeToggle()
+    }
+}
+
+}
+// $(".comment-barrage").hover(function(){
+// 	clearInterval(timer);
+// },function () {
+// 	timer=setInterval(()=>{
+// 		if(commentBarrageConfig.barrageList.length){
+// 			popCommentBarrage(commentBarrageConfig.barrageList[commentBarrageConfig.barrageIndex]);
+// 			commentBarrageConfig.barrageIndex += 1;
+// 			commentBarrageConfig.barrageIndex %= commentBarrageConfig.barrageList.length;
+// 		}
+// 		if(commentBarrageConfig.barrageTimer.length > (commentBarrageConfig.barrageList.length > commentBarrageConfig.maxBarrage?commentBarrageConfig.maxBarrage:commentBarrageConfig.barrageList.length)){
+// 			removeCommentBarrage(commentBarrageConfig.barrageTimer.shift())
+// 		}
+// 	},commentBarrageConfig.barrageTime)
+// })
+if(localStorage.getItem("isBarrageToggle")==undefined){
+	localStorage.setItem("isBarrageToggle","0");
+}else if(localStorage.getItem("isBarrageToggle")=="1"){
+	localStorage.setItem("isBarrageToggle","0");
+	switchCommentBarrage()
+}
+initCommentBarrage()
+}

package/js/commentsCount.js

@@ -0,0 +1,43 @@
+// 更新的晚了一点，因为我发现如果不存起来的话会导致每进一次页面就重新获取一次，所以我们把它给存到本地。10分钟获取一次（当然，可以自定义时长）
+function comCount() {
+    let d = loadData('comCount', 10) // 10为10分钟获取一次，可自定义时长
+    if (d) document.querySelectorAll('.card_comment').forEach(i => { i.innerHTML = d; })
+    else {
+        fetch('https://twikoo.anjiurine.top/', { // 此处更换url
+            method: "POST",
+            body: JSON.stringify({
+                "event": "COMMENT_GET_FOR_ADMIN",
+                "accessToken": "1059857c25a2ce9fba9cff298f4f33ee", // 此处更换accessToken
+                "per": 1,
+                "page": 1,
+            }),
+            headers: { 'Content-Type': 'application/json' }
+        }).then(res => res.json()).then(data => {
+            document.querySelectorAll('.card_comment').forEach(i => { i.innerHTML = data.count; })
+            document.getElementsByClassName("card_comment").innerText=data.count;
+            saveData('comCount', data.count)
+        })
+    }
+}
+
+// 存数据
+// name：命名 data：数据
+function saveData(name, data) {
+    localStorage.setItem(name, JSON.stringify({ 'time': Date.now(), 'data': data }))
+}
+
+// 下面两个函数如果你有其他需要存取数据的功能，也可以直接使用
+// 取数据
+// name：命名 time：过期时长,单位分钟,如传入30,即加载数据时如果超出30分钟返回0,否则返回数据
+function loadData(name, time) {
+    let data = JSON.parse(localStorage.getItem(name));
+    // 过期或有错误返回 0
+    let t = 0
+    if (data != null) t = Date.now() - data.time
+    if (t < time * 60 * 1000 && t > 0) return data.data;
+    // 没过期返回数据
+    return 0;
+}
+
+window.addEventListener("pjax:complete",comCount)
+window.addEventListener("DOMContentLoaded",comCount)

package/js/copy.js

@@ -0,0 +1,23 @@
+document.oncopy = function () {
+    Snackbar.show({
+        text: '复制成功,如转载请注明出处！',
+        pos: 'top-right',
+        onActionClick: function (element) {
+            window.open("/license")
+        },
+        actionText: "查看博客声明",
+    });
+};
+document.onkeydown = function (event) {
+    event = (event || window.event);
+    if (event.keyCode == 123) {
+        Snackbar.show({
+            text: '已打开开发者模式，扒源请谨记MIT协议！',
+            pos: 'top-right',
+            onActionClick: function (element) {
+                window.open("/license")
+            },
+            actionText: "查看博客声明",
+        });
+    }
+}

package/js/countup.js

@@ -0,0 +1,209 @@
+var CountUp = function (target, startVal, endVal, decimals, duration, options) {
+    var self = this;
+    self.version = function () {
+      return "1.9.2";
+    };
+    self.options = {
+      useEasing: true,
+      useGrouping: true,
+      separator: ",",
+      decimal: ".",
+      easingFn: easeOutExpo,
+      formattingFn: formatNumber,
+      prefix: "",
+      suffix: "",
+      numerals: [],
+    };
+    if (options && typeof options === "object") {
+      for (var key in self.options) {
+        if (options.hasOwnProperty(key) && options[key] !== null) {
+          self.options[key] = options[key];
+        }
+      }
+    }
+    if (self.options.separator === "") {
+      self.options.useGrouping = false;
+    } else {
+      self.options.separator = "" + self.options.separator;
+    }
+    var lastTime = 0;
+    var vendors = ["webkit", "moz", "ms", "o"];
+    for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
+      window.requestAnimationFrame = window[vendors[x] + "RequestAnimationFrame"];
+      window.cancelAnimationFrame =
+        window[vendors[x] + "CancelAnimationFrame"] || window[vendors[x] + "CancelRequestAnimationFrame"];
+    }
+    if (!window.requestAnimationFrame) {
+      window.requestAnimationFrame = function (callback, element) {
+        var currTime = new Date().getTime();
+        var timeToCall = Math.max(0, 16 - (currTime - lastTime));
+        var id = window.setTimeout(function () {
+          callback(currTime + timeToCall);
+        }, timeToCall);
+        lastTime = currTime + timeToCall;
+        return id;
+      };
+    }
+    if (!window.cancelAnimationFrame) {
+      window.cancelAnimationFrame = function (id) {
+        clearTimeout(id);
+      };
+    }
+    function formatNumber(num) {
+      num = num.toFixed(self.decimals);
+      num += "";
+      var x, x1, x2, x3, i, l;
+      x = num.split(".");
+      x1 = x[0];
+      x2 = x.length > 1 ? self.options.decimal + x[1] : "";
+      if (self.options.useGrouping) {
+        x3 = "";
+        for (i = 0, l = x1.length; i < l; ++i) {
+          if (i !== 0 && i % 3 === 0) {
+            x3 = self.options.separator + x3;
+          }
+          x3 = x1[l - i - 1] + x3;
+        }
+        x1 = x3;
+      }
+      if (self.options.numerals.length) {
+        x1 = x1.replace(/[0-9]/g, function (w) {
+          return self.options.numerals[+w];
+        });
+        x2 = x2.replace(/[0-9]/g, function (w) {
+          return self.options.numerals[+w];
+        });
+      }
+      return self.options.prefix + x1 + x2 + self.options.suffix;
+    }
+    function easeOutExpo(t, b, c, d) {
+      return (c * (-Math.pow(2, (-10 * t) / d) + 1) * 1024) / 1023 + b;
+    }
+    function ensureNumber(n) {
+      return typeof n === "number" && !isNaN(n);
+    }
+    self.initialize = function () {
+      if (self.initialized) {
+        return true;
+      }
+      self.error = "";
+      self.d = typeof target === "string" ? document.getElementById(target) : target;
+      if (!self.d) {
+        self.error = "[CountUp] target is null or undefined";
+        return false;
+      }
+      self.startVal = Number(startVal);
+      self.endVal = Number(endVal);
+      if (ensureNumber(self.startVal) && ensureNumber(self.endVal)) {
+        self.decimals = Math.max(0, decimals || 0);
+        self.dec = Math.pow(10, self.decimals);
+        self.duration = Number(duration) * 1000 || 2000;
+        self.countDown = self.startVal > self.endVal;
+        self.frameVal = self.startVal;
+        self.initialized = true;
+        return true;
+      } else {
+        self.error = "[CountUp] startVal (" + startVal + ") or endVal (" + endVal + ") is not a number";
+        return false;
+      }
+    };
+    self.printValue = function (value) {
+      var result = self.options.formattingFn(value);
+      if (self.d.tagName === "INPUT") {
+        this.d.value = result;
+      } else {
+        if (self.d.tagName === "text" || self.d.tagName === "tspan") {
+          this.d.textContent = result;
+        } else {
+          this.d.innerHTML = result;
+        }
+      }
+    };
+    self.count = function (timestamp) {
+      if (!self.startTime) {
+        self.startTime = timestamp;
+      }
+      self.timestamp = timestamp;
+      var progress = timestamp - self.startTime;
+      self.remaining = self.duration - progress;
+      if (self.options.useEasing) {
+        if (self.countDown) {
+          self.frameVal = self.startVal - self.options.easingFn(progress, 0, self.startVal - self.endVal, self.duration);
+        } else {
+          self.frameVal = self.options.easingFn(progress, self.startVal, self.endVal - self.startVal, self.duration);
+        }
+      } else {
+        if (self.countDown) {
+          self.frameVal = self.startVal - (self.startVal - self.endVal) * (progress / self.duration);
+        } else {
+          self.frameVal = self.startVal + (self.endVal - self.startVal) * (progress / self.duration);
+        }
+      }
+      if (self.countDown) {
+        self.frameVal = self.frameVal < self.endVal ? self.endVal : self.frameVal;
+      } else {
+        self.frameVal = self.frameVal > self.endVal ? self.endVal : self.frameVal;
+      }
+      self.frameVal = Math.round(self.frameVal * self.dec) / self.dec;
+      self.printValue(self.frameVal);
+      if (progress < self.duration) {
+        self.rAF = requestAnimationFrame(self.count);
+      } else {
+        if (self.callback) {
+          self.callback();
+        }
+      }
+    };
+    self.start = function (callback) {
+      if (!self.initialize()) {
+        return;
+      }
+      self.callback = callback;
+      self.rAF = requestAnimationFrame(self.count);
+    };
+    self.pauseResume = function () {
+      if (!self.paused) {
+        self.paused = true;
+        cancelAnimationFrame(self.rAF);
+      } else {
+        self.paused = false;
+        delete self.startTime;
+        self.duration = self.remaining;
+        self.startVal = self.frameVal;
+        requestAnimationFrame(self.count);
+      }
+    };
+    self.reset = function () {
+      self.paused = false;
+      delete self.startTime;
+      self.initialized = false;
+      if (self.initialize()) {
+        cancelAnimationFrame(self.rAF);
+        self.printValue(self.startVal);
+      }
+    };
+    self.update = function (newEndVal) {
+      if (!self.initialize()) {
+        return;
+      }
+      newEndVal = Number(newEndVal);
+      if (!ensureNumber(newEndVal)) {
+        self.error = "[CountUp] update() - new endVal is not a number: " + newEndVal;
+        return;
+      }
+      self.error = "";
+      if (newEndVal === self.frameVal) {
+        return;
+      }
+      cancelAnimationFrame(self.rAF);
+      self.paused = false;
+      delete self.startTime;
+      self.startVal = self.frameVal;
+      self.endVal = newEndVal;
+      self.countDown = self.startVal > self.endVal;
+      self.rAF = requestAnimationFrame(self.count);
+    };
+    if (self.initialize()) {
+      self.printValue(self.startVal);
+    }
+  };

package/js/cursor.js

@@ -0,0 +1,82 @@
+var CURSOR;
+
+Math.lerp = (a, b, n) => (1 - n) * a + n * b;
+
+const getStyle2 = (el, attr) => {
+    try {
+        return window.getComputedStyle
+            ? window.getComputedStyle(el)[attr]
+            : el.currentStyle[attr];
+    } catch (e) {}
+    return "";
+};
+
+class Cursor {
+    constructor() {
+        this.pos = {curr: null, prev: null};
+        this.pt = [];
+        this.create();
+        this.init();
+        this.render();
+    }
+
+    move(left, top) {
+        this.cursor.style["left"] = `${left}px`;
+        this.cursor.style["top"] = `${top}px`;
+    }
+
+    create() {
+        if (!this.cursor) {
+            this.cursor = document.createElement("div");
+            this.cursor.id = "cursor";
+            this.cursor.classList.add("hidden");
+            document.body.append(this.cursor);
+        }
+
+        var el = document.getElementsByTagName('*');
+        for (let i = 0; i < el.length; i++)
+            if (getStyle2(el[i], "cursor") == "pointer")
+                this.pt.push(el[i].outerHTML);
+
+        document.body.appendChild((this.scr = document.createElement("style")));
+        this.scr.innerHTML = `* {cursor: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8px' height='8px'><style>circle {fill: white;}</style><circle cx='4' cy='4' r='4' opacity='.5'/></svg>") 4 4, auto!important}`;
+    }
+
+    refresh() {
+        this.scr.remove();
+        this.cursor.classList.remove("hover");
+        this.cursor.classList.remove("active");
+        this.pos = {curr: null, prev: null};
+        this.pt = [];
+
+        this.create();
+        this.init();
+        this.render();
+    }
+
+    init() {
+        document.onmouseover  = e => this.pt.includes(e.target.outerHTML) && this.cursor.classList.add("hover");
+        document.onmouseout   = e => this.pt.includes(e.target.outerHTML) && this.cursor.classList.remove("hover");
+        document.onmousemove  = e => {(this.pos.curr == null) && this.move(e.clientX - 8, e.clientY - 8); this.pos.curr = {x: e.clientX - 8, y: e.clientY - 8}; this.cursor.classList.remove("hidden");};
+        document.onmouseenter = e => this.cursor.classList.remove("hidden");
+        document.onmouseleave = e => this.cursor.classList.add("hidden");
+        document.onmousedown  = e => this.cursor.classList.add("active");
+        document.onmouseup    = e => this.cursor.classList.remove("active");
+    }
+
+    render() {
+        if (this.pos.prev) {
+            this.pos.prev.x = Math.lerp(this.pos.prev.x, this.pos.curr.x, 0.15);
+            this.pos.prev.y = Math.lerp(this.pos.prev.y, this.pos.curr.y, 0.15);
+            this.move(this.pos.prev.x, this.pos.prev.y);
+        } else {
+            this.pos.prev = this.pos.curr;
+        }
+        requestAnimationFrame(() => this.render());
+    }
+}
+
+(() => {
+    CURSOR = new Cursor();
+    // 需要重新获取列表时，使用 CURSOR.refresh()
+})();