适配链接管理插件1.4.0版本

detailed： 1.适配链接管理插件1.4.0版本，解决前台索引查询链接报错问题。 2.当爱发电接口超时未返回内容时，显示默认数据。
修复关于页面中赞赏名单在移动端下头像错位的问题
2024-06-17 09:38:08 +08:00 · 2024-06-01 14:49:11 +08:00 · 2024-05-29 17:34:04 +08:00 · 2024-05-21 13:07:30 +08:00 · 2024-05-21 11:32:41 +08:00 · 2024-05-21 11:25:37 +08:00
24 changed files with 20789 additions and 12494 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,2 @@
+release
+/release/
--- a/README.md
+++ b/README.md
@ -1,3 +1,56 @@
-# halo-theme-hao
+<div align="center">
+<!-- 主题Logo -->
+<img width="100px" src="https://api.minio.yyds.pink/moony/files/2024/04/halo-theme-hao-sbxqdmuv.png">
+<!-- 主题名称 -->
+<h1>Halo-Theme-Hao</h1>
+</div>

-基于halo-theme-hao的1.4.9-beta2版本进行修改。
+## 🔥 预览
+
+|    站点名称     |          站点地址         |
+|:--------------:|:------------------------:|
+| 小小笔记大大用处 |   https://blog.uptoz.cn  |
+
+
+## 👋 简介
+
+[Halo-Theme-Hao](https://gitea.uptoz.cn/UPToZ/halo-theme-hao)
+是一款适用于 [Halo2.x](https://github.com/halo-dev/halo) 的博客主题。
+
+移植自 [Hexo](https://hexo.io/zh-cn/index.html) 社区中 [张洪 Heo](https://blog.zhheo.com/)
+对 [Hexo-Theme-hao](https://github.com/chengzhongxue/halo-theme-hao)主题1.4.9-beta2的魔改版本。
+
+
+## 🚨 注意事项(看我看我)
+
+1. **建站时间必填**
+2. 如果安装主题后报错，请仔细查阅[主题说明](https://gitea.uptoz.cn/UPToZ/halo-theme-hao)
+   与[更新说明](https://gitea.uptoz.cn/UPToZ/halo-theme-hao/releases)！！！
+3. 如果还未解决，可以加群求助！！！
+4. 如果群友也解决不了，再考虑提ISSUE！！！
+5. `1.0.0`及以上版本需要`Halo`版本>=`2.14.0`
+6. **若安装主题后出现500错误，请到主题设置页面，将每个设置项都保存一下！！！**
+7. **`beta`版本主题必须使用`本地资源`，正式版本才会存在`在线资源`**
+
+### 🔌 插件依赖
+
+> 所有插件均为可选，不安装则不会出现对应功能。
+> 部分插件可能已经预设在 Halo 内。
+> 部分插件主题尚未适配。
+
+- 评论功能 [plugin-comment-widget](https://github.com/halo-sigs/plugin-comment-widget/releases)
+- 搜索功能 [plugin-search-widget](https://github.com/halo-sigs/plugin-search-widget/releases)
+- 友链页面 [plugin-links](https://github.com/halo-sigs/plugin-links)
+- 瞬间页面 [plugin-moments](https://github.com/halo-sigs/plugin-moments)
+- 追番插件 [plugin-bilibili-bangumi](https://github.com/Roozenlz/plugin-bilibili-bangumi)
+- 图库插件 [plugin-photos](https://github.com/halo-sigs/plugin-photos)
+- katex插件 [plugin-katex](https://github.com/chengzhongxue/plugin-katex/releases/)
+- 我的装备 [plugin-equipments](https://github.com/chengzhongxue/plugin-equipments)
+- Markdown / HTML 内容块插件 [plugin-hybrid-edit-block](https://www.halo.run/store/apps/app-NgHnY)
+- 爱发电 [plugin-afdian](https://www.halo.run/store/apps/app-oXvZp)
+
+> 更多插件请参见：https://github.com/halo-sigs/awesome-halo
+
+## 📝 使用
+
+[点我查看](https://www.yuque.com/liuzhihangs/halo-theme-hao)
--- a/settings.yaml
+++ b/settings.yaml
@ -750,8 +750,7 @@ spec:
          label: 爱发电赞助
          value:
            powerLink: /
-            url: https://api.afdian.cnkj.site/api/creator/get-top-sponsors?user_id=
-            userId:
+            url: /apis/api.plugin.halo.run/v1alpha1/plugins/plugin-afdian/afdian/getSponsorList
            showNum: 3
          children:
            - $formkit: url
@ -760,9 +759,7 @@ spec:
            - $formkit: text
              name: url
              label: 接口地址
-            - $formkit: text
-              name: userId
-              label: 用户ID
+              help: 需要安装爱发电插件
            - $formkit: number
              name: showNum
              label: 最大展示条数
--- a/templates/assets/css/tenyear.css
+++ b/templates/assets/css/tenyear.css
@ -1,87 +1,90 @@
 .timeline {
-    width: 100%;
-    height: 20px;
-    background-color: var(--heo-background);
-    position: relative;
-    overflow: hidden;
-    margin-bottom: 20px;
-    border-radius: 0.5rem;
-    height: 2.5rem;
+	width: 100%;
+	height: 2rem;
+	background-color: var(--heo-background);
+	position: relative;
+	overflow: hidden;
+	margin-bottom: 20px;
+	border-radius: 1.5rem;
 }

 .progress {
-    width: 0;
-    height: 100%;
-    background-color: var(--heo-main);
-    position: absolute;
-    animation: progressAnimation 2s linear forwards;
-    animation-delay: -0.1s;
-    border-radius: 0.5rem
+	width: 0;
+	height: 100%;
+	background-color: var(--heo-main);
+	position: absolute;
+	animation: progressAnimation 2s linear forwards;
+	animation-delay: -0.1s;
+	border-radius: 1.5rem
 }

 .past-time {
-    width: 2px;
-    height: 20px;
-    background-color: #3498db;
-    position: absolute;
-    transform-origin: left;
-    animation: pastTimeAnimation 3s linear forwards;
+	width: 2px;
+	height: 20px;
+	background-color: #3498db;
+	position: absolute;
+	transform-origin: left;
+	animation: pastTimeAnimation 3s linear forwards;
 }

 .percentage-label {
-    position: absolute;
-    left: 0;
-    font-size: 14px;
-    color: var(--heo-card-bg);
-    font-weight: bold;
-    top: 10px;
-    white-space: nowrap;
-    transition: left 0.5s linear;
-    visibility: hidden;
+	position: absolute;
+	left: 0;
+	font-size: 14px;
+	color: var(--heo-card-bg);
+	font-weight: bold;
+	top: 10px;
+	white-space: nowrap;
+	transition: left 0.5s linear;
+	visibility: hidden;
 }

 .time-labels {
-    display: flex;
-    justify-content: space-between;
-    width: 100%;
+	display: flex;
+	justify-content: space-between;
+	width: 100%;
 }

 .time-labels>div {
-    font-size: 14px;
-    color: var(--heo-fontcolor);
+	font-size: 14px;
+	color: var(--heo-fontcolor);
 }

@keyframes progressAnimation {
-    0% {
-        width: 0;
-    }
-    100% {
-        width: var(--progress-percentage, 0);
-    }
+	0% {
+		width: 0;
+	}
+
+	100% {
+		width: var(--progress-percentage, 0);
+	}
 }

@keyframes pastTimeAnimation {
-    0% {
-        transform: scaleX(0);
-    }
-    100% {
-        transform: scaleX(var(--past-time-percentage, 0));
-    }
+	0% {
+		transform: scaleX(0);
+	}
+
+	100% {
+		transform: scaleX(var(--past-time-percentage, 0));
+	}
 }

 .timeline:hover {
-    animation: btn31-eff 3s linear infinite;
-    cursor: pointer;
+	animation: btn31-eff 3s linear infinite;
+	cursor: pointer;
 }

@keyframes btn31-eff {
-    0% {
-        box-shadow: 0 0 2px var(--heo-main);
-    }
-    50% {
-        box-shadow: 0 0 40px var(--heo-main);
-    }
-    100% {
-        box-shadow: 0 0 2px var(--heo-main);
-    }
+	0% {
+		box-shadow: 0 0 2px var(--heo-main);
+	}
+
+	50% {
+		box-shadow: 0 0 40px var(--heo-main);
+	}
+
+	100% {
+		box-shadow: 0 0 2px var(--heo-main);
+	}
 }
--- a/templates/assets/js/halo.js
+++ b/templates/assets/js/halo.js
@ -18,7 +18,6 @@ let halo = {
 		var e = document.querySelector("link[data-code-theme=light]"),
 			o = document.querySelector("link[data-code-theme=dark]");
 		(o || e) && ("light" === t ? (o.disabled = !0, e.disabled = !1) : (e.disabled = !0, o.disabled = !1))
-
 	},

 	/**
@ -32,7 +31,6 @@ let halo = {

 		if (!Prism.plugins.toolbar) {
 			console.warn('Copy to Clipboard plugin loaded before Toolbar plugin.');
-
 			return;
 		}

@ -322,7 +320,8 @@ let halo = {
 					'limit': '100'
 				});

-				fetch(GLOBAL_CONFIG.source.artalk.artalkUrl + 'api/v2/stats/latest_comments?' + queryParams.toString(),
+				fetch(GLOBAL_CONFIG.source.artalk.artalkUrl + 'api/v2/stats/latest_comments?' + queryParams
+						.toString(),
 						statheaderList)
 					.then((e => e.json())).then((({
 						data: t
@ -375,20 +374,44 @@ let halo = {
 	},

 	getTopSponsors() {
-		var user_id = GLOBAL_CONFIG.source.power.userId
-		var show_num = GLOBAL_CONFIG.source.power.showNum
+		var show_num = GLOBAL_CONFIG.source.power.showNum;
+		var url = GLOBAL_CONFIG.source.power.url;

 		function getPower() {
-			const url = GLOBAL_CONFIG.source.power.url + user_id
+			const url = GLOBAL_CONFIG.source.power.url;
+			let powerStar = document.getElementById("power-star")
+			powerStar.href = GLOBAL_CONFIG.source.power.powerLink
 			fetch(url)
-				.then(res => res.json())
+				.then(response => {
+					// 检查响应状态码
+					if (!response.ok) {
+						// 如果响应状态码不是 200，抛出一个错误
+						powerStar.innerHTML = `
+						                    <div id="power-star-image" style="background-image: url('/themes/theme-hao/assets/images/afadian/afadian.webp')">
+						                    </div>
+						                    <div class="power-star-body">
+						                        <div id="power-star-title">还没有人赞助～</div>
+						                        <div id="power-star-desc">为爱发电，点击赞助</div>
+						                    </div>`;
+					}
+					return response.json(); // 只有在状态码为 200 时才解析 JSON
+				})
 				.then(data => {
 					if (200 === data["ec"]) {
-						var values = data["data"]["list"]
+						const values = data["data"]["list"];
 						saveToLocal.set('power-data', JSON.stringify(values), 10 / (60 * 24))
 						renderer(values);
 					}
-
+				})
+				.catch(error => {
+					powerStar.innerHTML = ` 
+					                    <div id="power-star-image" style="background-image: url('/themes/theme-hao/assets/images/afadian/afadian.webp')">
+					                    </div>
+					                    <div class="power-star-body">
+					                        <div id="power-star-title">还没有人赞助～</div>
+					                        <div id="power-star-desc">为爱发电，点击赞助</div>
+					                    </div>`;
+					console.error(error);
 				})
 		}

@ -398,22 +421,22 @@ let halo = {
 			if (values.length === 0) {
 				powerStar.href = GLOBAL_CONFIG.source.power.powerLink
 				powerStar.innerHTML = ` 
-                        <div id="power-star-image" style="background-image: url('/themes/theme-hao/assets/images/afadian/afadian.webp')">
-                        </div>
-                        <div class="power-star-body">
-                            <div id="power-star-title">还没有人赞助～</div>
-                            <div id="power-star-desc">为爱发电，点击赞助</div>
-                        </div>`;
+			                        <div id="power-star-image" style="background-image: url('/themes/theme-hao/assets/images/afadian/afadian.webp')">
+			                        </div>
+			                        <div class="power-star-body">
+			                            <div id="power-star-title">还没有人赞助～</div>
+			                            <div id="power-star-desc">为爱发电，点击赞助</div>
+			                        </div>`;
 			} else {
 				if (powerStar) {
-					powerStar.href = "https://afdian.net/u/" + data[0].user_id
+					powerStar.href = "https://afdian.net/u/" + data[0]["user"].user_id
 					powerStar.innerHTML = ` 
-                        <div id="power-star-image" style="background-image: url(${data[0].avatar})">
-                        </div>
-                        <div class="power-star-body">
-                            <div id="power-star-title">${data[0].name}</div>
-                            <div id="power-star-desc">更多支持，为爱发电</div>
-                        </div>`;
+			                        <div id="power-star-image" style="background-image: url(${data[0]["user"].avatar})">
+			                        </div>
+			                        <div class="power-star-body">
+			                            <div id="power-star-title">${data[0]["user"].name}</div>
+			                            <div id="power-star-desc">更多支持，为爱发电</div>
+			                        </div>`;
 				}

 				if (values.length > 1) {
@ -424,7 +447,7 @@ let halo = {
 							break;
 						}
 						htmlText +=
-							` <a href="${"https://afdian.net/u/" + value["user_id"]}" rel="external nofollow" target="_blank" th:title="${value["name"]}">${value["name"]}</a>`;
+							` <a href="${"https://afdian.net/u/" + value["user"]["user_id"]}" rel="external nofollow" target="_blank" th:title="${value["user"]["name"]}">${value["user"]["name"]}</a>`;
 						i = i + 1;
 					}
 					if (document.getElementById("power-item-link")) {
@ -439,7 +462,7 @@ let halo = {
 			if (data) {
 				renderer(JSON.parse(data))
 			} else {
-				getPower()
+				getPower();
 			}
 		}

--- a/templates/assets/js/heo.js
+++ b/templates/assets/js/heo.js
--- a/templates/assets/js/utils.js
+++ b/templates/assets/js/utils.js
@ -2,352 +2,358 @@ var btf = {



-    // 修改时间显示"最近"
-    diffDateExact: function (d, more = false) {
-        const dateNow = new Date();
-        const datePost = new Date(d);
-        const dateDiff = dateNow.getTime() - datePost.getTime();
-        const minute = 1000 * 60;
-        const hour = minute * 60;
-        const day = hour * 24;
-        const month = day * 30;
+	// 修改时间显示"最近"
+	diffDateExact: function(d, more = false) {
+		const dateNow = new Date();
+		const datePost = new Date(d);
+		const dateDiff = dateNow.getTime() - datePost.getTime();
+		const minute = 1000 * 60;
+		const hour = minute * 60;
+		const day = hour * 24;
+		const month = day * 30;

-        let result;
-        if (more) {
-            const monthCount = dateDiff / month;
-            const dayCount = dateDiff / day;
-            const hourCount = dateDiff / hour;
-            const minuteCount = dateDiff / minute;
+		let result;
+		if (more) {
+			const monthCount = dateDiff / month;
+			const dayCount = dateDiff / day;
+			const hourCount = dateDiff / hour;
+			const minuteCount = dateDiff / minute;

-            if (monthCount >= 1) {
-                result = datePost.toLocaleDateString().replace(/\//g, "-");
-            } else if (dayCount >= 1) {
-                result = parseInt(dayCount) + " " + GLOBAL_CONFIG.date_suffix.day;
-            } else if (hourCount >= 1) {
-                result = parseInt(hourCount) + " " + GLOBAL_CONFIG.date_suffix.hour;
-            } else if (minuteCount >= 1) {
-                result = parseInt(minuteCount) + " " + GLOBAL_CONFIG.date_suffix.min;
-            } else {
-                result = GLOBAL_CONFIG.date_suffix.just;
-            }
-        } else {
-            result = parseInt(dateDiff / day);
-        }
-        return result;
-    },
+			if (monthCount >= 1) {
+				result = datePost.toLocaleDateString().replace(/\//g, "-");
+			} else if (dayCount >= 1) {
+				result = parseInt(dayCount) + " " + GLOBAL_CONFIG.date_suffix.day;
+			} else if (hourCount >= 1) {
+				result = parseInt(hourCount) + " " + GLOBAL_CONFIG.date_suffix.hour;
+			} else if (minuteCount >= 1) {
+				result = parseInt(minuteCount) + " " + GLOBAL_CONFIG.date_suffix.min;
+			} else {
+				result = GLOBAL_CONFIG.date_suffix.just;
+			}
+		} else {
+			result = parseInt(dateDiff / day);
+		}
+		return result;
+	},

-    loadLightbox: ele => {
+	loadLightbox: ele => {

-        const jqLoadAndRun = () => {
-            const $fancyboxEle = GLOBAL_CONFIG.lightbox === 'fancybox'
-                ? ele
-                : []
-            const fbLengthNoZero = $fancyboxEle.length > 0
+		const jqLoadAndRun = () => {
+			const $fancyboxEle = GLOBAL_CONFIG.lightbox === 'fancybox' ?
+				ele :
+				[]
+			const fbLengthNoZero = $fancyboxEle.length > 0

-            if (fbLengthNoZero) {
-                btf.isJqueryLoad(() => {
-                    fbLengthNoZero && addFancybox($fancyboxEle)
-                })
-            }
-        }
+			if (fbLengthNoZero) {
+				btf.isJqueryLoad(() => {
+					fbLengthNoZero && addFancybox($fancyboxEle)
+				})
+			}
+		}

-        /**
-         * fancybox
-         */
-        const addFancybox = function (ele) {
-            const runFancybox = (ele) => {
-                ele.each(function (i, o) {
-                    const $this = $(o)
-                    const lazyloadSrc = $this.attr('data-lazy-src') || $this.attr('src')
-                    const dataCaption = $this.attr('alt') || ''
-                    $this.wrap(`<a href="${lazyloadSrc}" data-fancybox="images" data-caption="${dataCaption}" class="fancybox" data-srcset="${lazyloadSrc}"></a>`)
-                })
+		/**
+		 * fancybox
+		 */
+		const addFancybox = function(ele) {
+			const runFancybox = (ele) => {
+				ele.each(function(i, o) {
+					const $this = $(o)
+					const lazyloadSrc = $this.attr('data-lazy-src') || $this.attr('src')
+					const dataCaption = $this.attr('alt') || ''
+					$this.wrap(
+						`<a href="${lazyloadSrc}" data-fancybox="images" data-caption="${dataCaption}" class="fancybox" data-srcset="${lazyloadSrc}"></a>`
+						)
+				})

-                $().fancybox({
-                    selector: '[data-fancybox]',
-                    loop: true,
-                    transitionEffect: 'slide',
-                    protect: true,
-                    buttons: ['slideShow', 'fullScreen', 'thumbs', 'close'],
-                    hash: false
-                })
-            }
+				$().fancybox({
+					selector: '[data-fancybox]',
+					loop: true,
+					transitionEffect: 'slide',
+					protect: true,
+					buttons: ['slideShow', 'fullScreen', 'thumbs', 'close'],
+					hash: false
+				})
+			}

-            if (typeof $.fancybox === 'undefined') {
-                // $('head').append(`<link rel="stylesheet" type="text/css" href="${GLOBAL_CONFIG.source.fancybox.css}">`)
-                $.getScript(`${GLOBAL_CONFIG.source.fancybox.js}`, function () {
-                    runFancybox($(ele))
-                })
-            } else {
-                runFancybox($(ele))
-            }
-        }
+			if (typeof $.fancybox === 'undefined') {
+				// $('head').append(`<link rel="stylesheet" type="text/css" href="${GLOBAL_CONFIG.source.fancybox.css}">`)
+				$.getScript(`${GLOBAL_CONFIG.source.fancybox.js}`, function() {
+					runFancybox($(ele))
+				})
+			} else {
+				runFancybox($(ele))
+			}
+		}

-        jqLoadAndRun()
+		jqLoadAndRun()

-    },
-    debounce: function (func, wait, immediate) {
-        let timeout
-        return function () {
-            const context = this
-            const args = arguments
-            const later = function () {
-                timeout = null
-                if (!immediate) func.apply(context, args)
-            }
-            const callNow = immediate && !timeout
-            clearTimeout(timeout)
-            timeout = setTimeout(later, wait)
-            if (callNow) func.apply(context, args)
-        }
-    },
+	},
+	debounce: function(func, wait, immediate) {
+		let timeout
+		return function() {
+			const context = this
+			const args = arguments
+			const later = function() {
+				timeout = null
+				if (!immediate) func.apply(context, args)
+			}
+			const callNow = immediate && !timeout
+			clearTimeout(timeout)
+			timeout = setTimeout(later, wait)
+			if (callNow) func.apply(context, args)
+		}
+	},

-    throttle: function (func, wait, options) {
-        let timeout, context, args
-        let previous = 0
-        if (!options) options = {}
+	throttle: function(func, wait, options) {
+		let timeout, context, args
+		let previous = 0
+		if (!options) options = {}

-        const later = function () {
-            previous = options.leading === false ? 0 : new Date().getTime()
-            timeout = null
-            func.apply(context, args)
-            if (!timeout) context = args = null
-        }
+		const later = function() {
+			previous = options.leading === false ? 0 : new Date().getTime()
+			timeout = null
+			func.apply(context, args)
+			if (!timeout) context = args = null
+		}

-        const throttled = function () {
-            const now = new Date().getTime()
-            if (!previous && options.leading === false) previous = now
-            const remaining = wait - (now - previous)
-            context = this
-            args = arguments
-            if (remaining <= 0 || remaining > wait) {
-                if (timeout) {
-                    clearTimeout(timeout)
-                    timeout = null
-                }
-                previous = now
-                func.apply(context, args)
-                if (!timeout) context = args = null
-            } else if (!timeout && options.trailing !== false) {
-                timeout = setTimeout(later, remaining)
-            }
-        }
+		const throttled = function() {
+			const now = new Date().getTime()
+			if (!previous && options.leading === false) previous = now
+			const remaining = wait - (now - previous)
+			context = this
+			args = arguments
+			if (remaining <= 0 || remaining > wait) {
+				if (timeout) {
+					clearTimeout(timeout)
+					timeout = null
+				}
+				previous = now
+				func.apply(context, args)
+				if (!timeout) context = args = null
+			} else if (!timeout && options.trailing !== false) {
+				timeout = setTimeout(later, remaining)
+			}
+		}

-        return throttled
-    },
+		return throttled
+	},

-    sidebarPaddingR: () => {
-        const innerWidth = window.innerWidth
-        const clientWidth = document.body.clientWidth
-        const paddingRight = innerWidth - clientWidth
-        if (innerWidth !== clientWidth) {
-            document.body.style.paddingRight = paddingRight + 'px'
-        }
-    },
+	sidebarPaddingR: () => {
+		const innerWidth = window.innerWidth
+		const clientWidth = document.body.clientWidth
+		const paddingRight = innerWidth - clientWidth
+		if (innerWidth !== clientWidth) {
+			document.body.style.paddingRight = paddingRight + 'px'
+		}
+	},

-    snackbarShow: (text, showActionFunction = false, duration = 2000, actionText = false) => {
-        const { position, bgLight, bgDark } = GLOBAL_CONFIG.Snackbar;
-        const bg = document.documentElement.getAttribute("data-theme") === "light" ? bgLight : bgDark;
-        const root = document.querySelector(":root");
-        root.style.setProperty("--heo-snackbar-time", duration + "ms");
+	snackbarShow: (text, showActionFunction = false, duration = 2000, actionText = false) => {
+		const {
+			position,
+			bgLight,
+			bgDark
+		} = GLOBAL_CONFIG.Snackbar;
+		const bg = document.documentElement.getAttribute("data-theme") === "light" ? bgLight : bgDark;
+		const root = document.querySelector(":root");
+		root.style.setProperty("--heo-snackbar-time", duration + "ms");

-        Snackbar.show({
-            text: text,
-            backgroundColor: bg,
-            onActionClick: showActionFunction,
-            actionText: actionText,
-            showAction: actionText,
-            duration: duration,
-            pos: position,
-            customClass: "snackbar-css",
-        });
-    },
+		Snackbar.show({
+			text: text,
+			backgroundColor: bg,
+			onActionClick: showActionFunction,
+			actionText: actionText,
+			showAction: actionText,
+			duration: duration,
+			pos: position,
+			customClass: "snackbar-css",
+		});
+	},

-    initJustifiedGallerys: function (selector) {
-        selector.forEach((function(t) {
-                btf.isHidden(t) || fjGallery(t, {
-                    itemSelector: ".fj-gallery-item",
-                    rowHeight: 240,
-                    gutter: 4,
-                    onJustify: function() {
-                        this.$container.style.opacity = "1"
-                    }
-                })
-            }
-        ))
-        document.querySelectorAll('#article-container .loadings')[0]?.classList.remove("loadings");
-    },
+	initJustifiedGallerys: function(selector) {
+		selector.forEach((function(t) {
+			btf.isHidden(t) || fjGallery(t, {
+				itemSelector: ".fj-gallery-item",
+				rowHeight: 240,
+				gutter: 4,
+				onJustify: function() {
+					this.$container.style.opacity = "1"
+				}
+			})
+		}))
+		document.querySelectorAll('#article-container .loadings')[0]?.classList.remove("loadings");
+	},

-    diffDate: (d, more = false) => {
-        const dateNow = new Date()
-        const datePost = new Date(d)
-        const dateDiff = dateNow.getTime() - datePost.getTime()
-        const minute = 1000 * 60
-        const hour = minute * 60
-        const day = hour * 24
-        const month = day * 30
+	diffDate: (d, more = false) => {
+		const dateNow = new Date()
+		const datePost = new Date(d)
+		const dateDiff = dateNow.getTime() - datePost.getTime()
+		const minute = 1000 * 60
+		const hour = minute * 60
+		const day = hour * 24
+		const month = day * 30

-        let result
-        if (more) {
-            const monthCount = dateDiff / month
-            const dayCount = dateDiff / day
-            const hourCount = dateDiff / hour
-            const minuteCount = dateDiff / minute
+		let result
+		if (more) {
+			const monthCount = dateDiff / month
+			const dayCount = dateDiff / day
+			const hourCount = dateDiff / hour
+			const minuteCount = dateDiff / minute

-            if (monthCount > 12) {
-                // result = datePost.toLocaleDateString().replace(/\//g, '-')
-                result = datePost.toLocaleDateString()
-            } else if (dayCount >= 7) {
-                // } else if (monthCount >= 1) {
-                result = datePost.toLocaleDateString().substr(5)
-                // result = parseInt(monthCount) + ' ' + GLOBAL_CONFIG.date_suffix.month
-            } else if (dayCount >= 1) {
-                result = parseInt(dayCount) + '' + GLOBAL_CONFIG.date_suffix.day
-            } else if (hourCount >= 1) {
-                // result = '最近'
-                result = parseInt(hourCount) + ' ' + GLOBAL_CONFIG.date_suffix.hour
-            } else if (minuteCount >= 1) {
-                // result = '最近'
-                result = parseInt(minuteCount) + ' ' + GLOBAL_CONFIG.date_suffix.min
-            } else {
-                result = GLOBAL_CONFIG.date_suffix.just
-            }
-        } else {
-            result = parseInt(dateDiff / day)
-        }
-        return result
-    },
+			if (monthCount > 12) {
+				// result = datePost.toLocaleDateString().replace(/\//g, '-')
+				result = datePost.toLocaleDateString()
+			} else if (dayCount >= 7) {
+				// } else if (monthCount >= 1) {
+				result = datePost.toLocaleDateString().substr(5)
+				// result = parseInt(monthCount) + ' ' + GLOBAL_CONFIG.date_suffix.month
+			} else if (dayCount >= 1) {
+				result = parseInt(dayCount) + '' + GLOBAL_CONFIG.date_suffix.day
+			} else if (hourCount >= 1) {
+				// result = '最近'
+				result = parseInt(hourCount) + ' ' + GLOBAL_CONFIG.date_suffix.hour
+			} else if (minuteCount >= 1) {
+				// result = '最近'
+				result = parseInt(minuteCount) + ' ' + GLOBAL_CONFIG.date_suffix.min
+			} else {
+				result = GLOBAL_CONFIG.date_suffix.just
+			}
+		} else {
+			result = parseInt(dateDiff / day)
+		}
+		return result
+	},

-    loadComment: (dom, callback) => {
-        if ('IntersectionObserver' in window) {
-            const observerItem = new IntersectionObserver((entries) => {
-                if (entries[0].isIntersecting) {
-                    callback()
-                    observerItem.disconnect()
-                }
-            }, {threshold: [0]})
-            observerItem.observe(dom)
-        } else {
-            callback()
-        }
-    },
+	loadComment: (dom, callback) => {
+		if ('IntersectionObserver' in window) {
+			const observerItem = new IntersectionObserver((entries) => {
+				if (entries[0].isIntersecting) {
+					callback()
+					observerItem.disconnect()
+				}
+			}, {
+				threshold: [0]
+			})
+			observerItem.observe(dom)
+		} else {
+			callback()
+		}
+	},


-    scrollToDest: (e,t)=>{
-        if (e < 0 || t < 0)
-            return;
-        const n = window.scrollY || window.screenTop;
-        if (e -= 70,
-        "CSS"in window && CSS.supports("scroll-behavior", "smooth"))
-            return void window.scrollTo({
-                top: e,
-                behavior: "smooth"
-            });
-        let o = null;
-        t = t || 500,
-            window.requestAnimationFrame((function i(s) {
-                    if (o = o || s,
-                    n < e) {
-                        const r = s - o;
-                        window.scrollTo(0, (e - n) * r / t + n),
-                            r < t ? window.requestAnimationFrame(i) : window.scrollTo(0, e)
-                    } else {
-                        const r = s - o;
-                        window.scrollTo(0, n - (n - e) * r / t),
-                            r < t ? window.requestAnimationFrame(i) : window.scrollTo(0, e)
-                    }
-                }
-            ))
-    },
+	scrollToDest: (e, t) => {
+		if (e < 0 || t < 0)
+			return;
+		const n = window.scrollY || window.screenTop;
+		if (e -= 70,
+			"CSS" in window && CSS.supports("scroll-behavior", "smooth"))
+			return void window.scrollTo({
+				top: e,
+				behavior: "smooth"
+			});
+		let o = null;
+		t = t || 500,
+			window.requestAnimationFrame((function i(s) {
+				if (o = o || s,
+					n < e) {
+					const r = s - o;
+					window.scrollTo(0, (e - n) * r / t + n),
+						r < t ? window.requestAnimationFrame(i) : window.scrollTo(0, e)
+				} else {
+					const r = s - o;
+					window.scrollTo(0, n - (n - e) * r / t),
+						r < t ? window.requestAnimationFrame(i) : window.scrollTo(0, e)
+				}
+			}))
+	},

-    fadeIn: (ele, time) => {
-        ele.style.cssText = `display:block;animation: to_show ${time}s`
-    },
+	fadeIn: (ele, time) => {
+		ele.style.cssText = `display:block;animation: to_show ${time}s`
+	},

-    fadeOut: (ele, time) => {
-        ele.addEventListener('animationend', function f() {
-            ele.style.cssText = "display: none; animation: '' "
-            ele.removeEventListener('animationend', f)
-        })
-        ele.style.animation = `to_hide ${time}s`
-    },
+	fadeOut: (ele, time) => {
+		ele.addEventListener('animationend', function f() {
+			ele.style.cssText = "display: none; animation: '' "
+			ele.removeEventListener('animationend', f)
+		})
+		ele.style.animation = `to_hide ${time}s`
+	},

-    getParents: (elem, selector) => {
-        for (; elem && elem !== document; elem = elem.parentNode) {
-            if (elem.matches(selector)) return elem
-        }
-        return null
-    },
+	getParents: (elem, selector) => {
+		for (; elem && elem !== document; elem = elem.parentNode) {
+			if (elem.matches(selector)) return elem
+		}
+		return null
+	},

-    siblings: (ele, selector) => {
-        return [...ele.parentNode.children].filter((child) => {
-            if (selector) {
-                return child !== ele && child.matches(selector)
-            }
-            return child !== ele
-        })
-    },
+	siblings: (ele, selector) => {
+		return [...ele.parentNode.children].filter((child) => {
+			if (selector) {
+				return child !== ele && child.matches(selector)
+			}
+			return child !== ele
+		})
+	},

-    /**
-     *
-     * @param {*} selector
-     * @param {*} eleType the type of create element
-     * @param {*} id id
-     * @param {*} cn class name
-     */
-    wrap: function (selector, eleType, id = '', cn = '') {
-        const creatEle = document.createElement(eleType)
-        if (id) creatEle.id = id
-        if (cn) creatEle.className = cn
-        selector.parentNode.insertBefore(creatEle, selector)
-        creatEle.appendChild(selector)
-    },
+	/**
+	 *
+	 * @param {*} selector
+	 * @param {*} eleType the type of create element
+	 * @param {*} id id
+	 * @param {*} cn class name
+	 */
+	wrap: function(selector, eleType, id = '', cn = '') {
+		const creatEle = document.createElement(eleType)
+		if (id) creatEle.id = id
+		if (cn) creatEle.className = cn
+		selector.parentNode.insertBefore(creatEle, selector)
+		creatEle.appendChild(selector)
+	},

-    unwrap: function (el) {
-        const elParentNode = el.parentNode
-        if (elParentNode !== document.body) {
-            elParentNode.parentNode.insertBefore(el, elParentNode)
-            elParentNode.parentNode.removeChild(elParentNode)
-        }
-    },
+	unwrap: function(el) {
+		const elParentNode = el.parentNode
+		if (elParentNode !== document.body) {
+			elParentNode.parentNode.insertBefore(el, elParentNode)
+			elParentNode.parentNode.removeChild(elParentNode)
+		}
+	},

-    isJqueryLoad: (fn) => {
-        if (typeof jQuery === 'undefined') {
-            getScript(GLOBAL_CONFIG.source.jQuery).then(fn)
-        } else {
-            fn()
-        }
-    },
+	isJqueryLoad: (fn) => {
+		if (typeof jQuery === 'undefined') {
+			getScript(GLOBAL_CONFIG.source.jQuery).then(fn)
+		} else {
+			fn()
+		}
+	},

-    isHidden: (ele) => ele.offsetHeight === 0 && ele.offsetWidth === 0,
+	isHidden: (ele) => ele.offsetHeight === 0 && ele.offsetWidth === 0,

-    getEleTop: (ele) => {
-        let actualTop = ele.offsetTop
-        let current = ele.offsetParent
+	getEleTop: (ele) => {
+		let actualTop = ele.offsetTop
+		let current = ele.offsetParent

-        while (current !== null) {
-            actualTop += current.offsetTop
-            current = current.offsetParent
-        }
+		while (current !== null) {
+			actualTop += current.offsetTop
+			current = current.offsetParent
+		}

-        return actualTop
-    },
-    //过滤标签
-    changeContent: (content,length = null)=>{
-        if (content === '') return content
+		return actualTop
+	},
+	//过滤标签
+	changeContent: (content, length = null) => {
+		if (content === '') return content

-        content = content.replace(/<img.*?src="(.*?)"?[^\>]+>/ig, '[图片]') // replace image link
-        content = content.replace(/<a[^>]+?href=["']?([^"']+)["']?[^>]*>([^<]+)<\/a>/gi, '[链接]') // replace url
-        content = content.replace(/<pre><code>.*?<\/pre>/gi, '[代码]') // replace code
-        content = content.replace(/<[^>]+>/g, "") // remove html tag
+		content = content.replace(/<img.*?src="(.*?)"?[^\>]+>/ig, '[图片]') // replace image link
+		content = content.replace(/<a[^>]+?href=["']?([^"']+)["']?[^>]*>([^<]+)<\/a>/gi, '[链接]') // replace url
+		content = content.replace(/<pre><code>.*?<\/pre>/gi, '[代码]') // replace code
+		content = content.replace(/<[^>]+>/g, "") // remove html tag

-        if (length!=null){
-            if (content.length > length) {
-                content = content.substring(0, length) + '...'
-            }
-        }
+		if (length != null) {
+			if (content.length > length) {
+				content = content.substring(0, length) + '...'
+			}
+		}

-        return content
-    }
+		return content
+	}

-}
+}
--- a/templates/assets/libs/artalk/Artalk.css
+++ b/templates/assets/libs/artalk/Artalk.css
--- a/templates/assets/libs/artalk/Artalk.js
+++ b/templates/assets/libs/artalk/Artalk.js
--- a/templates/assets/libs/crypto/crypto-js.min.js
+++ b/templates/assets/libs/crypto/crypto-js.min.js
--- a/templates/assets/zhheo/custom.css
+++ b/templates/assets/zhheo/custom.css
@ -279,10 +279,37 @@ i.haofont.hao-icon-arrow-right.banner-righticon{
    --hao-gl-size: 16px !important;
 }
 #aside-content .card-announcement .item-headline i{
-    color: red;
+    color: palevioletred;
+	margin-left: -6px;
 }
 /* 小板报 */

+#aside-content .card-ad .item-headline i{
+    color: orangered;
+	margin-left: -6px;
+}
+
+#aside-content .card-power .item-headline i{
+    color: mediumpurple;
+	margin-right: 5px;
+}
+
+#aside-content .card-categories .item-headline i{
+    color: burlywood;
+	margin-right: 2px;
+}
+
+#aside-content .card-toc .item-headline i{
+    color: green;
+}
+
+#aside-content .card-comment .item-headline i{
+    color: rosybrown;
+}
+
+#aside-content .card-article .item-headline i{
+    color: cornflowerblue;
+}

 /* Steam卡片 */
 #aside-content .item-headline-steam {
--- a/templates/assets/zhheo/rightmenu.js
+++ b/templates/assets/zhheo/rightmenu.js
@ -3,26 +3,26 @@ let rm = {};

 //禁止图片拖拽
 rm.stopdragimg = $("img");
-rm.stopdragimg.on("dragstart", function () {
-    return false;
+rm.stopdragimg.on("dragstart", function() {
+	return false;
 });

 // 显示菜单
-rm.showRightMenu = function (isTrue, x = 0, y = 0) {
-    let $rightMenu = $('#rightMenu');
-    $rightMenu.css('top', x + 'px').css('left', y + 'px');
-    if (isTrue) {
-        $rightMenu.show();
-        stopMaskScroll()
-    } else {
-        $rightMenu.hide();
-    }
+rm.showRightMenu = function(isTrue, x = 0, y = 0) {
+	let $rightMenu = $('#rightMenu');
+	$rightMenu.css('top', x + 'px').css('left', y + 'px');
+	if (isTrue) {
+		$rightMenu.show();
+		stopMaskScroll()
+	} else {
+		$rightMenu.hide();
+	}
 }

 // 隐藏菜单
-rm.hideRightMenu = function () {
-    rm.showRightMenu(false);
-    $('#rightmenu-mask').attr('style', 'display: none');
+rm.hideRightMenu = function() {
+	rm.showRightMenu(false);
+	$('#rightmenu-mask').attr('style', 'display: none');
 }

 // 尺寸
@ -30,9 +30,9 @@ let rmWidth = $('#rightMenu').width();
 let rmHeight = $('#rightMenu').height();

 // 重新定义尺寸
-rm.reloadrmSize = function () {
-    rmWidth = $('#rightMenu').width();
-    rmHeight = $('#rightMenu').height();
+rm.reloadrmSize = function() {
+	rmWidth = $('#rightMenu').width();
+	rmHeight = $('#rightMenu').height();
 }

 // 获取点击的href
@ -41,225 +41,227 @@ let domImgSrc = '';
 let globalEvent = null;

 // 监听右键初始化
-window.oncontextmenu = function (event) {
-    if (document.body.clientWidth > 768) {
-        let pageX = event.clientX + 10;	//加10是为了防止显示时鼠标遮在菜单上
-        let pageY = event.clientY;
-        // console.log(event);
+window.oncontextmenu = function(event) {
+	if (document.body.clientWidth > 768) {
+		let pageX = event.clientX + 10; //加10是为了防止显示时鼠标遮在菜单上
+		let pageY = event.clientY;
+		// console.log(event);

-        //其他额外菜单
-        let $rightMenuOther = $('.rightMenuOther');
-        let $rightMenuPlugin = $('.rightMenuPlugin');
-        let $rightMenuCopyText = $('#menu-copytext');
-        let $rightMenuPasteText = $('#menu-pastetext');
-        let $rightMenuCommentText = $('#menu-commenttext');
-        let $rightMenuNewWindow = $('#menu-newwindow');
-        let $rightMenuNewWindowImg = $('#menu-newwindowimg');
-        let $rightMenuCopyLink = $('#menu-copylink');
-        let $rightMenuCopyImg = $('#menu-copyimg');
-        let $rightMenuDownloadImg = $('#menu-downloadimg');
-        let $rightMenuSearch = $('#menu-search');
-        let $rightMenuSearchBaidu = $('#menu-searchBaidu');
-        let $rightMenuMusicToggle = $('#menu-music-toggle');
-        let $rightMenuMusicBack = $('#menu-music-back');
-        let $rightMenuMusicForward = $('#menu-music-forward');
-        let $rightMenuMusicPlaylist = $('#menu-music-playlist');
-        let $rightMenuMusicCopyMusicName = $('#menu-music-copyMusicName');
-        let href = event.target.href;
-        let imgsrc = event.target.currentSrc;
+		//其他额外菜单
+		let $rightMenuOther = $('.rightMenuOther');
+		let $rightMenuPlugin = $('.rightMenuPlugin');
+		let $rightMenuCopyText = $('#menu-copytext');
+		let $rightMenuPasteText = $('#menu-pastetext');
+		let $rightMenuCommentText = $('#menu-commenttext');
+		let $rightMenuNewWindow = $('#menu-newwindow');
+		let $rightMenuNewWindowImg = $('#menu-newwindowimg');
+		let $rightMenuCopyLink = $('#menu-copylink');
+		let $rightMenuCopyImg = $('#menu-copyimg');
+		let $rightMenuDownloadImg = $('#menu-downloadimg');
+		let $rightMenuSearch = $('#menu-search');
+		let $rightMenuSearchBaidu = $('#menu-searchBaidu');
+		let $rightMenuMusicToggle = $('#menu-music-toggle');
+		let $rightMenuMusicBack = $('#menu-music-back');
+		let $rightMenuMusicForward = $('#menu-music-forward');
+		let $rightMenuMusicPlaylist = $('#menu-music-playlist');
+		let $rightMenuMusicCopyMusicName = $('#menu-music-copyMusicName');
+		let href = event.target.href;
+		let imgsrc = event.target.currentSrc;

-        // 判断模式 扩展模式为有事件
-        let pluginMode = false;
-        $rightMenuOther.show();
-        globalEvent = event;
+		// 判断模式 扩展模式为有事件
+		let pluginMode = false;
+		$rightMenuOther.show();
+		globalEvent = event;

-        // 检查是否需要复制 是否有选中文本
-        if (selectTextNow && window.getSelection()) {
-            pluginMode = true;
-            $rightMenuCopyText.show();
-            $rightMenuCommentText.show();
-            $rightMenuSearch.show();
-            $rightMenuSearchBaidu.show();
-        } else {
-            $rightMenuCopyText.hide();
-            $rightMenuCommentText.hide();
-            $rightMenuSearchBaidu.hide();
-            $rightMenuSearch.hide();
-        }
+		// 检查是否需要复制 是否有选中文本
+		if (selectTextNow && window.getSelection()) {
+			pluginMode = true;
+			$rightMenuCopyText.show();
+			$rightMenuCommentText.show();
+			$rightMenuSearch.show();
+			$rightMenuSearchBaidu.show();
+		} else {
+			$rightMenuCopyText.hide();
+			$rightMenuCommentText.hide();
+			$rightMenuSearchBaidu.hide();
+			$rightMenuSearch.hide();
+		}

-        //检查是否右键点击了链接a标签
-        if (href) {
-            pluginMode = true;
-            $rightMenuNewWindow.show();
-            $rightMenuCopyLink.show();
-            domhref = href;
-        } else {
-            $rightMenuNewWindow.hide();
-            $rightMenuCopyLink.hide();
-        }
+		//检查是否右键点击了链接a标签
+		if (href) {
+			pluginMode = true;
+			$rightMenuNewWindow.show();
+			$rightMenuCopyLink.show();
+			domhref = href;
+		} else {
+			$rightMenuNewWindow.hide();
+			$rightMenuCopyLink.hide();
+		}

-        //检查是否需要复制图片
-        if (imgsrc) {
-            pluginMode = true;
-            $rightMenuCopyImg.show();
-            $rightMenuDownloadImg.show();
-            $rightMenuNewWindowImg.show();
-            domImgSrc = imgsrc;
-        } else {
-            $rightMenuCopyImg.hide();
-            $rightMenuDownloadImg.hide();
-            $rightMenuNewWindowImg.hide();
-        }
+		//检查是否需要复制图片
+		if (imgsrc) {
+			pluginMode = true;
+			$rightMenuCopyImg.show();
+			$rightMenuDownloadImg.show();
+			$rightMenuNewWindowImg.show();
+			domImgSrc = imgsrc;
+		} else {
+			$rightMenuCopyImg.hide();
+			$rightMenuDownloadImg.hide();
+			$rightMenuNewWindowImg.hide();
+		}

-        // 判断是否为输入框
-        if (event.target.tagName.toLowerCase() === 'input' || event.target.tagName.toLowerCase() === 'textarea') {
-            console.log('这是一个输入框')
-            pluginMode = true;
-            $rightMenuPasteText.show();
-        } else {
-            $rightMenuPasteText.hide();
-        }
+		// 判断是否为输入框
+		if (event.target.tagName.toLowerCase() === 'input' || event.target.tagName.toLowerCase() === 'textarea') {
+			console.log('这是一个输入框')
+			pluginMode = true;
+			$rightMenuPasteText.show();
+		} else {
+			$rightMenuPasteText.hide();
+		}

-        //判断是否是音乐
-        const navMusicEl = document.querySelector("#nav-music");
-        if (navMusicEl && navMusicEl.contains(event.target)) {
-            pluginMode = true;
-            $rightMenuMusicToggle.show();
-            $rightMenuMusicBack.show();
-            $rightMenuMusicForward.show();
-            $rightMenuMusicPlaylist.show();
-            $rightMenuMusicCopyMusicName.show();
-        } else {
-            $rightMenuMusicToggle.hide();
-            $rightMenuMusicBack.hide();
-            $rightMenuMusicForward.hide();
-            $rightMenuMusicPlaylist.hide();
-            $rightMenuMusicCopyMusicName.hide()
-        }
+		//判断是否是音乐
+		const navMusicEl = document.querySelector("#nav-music");
+		if (navMusicEl && navMusicEl.contains(event.target)) {
+			pluginMode = true;
+			$rightMenuMusicToggle.show();
+			$rightMenuMusicBack.show();
+			$rightMenuMusicForward.show();
+			$rightMenuMusicPlaylist.show();
+			$rightMenuMusicCopyMusicName.show();
+		} else {
+			$rightMenuMusicToggle.hide();
+			$rightMenuMusicBack.hide();
+			$rightMenuMusicForward.hide();
+			$rightMenuMusicPlaylist.hide();
+			$rightMenuMusicCopyMusicName.hide()
+		}

-        // 如果不是扩展模式则隐藏扩展模块
-        if (pluginMode) {
-            $rightMenuOther.hide();
-            $rightMenuPlugin.show();
-        } else {
-            $rightMenuPlugin.hide()
-        }
+		// 如果不是扩展模式则隐藏扩展模块
+		if (pluginMode) {
+			$rightMenuOther.hide();
+			$rightMenuPlugin.show();
+		} else {
+			$rightMenuPlugin.hide()
+		}

-        rm.reloadrmSize()
+		rm.reloadrmSize()

-        // 鼠标默认显示在鼠标右下方，当鼠标靠右或考下时，将菜单显示在鼠标左方\上方
-        if (pageX + rmWidth > window.innerWidth) {
-            pageX -= rmWidth + 10;
-        }
-        if (pageY + rmHeight > window.innerHeight) {
-            pageY -= pageY + rmHeight - window.innerHeight;
-        }
+		// 鼠标默认显示在鼠标右下方，当鼠标靠右或考下时，将菜单显示在鼠标左方\上方
+		if (pageX + rmWidth > window.innerWidth) {
+			pageX -= rmWidth + 10;
+		}
+		if (pageY + rmHeight > window.innerHeight) {
+			pageY -= pageY + rmHeight - window.innerHeight;
+		}

-        rm.showRightMenu(true, pageY, pageX);
-        $('#rightmenu-mask').attr('style', 'display: flex');
-        return false;
-    }
+		rm.showRightMenu(true, pageY, pageX);
+		$('#rightmenu-mask').attr('style', 'display: flex');
+		return false;
+	}
 };

 // 下载图片状态
 rm.downloadimging = false;

 // 复制图片到剪贴板
-rm.writeClipImg = function (imgsrc) {
-    console.log('按下复制');
-    rm.hideRightMenu();
-    btf.snackbarShow('正在下载中，请稍后', false, 10000)
-    if (rm.downloadimging == false) {
-        rm.downloadimging = true;
-        setTimeout(function () {
-            copyImage(imgsrc);
-            btf.snackbarShow('复制成功！图片已添加盲水印，请遵守版权协议');
-            rm.downloadimging = false;
-        }, "10000")
-    }
+rm.writeClipImg = function(imgsrc) {
+	console.log('按下复制');
+	rm.hideRightMenu();
+	btf.snackbarShow('正在下载中，请稍后', false, 10000)
+	if (rm.downloadimging == false) {
+		rm.downloadimging = true;
+		setTimeout(function() {
+			copyImage(imgsrc);
+			btf.snackbarShow('复制成功！图片已添加盲水印，请遵守版权协议');
+			rm.downloadimging = false;
+		}, "10000")
+	}
 }

 function imageToBlob(imageURL) {
-    const img = new Image;
-    const c = document.createElement("canvas");
-    const ctx = c.getContext("2d");
-    img.crossOrigin = "";
-    img.src = imageURL;
-    return new Promise(resolve => {
-        img.onload = function () {
-            c.width = this.naturalWidth;
-            c.height = this.naturalHeight;
-            ctx.drawImage(this, 0, 0);
-            c.toBlob((blob) => {
-                // here the image is a blob
-                resolve(blob)
-            }, "image/png", 0.75);
-        };
-    })
+	const img = new Image;
+	const c = document.createElement("canvas");
+	const ctx = c.getContext("2d");
+	img.crossOrigin = "";
+	img.src = imageURL;
+	return new Promise(resolve => {
+		img.onload = function() {
+			c.width = this.naturalWidth;
+			c.height = this.naturalHeight;
+			ctx.drawImage(this, 0, 0);
+			c.toBlob((blob) => {
+				// here the image is a blob
+				resolve(blob)
+			}, "image/png", 0.75);
+		};
+	})
 }

 async function copyImage(imageURL) {
-    const blob = await imageToBlob(imageURL)
-    const item = new ClipboardItem({"image/png": blob});
-    navigator.clipboard.write([item]);
+	const blob = await imageToBlob(imageURL)
+	const item = new ClipboardItem({
+		"image/png": blob
+	});
+	navigator.clipboard.write([item]);
 }

-rm.switchDarkMode = function () {
-    navFn.switchDarkMode();
-    rm.hideRightMenu();
+rm.switchDarkMode = function() {
+	navFn.switchDarkMode();
+	rm.hideRightMenu();

-    //halo.darkComment();
+	//halo.darkComment();
 }

-rm.copyUrl = function (id) {
-    $("body").after("<input id='copyVal'></input>");
-    var text = id;
-    var input = document.getElementById("copyVal");
-    input.value = text;
-    input.select();
-    input.setSelectionRange(0, input.value.length);
-    document.execCommand("copy");
-    $("#copyVal").remove();
+rm.copyUrl = function(id) {
+	$("body").after("<input id='copyVal'></input>");
+	var text = id;
+	var input = document.getElementById("copyVal");
+	input.value = text;
+	input.select();
+	input.setSelectionRange(0, input.value.length);
+	document.execCommand("copy");
+	$("#copyVal").remove();
 }

 function stopMaskScroll() {
-    if (document.getElementById("rightmenu-mask")) {
-        let xscroll = document.getElementById("rightmenu-mask");
-        xscroll.addEventListener("mousewheel", function (e) {
-            //阻止浏览器默认方法
-            rm.hideRightMenu();
-            // e.preventDefault();
-        }, false);
-    }
-    if (document.getElementById("rightMenu")) {
-        let xscroll = document.getElementById("rightMenu");
-        xscroll.addEventListener("mousewheel", function (e) {
-            //阻止浏览器默认方法
-            rm.hideRightMenu();
-            // e.preventDefault();
-        }, false);
-    }
+	if (document.getElementById("rightmenu-mask")) {
+		let xscroll = document.getElementById("rightmenu-mask");
+		xscroll.addEventListener("mousewheel", function(e) {
+			//阻止浏览器默认方法
+			rm.hideRightMenu();
+			// e.preventDefault();
+		}, false);
+	}
+	if (document.getElementById("rightMenu")) {
+		let xscroll = document.getElementById("rightMenu");
+		xscroll.addEventListener("mousewheel", function(e) {
+			//阻止浏览器默认方法
+			rm.hideRightMenu();
+			// e.preventDefault();
+		}, false);
+	}
 }

-rm.rightmenuCopyText = function (txt) {
-    if (navigator.clipboard) {
-        navigator.clipboard.writeText(txt);
-    }
-    rm.hideRightMenu();
+rm.rightmenuCopyText = function(txt) {
+	if (navigator.clipboard) {
+		navigator.clipboard.writeText(txt);
+	}
+	rm.hideRightMenu();
 }

-rm.copyPageUrl = function () {
-    var url = window.location.href;
-    rm.copyUrl(url);
-    btf.snackbarShow('复制本页链接地址成功', false, 2000);
-    rm.hideRightMenu();
+rm.copyPageUrl = function() {
+	var url = window.location.href;
+	rm.copyUrl(url);
+	btf.snackbarShow('复制本页链接地址成功', false, 2000);
+	rm.hideRightMenu();
 }

-rm.sharePage = function () {
-    var content = window.location.href;
-    rm.copyUrl(url);
-    btf.snackbarShow('复制本页链接地址成功', false, 2000);
-    rm.hideRightMenu();
+rm.sharePage = function() {
+	var content = window.location.href;
+	rm.copyUrl(url);
+	btf.snackbarShow('复制本页链接地址成功', false, 2000);
+	rm.hideRightMenu();
 }

 // 复制当前选中文本
@ -267,160 +269,161 @@ var selectTextNow = '';
 document.onmouseup = document.ondbclick = selceText;

 function selceText() {
-    var txt;
-    if (document.selection) {
-        txt = document.selection.createRange().text;
-    } else {
-        txt = window.getSelection() + '';
-    }
-    if (txt) {
-        selectTextNow = txt;
-        // console.log(selectTextNow);
-    } else {
-        selectTextNow = '';
-    }
+	var txt;
+	if (document.selection) {
+		txt = document.selection.createRange().text;
+	} else {
+		txt = window.getSelection() + '';
+	}
+	if (txt) {
+		selectTextNow = txt;
+		// console.log(selectTextNow);
+	} else {
+		selectTextNow = '';
+	}
 }

 // 读取剪切板
-rm.readClipboard = function () {
-    if (navigator.clipboard) {
-        navigator.clipboard.readText().then(clipText => rm.insertAtCaret(globalEvent.target, clipText));
-    }
+rm.readClipboard = function() {
+	if (navigator.clipboard) {
+		navigator.clipboard.readText().then(clipText => rm.insertAtCaret(globalEvent.target, clipText));
+	}
 }

 // 粘贴文本到焦点
-rm.insertAtCaret = function (elemt, value) {
-    const startPos = elemt.selectionStart,
-        endPos = elemt.selectionEnd;
-    if (document.selection) {
-        elemt.focus();
-        var sel = document.selection.createRange();
-        sel.text = value;
-        elemt.focus();
-    } else {
-        if (startPos || startPos == '0') {
-            var scrollTop = elemt.scrollTop;
-            elemt.value = elemt.value.substring(0, startPos) + value + elemt.value.substring(endPos, elemt.value.length);
-            elemt.focus();
-            elemt.selectionStart = startPos + value.length;
-            elemt.selectionEnd = startPos + value.length;
-            elemt.scrollTop = scrollTop;
-        } else {
-            elemt.value += value;
-            elemt.focus();
-        }
-    }
+rm.insertAtCaret = function(elemt, value) {
+	const startPos = elemt.selectionStart,
+		endPos = elemt.selectionEnd;
+	if (document.selection) {
+		elemt.focus();
+		var sel = document.selection.createRange();
+		sel.text = value;
+		elemt.focus();
+	} else {
+		if (startPos || startPos == '0') {
+			var scrollTop = elemt.scrollTop;
+			elemt.value = elemt.value.substring(0, startPos) + value + elemt.value.substring(endPos, elemt.value
+				.length);
+			elemt.focus();
+			elemt.selectionStart = startPos + value.length;
+			elemt.selectionEnd = startPos + value.length;
+			elemt.scrollTop = scrollTop;
+		} else {
+			elemt.value += value;
+			elemt.focus();
+		}
+	}
 }

 //粘贴文本
-rm.pasteText = function () {
-    const result = rm.readClipboard() || '';
-    rm.hideRightMenu();
+rm.pasteText = function() {
+	const result = rm.readClipboard() || '';
+	rm.hideRightMenu();
 }

 //引用到评论
-rm.rightMenuCommentText = function (txt) {
-    rm.hideRightMenu();
-    var input = document.getElementsByClassName(GLOBAL_CONFIG.source.comments.textarea)[0];
-    let evt = document.createEvent('HTMLEvents');
-    evt.initEvent('input', true, true);
-    let inputValue = replaceAll(txt, '\n', '\n> ')
-    input.value = '> ' + inputValue + '\n\n';
-    input.dispatchEvent(evt);
-    var domTop = document.querySelector("#post-comment").offsetTop;
-    window.scrollTo(0, domTop - 80);
-    input.focus();
-    input.setSelectionRange(-1, -1);
-    if (document.getElementById("comment-tips")) {
-        document.getElementById("comment-tips").classList.add("show");
-    }
+rm.rightMenuCommentText = function(txt) {
+	rm.hideRightMenu();
+	var input = document.getElementsByClassName(GLOBAL_CONFIG.source.comments.textarea)[0];
+	let evt = document.createEvent('HTMLEvents');
+	evt.initEvent('input', true, true);
+	let inputValue = replaceAll(txt, '\n', '\n> ')
+	input.value = '> ' + inputValue + '\n\n';
+	input.dispatchEvent(evt);
+	var domTop = document.querySelector("#post-comment").offsetTop;
+	window.scrollTo(0, domTop - 80);
+	input.focus();
+	input.setSelectionRange(-1, -1);
+	if (document.getElementById("comment-tips")) {
+		document.getElementById("comment-tips").classList.add("show");
+	}
 }

 //替换所有内容
 function replaceAll(string, search, replace) {
-    return string.split(search).join(replace);
+	return string.split(search).join(replace);
 }

 // 百度搜索
-rm.searchBaidu = function () {
-    btf.snackbarShow('即将跳转到百度搜索', false, 2000);
-    setTimeout(function () {
-        window.open('https://www.baidu.com/s?wd=' + selectTextNow);
-    }, "2000");
-    rm.hideRightMenu();
+rm.searchBaidu = function() {
+	btf.snackbarShow('即将跳转到百度搜索', false, 2000);
+	setTimeout(function() {
+		window.open('https://www.baidu.com/s?wd=' + selectTextNow);
+	}, "2000");
+	rm.hideRightMenu();
 }

 //分享链接
-rm.copyLink = function () {
-    rm.rightmenuCopyText(domhref);
-    btf.snackbarShow('已复制链接地址');
+rm.copyLink = function() {
+	rm.rightmenuCopyText(domhref);
+	btf.snackbarShow('已复制链接地址');
 }

 function addRightMenuClickEvent() {
-    // 添加点击事件
-    $('#menu-backward').on('click', function () {
-        window.history.back();
-        rm.hideRightMenu();
-    });
-    $('#menu-forward').on('click', function () {
-        window.history.forward();
-        rm.hideRightMenu();
-    });
-    $('#menu-refresh').on('click', function () {
-        window.location.reload();
-    });
-    $('#menu-top').on('click', function () {
-        btf.scrollToDest(0, 500);
-        rm.hideRightMenu();
-    });
-    $('.menu-link').on('click', rm.hideRightMenu);
-    $('#menu-darkmode').on('click', rm.switchDarkMode);
-    $('#menu-home').on('click', function () {
-        window.location.href = window.location.origin;
-    });
-    $('#menu-randomPost').on('click', function () {
-        toRandomPost()
-    });
-    $('#menu-commentBarrage').on('click', heo.switchCommentBarrage);
-    $('#rightmenu-mask').on('click', rm.hideRightMenu);
-    $('#rightmenu-mask').contextmenu(function () {
-        rm.hideRightMenu();
-        return false;
-    });
-    $('#menu-translate').on('click', function () {
-        rm.hideRightMenu();
-    });
-    $('#menu-copy').on('click', rm.copyPageUrl);
-    $('#menu-pastetext').on('click', rm.pasteText);
-    $('#menu-copytext').on('click', function () {
-        rm.rightmenuCopyText(selectTextNow);
-        btf.snackbarShow('复制成功，复制和转载请标注本文地址');
-    });
-    $('#menu-commenttext').on('click', function () {
-        rm.rightMenuCommentText(selectTextNow);
-    });
-    $('#menu-newwindow').on('click', function () {
-        window.open(domhref);
-        rm.hideRightMenu();
-    });
-    $('#menu-copylink').on('click', rm.copyLink);
-    $('#menu-downloadimg').on('click', function () {
-        heo.downloadImage(domImgSrc, 'hao');
-    });
-    $('#menu-newwindowimg').on('click', function () {
-        window.open(domImgSrc, "_blank");
-        rm.hideRightMenu();
-    });
-    $('#menu-copyimg').on('click', function () {
-        rm.writeClipImg(domImgSrc);
-    });
-    $('#menu-searchBaidu').on('click', rm.searchBaidu);
-    //音乐
-    $('#menu-music-toggle').on('click', heo.musicToggle);
-    $('#menu-music-back').on('click', heo.musicSkipBack);
-    $('#menu-music-forward').on('click', heo.musicSkipForward);
-    $('#menu-music-copyMusicName').on('click', function () {
-        rm.rightmenuCopyText(heo.musicGetName());
-        btf.snackbarShow('复制歌曲名称成功', false, 3000);
-    });
-}
+	// 添加点击事件
+	$('#menu-backward').on('click', function() {
+		window.history.back();
+		rm.hideRightMenu();
+	});
+	$('#menu-forward').on('click', function() {
+		window.history.forward();
+		rm.hideRightMenu();
+	});
+	$('#menu-refresh').on('click', function() {
+		window.location.reload();
+	});
+	$('#menu-top').on('click', function() {
+		btf.scrollToDest(0, 500);
+		rm.hideRightMenu();
+	});
+	$('.menu-link').on('click', rm.hideRightMenu);
+	$('#menu-darkmode').on('click', rm.switchDarkMode);
+	$('#menu-home').on('click', function() {
+		window.location.href = window.location.origin;
+	});
+	$('#menu-randomPost').on('click', function() {
+		toRandomPost()
+	});
+	$('#menu-commentBarrage').on('click', heo.switchCommentBarrage);
+	$('#rightmenu-mask').on('click', rm.hideRightMenu);
+	$('#rightmenu-mask').contextmenu(function() {
+		rm.hideRightMenu();
+		return false;
+	});
+	$('#menu-translate').on('click', function() {
+		rm.hideRightMenu();
+	});
+	$('#menu-copy').on('click', rm.copyPageUrl);
+	$('#menu-pastetext').on('click', rm.pasteText);
+	$('#menu-copytext').on('click', function() {
+		rm.rightmenuCopyText(selectTextNow);
+		btf.snackbarShow('复制成功，复制和转载请标注本文地址');
+	});
+	$('#menu-commenttext').on('click', function() {
+		rm.rightMenuCommentText(selectTextNow);
+	});
+	$('#menu-newwindow').on('click', function() {
+		window.open(domhref);
+		rm.hideRightMenu();
+	});
+	$('#menu-copylink').on('click', rm.copyLink);
+	$('#menu-downloadimg').on('click', function() {
+		heo.downloadImage(domImgSrc, 'hao');
+	});
+	$('#menu-newwindowimg').on('click', function() {
+		window.open(domImgSrc, "_blank");
+		rm.hideRightMenu();
+	});
+	$('#menu-copyimg').on('click', function() {
+		rm.writeClipImg(domImgSrc);
+	});
+	$('#menu-searchBaidu').on('click', rm.searchBaidu);
+	//音乐
+	$('#menu-music-toggle').on('click', heo.musicToggle);
+	$('#menu-music-back').on('click', heo.musicSkipBack);
+	$('#menu-music-forward').on('click', heo.musicSkipForward);
+	$('#menu-music-copyMusicName').on('click', function() {
+		rm.rightmenuCopyText(heo.musicGetName());
+		btf.snackbarShow('复制歌曲名称成功', false, 3000);
+	});
+}
--- a/templates/assets/zhheo/zhheoblog.css
+++ b/templates/assets/zhheo/zhheoblog.css
--- a/templates/modules/layouts/layout.html
+++ b/templates/modules/layouts/layout.html
@ -151,6 +151,8 @@
    <script th:src="${assets_link + '/libs/aplayer/Meting2.min.js'}"></script>
    
    <script th:src="${assets_link + '/libs/pjax/pjax.min.js'}"></script>
+	
+	<script th:src="${assets_link + '/libs/crypto/crypto-js.min.js'}"></script>
    
    <!-- swiper 在瞬间滚动时会使用 -->
    <script th:if="${theme.config.top.moment}" data-pjax
--- a/templates/modules/variables/site-config.html
+++ b/templates/modules/variables/site-config.html
@ -58,7 +58,6 @@
            power: {
                powerLink: [[${theme.config.sidebar.power.powerLink}]],
                url: [[${theme.config.sidebar.power.url}]],
-                userId: [[${theme.config.sidebar.power.userId}]],
                showNum: [[${theme.config.sidebar.power.showNum}]]
            },
            links: {
--- a/templates/modules/widgets/about-widgets/about-reward.html
+++ b/templates/modules/widgets/about-widgets/about-reward.html
@ -1,84 +1,90 @@
 <div class="author-content" th:if="${theme.config.aboutReward.aboutRewardEnable}"
-     xmlns:th="http://www.w3.org/1999/xhtml">
-    <div class="author-content-item single reward" id="about-reward">
-        <div class="author-content-item-tips">致谢</div>
-        <span class="author-content-item-title">[[${theme.config.aboutReward.title}]]</span>
-        <div class="author-content-item-description">
-            [[${theme.config.aboutReward.content}]]
-        </div>
-        
-        <div th:if="${theme.config.aboutReward.reward.enable_reward}" class="about-reward">
-            <div id="con"></div>
-            <div id="TA-con" onclick="heo.rewardShowConsole()">
-                <div id="text-con">
-                    <div id="linght"></div>
-                    <div id="TA">[[${theme.config.aboutReward.reward.name}]]</div>
-                </div>
-            </div>
-            <div id="tube-con">
-                <svg viewBox="0 0 1028 385" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M1 77H234.226L307.006 24H790" stroke="#e5e9ef" stroke-width="20"></path>
-                    <path d="M0 140H233.035L329.72 71H1028" stroke="#e5e9ef" stroke-width="20"></path>
-                    <path d="M1 255H234.226L307.006 307H790" stroke="#e5e9ef" stroke-width="20"></path>
-                    <path d="M0 305H233.035L329.72 375H1028" stroke="#e5e9ef" stroke-width="20"></path>
-                    <rect y="186" width="236" height="24" fill="#e5e9ef"></rect>
-                    <ellipse cx="790" cy="25.5" rx="25" ry="25.5" fill="#e5e9ef"></ellipse>
-                    <circle r="14" transform="matrix(1 0 0 -1 790 25)" fill="white"></circle>
-                    <ellipse cx="790" cy="307.5" rx="25" ry="25.5" fill="#e5e9ef"></ellipse>
-                    <circle r="14" transform="matrix(1 0 0 -1 790 308)" fill="white"></circle>
-                </svg>
-                <div id="mask">
-                    <svg viewBox="0 0 1028 385" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <path d="M1 77H234.226L307.006 24H790" stroke="#f25d8e" stroke-width="20"></path>
-                        <path d="M0 140H233.035L329.72 71H1028" stroke="#f25d8e" stroke-width="20"></path>
-                        <path d="M1 255H234.226L307.006 307H790" stroke="#f25d8e" stroke-width="20"></path>
-                        <path d="M0 305H233.035L329.72 375H1028" stroke="#f25d8e" stroke-width="20"></path>
-                        <rect y="186" width="236" height="24" fill="#f25d8e"></rect>
-                        <ellipse cx="790" cy="25.5" rx="25" ry="25.5" fill="#f25d8e"></ellipse>
-                        <circle r="14" transform="matrix(1 0 0 -1 790 25)" fill="white"></circle>
-                        <ellipse cx="790" cy="307.5" rx="25" ry="25.5" fill="#f25d8e"></ellipse>
-                        <circle r="14" transform="matrix(1 0 0 -1 790 308)" fill="white"></circle>
-                    </svg>
-                </div>
-                <div id="orange-mask">
-                    <svg viewBox="0 0 1028 385" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <path d="M1 77H234.226L307.006 24H790" stroke="#ffd52b" stroke-width="20"></path>
-                        <path d="M0 140H233.035L329.72 71H1028" stroke="#ffd52b" stroke-width="20"></path>
-                        <path d="M1 255H234.226L307.006 307H790" stroke="#ffd52b" stroke-width="20"></path>
-                        <path d="M0 305H233.035L329.72 375H1028" stroke="#ffd52b" stroke-width="20"></path>
-                        <rect y="186" width="236" height="24" fill="#ffd52b"></rect>
-                        <ellipse cx="790" cy="25.5" rx="25" ry="25.5" fill="#ffd52b"></ellipse>
-                        <circle r="14" transform="matrix(1 0 0 -1 790 25)" fill="white"></circle>
-                        <ellipse cx="790" cy="307.5" rx="25" ry="25.5" fill="#ffd52b"></ellipse>
-                        <circle r="14" transform="matrix(1 0 0 -1 790 308)" fill="white"></circle>
-                    </svg>
-                </div>
-                <p id="people">共<b>[[${theme.config.aboutReward.reward_list.size()}]]</b>人</p>
-            </div>
-        </div>
-        <div class="reward-list-all" th:if="${not #lists.isEmpty(theme.config.aboutReward.reward_list)}"
-             th:with="authorRewardList = ${theme.config.aboutReward.reward_list}">
-            
-            <div class="reward-list-item" th:each="authorReward : ${authorRewardList}">
-                <div th:if="${not #strings.isEmpty(authorReward.avatar)}">
-                    <div>
-                        <div class="reward-list-item-avatar">
-                            <img th:src="${authorReward.avatar}" th:alt="${authorReward.name}">
-                        </div>
-                        <div style="z-index:20;float: left;" class="reward-list-item-avatar-group">
-                            <div class="reward-list-item-name">[[${authorReward.name}]]</div>
-                        </div>
-                    </div>
-                    <div class="reward-list-bottom-group">
-                        <div th:if="${#conversions.convert(authorReward.amount, 'java.math.BigDecimal') < #conversions.convert(theme.config.aboutReward.rewardNumber, 'java.math.BigDecimal')}" class="reward-list-item-money">¥
-                            [[${authorReward.amount}]]
-                        </div>
-                        <div th:if="${#conversions.convert(authorReward.amount, 'java.math.BigDecimal') >= #conversions.convert(theme.config.aboutReward.rewardNumber, 'java.math.BigDecimal')}" class="reward-list-item-money"
-                             style="background: var(--heo-vip);">¥ [[${authorReward.amount}]]
-                        </div>
-                        <time class="datatime reward-list-item-time">[[${authorReward.datatime}]]</time>
-                    </div>
+	xmlns:th="http://www.w3.org/1999/xhtml">
+	<div class="author-content-item single reward" id="about-reward">
+		<div class="author-content-item-tips">致谢</div>
+		<span class="author-content-item-title">[[${theme.config.aboutReward.title}]]</span>
+		<div class="author-content-item-description">
+			[[${theme.config.aboutReward.content}]]
+		</div>
+
+		<div th:if="${theme.config.aboutReward.reward.enable_reward}" class="about-reward">
+			<div id="con"></div>
+			<div id="TA-con" onclick="heo.rewardShowConsole()">
+				<div id="text-con">
+					<div id="linght"></div>
+					<div id="TA">[[${theme.config.aboutReward.reward.name}]]</div>
+				</div>
+			</div>
+			<div id="tube-con">
+				<svg viewBox="0 0 1028 385" fill="none" xmlns="http://www.w3.org/2000/svg">
+					<path d="M1 77H234.226L307.006 24H790" stroke="#e5e9ef" stroke-width="20"></path>
+					<path d="M0 140H233.035L329.72 71H1028" stroke="#e5e9ef" stroke-width="20"></path>
+					<path d="M1 255H234.226L307.006 307H790" stroke="#e5e9ef" stroke-width="20"></path>
+					<path d="M0 305H233.035L329.72 375H1028" stroke="#e5e9ef" stroke-width="20"></path>
+					<rect y="186" width="236" height="24" fill="#e5e9ef"></rect>
+					<ellipse cx="790" cy="25.5" rx="25" ry="25.5" fill="#e5e9ef"></ellipse>
+					<circle r="14" transform="matrix(1 0 0 -1 790 25)" fill="white"></circle>
+					<ellipse cx="790" cy="307.5" rx="25" ry="25.5" fill="#e5e9ef"></ellipse>
+					<circle r="14" transform="matrix(1 0 0 -1 790 308)" fill="white"></circle>
+				</svg>
+				<div id="mask">
+					<svg viewBox="0 0 1028 385" fill="none" xmlns="http://www.w3.org/2000/svg">
+						<path d="M1 77H234.226L307.006 24H790" stroke="#f25d8e" stroke-width="20"></path>
+						<path d="M0 140H233.035L329.72 71H1028" stroke="#f25d8e" stroke-width="20"></path>
+						<path d="M1 255H234.226L307.006 307H790" stroke="#f25d8e" stroke-width="20"></path>
+						<path d="M0 305H233.035L329.72 375H1028" stroke="#f25d8e" stroke-width="20"></path>
+						<rect y="186" width="236" height="24" fill="#f25d8e"></rect>
+						<ellipse cx="790" cy="25.5" rx="25" ry="25.5" fill="#f25d8e"></ellipse>
+						<circle r="14" transform="matrix(1 0 0 -1 790 25)" fill="white"></circle>
+						<ellipse cx="790" cy="307.5" rx="25" ry="25.5" fill="#f25d8e"></ellipse>
+						<circle r="14" transform="matrix(1 0 0 -1 790 308)" fill="white"></circle>
+					</svg>
+				</div>
+				<div id="orange-mask">
+					<svg viewBox="0 0 1028 385" fill="none" xmlns="http://www.w3.org/2000/svg">
+						<path d="M1 77H234.226L307.006 24H790" stroke="#ffd52b" stroke-width="20"></path>
+						<path d="M0 140H233.035L329.72 71H1028" stroke="#ffd52b" stroke-width="20"></path>
+						<path d="M1 255H234.226L307.006 307H790" stroke="#ffd52b" stroke-width="20"></path>
+						<path d="M0 305H233.035L329.72 375H1028" stroke="#ffd52b" stroke-width="20"></path>
+						<rect y="186" width="236" height="24" fill="#ffd52b"></rect>
+						<ellipse cx="790" cy="25.5" rx="25" ry="25.5" fill="#ffd52b"></ellipse>
+						<circle r="14" transform="matrix(1 0 0 -1 790 25)" fill="white"></circle>
+						<ellipse cx="790" cy="307.5" rx="25" ry="25.5" fill="#ffd52b"></ellipse>
+						<circle r="14" transform="matrix(1 0 0 -1 790 308)" fill="white"></circle>
+					</svg>
+				</div>
+				<p id="people">共<b>[[${theme.config.aboutReward.reward_list.size()}]]</b>人</p>
+			</div>
+		</div>
+		<div class="reward-list-all" th:if="${not #lists.isEmpty(theme.config.aboutReward.reward_list)}"
+			th:with="authorRewardList = ${theme.config.aboutReward.reward_list}">
+
+			<div class="reward-list-item" th:each="authorReward : ${authorRewardList}">
+				<div th:if="${not #strings.isEmpty(authorReward.avatar)}">
+					<div class="reward-list-item-container">
+						<!-- 头像 -->
+						<div class="reward-list-item-avatar">
+							<img th:src="${authorReward.avatar}" th:alt="${authorReward.name}">
+						</div>
+						<div class="reward-list-item-content">
+							<!-- 名称 -->
+							<div style="z-index:20;float: left;" class="reward-list-item-avatar-group">
+								<div class="reward-list-item-name">[[${authorReward.name}]]</div>
+							</div>
+							<!-- 金额及时间 -->
+							<div class="reward-list-bottom-group">
+								<div th:if="${#conversions.convert(authorReward.amount, 'java.math.BigDecimal') < #conversions.convert(theme.config.aboutReward.rewardNumber, 'java.math.BigDecimal')}" class="reward-list-item-money">¥
+						        [[${authorReward.amount}]]
+								</div>
+								<div th:if="${#conversions.convert(authorReward.amount, 'java.math.BigDecimal') >= #conversions.convert(theme.config.aboutReward.rewardNumber, 'java.math.BigDecimal')}" class="reward-list-item-money"
+						         style="background: var(--heo-vip);">¥ [[${authorReward.amount}]]
+						    </div>
+								<time class="datatime reward-list-item-time">[[${authorReward.datatime}]]</time>
+							</div>
+						</div>
+					</div>
                </div>
+				
                <div th:if="${#strings.isEmpty(authorReward.avatar)}">
                    <div class="reward-list-item-name">[[${authorReward.name}]]</div>
                    <div class="reward-list-bottom-group">
@ -96,4 +102,4 @@
        
        </div>
    </div>
-</div>
+</div>
--- a/templates/modules/widgets/about-widgets/statistics-map.html
+++ b/templates/modules/widgets/about-widgets/statistics-map.html
@ -1,187 +1,180 @@
 <!-- 数据统计&作者相关信息 -->
 <div class="author-content">
-    <div class="about-statistic author-content-item"
-         style="background: url(https://bu.dusays.com/2023/03/12/640dc8c72f623.webp);">
-        <div class="card-content">
-            <div class="author-content-item-tips">数据</div>
-            <span class="author-content-item-title">访问统计</span>
-            <div id="statistic"></div>
-            <div class="post-tips">统计信息来自 <a href="https://invite.51.la/1NzKqTeb?target=V6"
-                                                   rel="noopener nofollow"
-                                                   target="_blank">51la网站统计</a></div>
-            <div class="banner-button-group">
-                <a class="banner-button" onclick="pjax.loadUrl('/archives')" data-pjax-state="">
-                    <i class="haofont hao-icon-circle-arrow-up-right-1"></i>
-                    <span class="banner-button-text">文章隧道</span>
-                </a>
-            </div>
-        </div>
-    </div>
-    
-    
-    <div class="author-content-item-group column mapAndInfo">
-        <div class="author-content-item map single">
-            <span class="map-title">我现在住在
-                <b>[[${theme.config.about.map.StrengthenTitle}]]</b>
-            </span>
-        </div>
-        <div class="author-content-item selfInfo single"
-             th:if="${not #lists.isEmpty(theme.config.about.map.authorInfo)}"
-             th:with="texts = ${theme.config.about.map.authorInfo}">
-            <div th:if="${theme.config.about.map.authorInfo.size()}>'0'">
-                <span class="selfInfo-title"
-                      th:text="${texts[0].authorInfoTitle}">生于</span><span
-                    class="selfInfo-content"
-                    id="selfInfo-content-year" th:style="'color:' + ${texts[0].authorInfoColor}"
-                    th:text="${texts[0].authorInfoContent}">2000</span>
-            </div>
-            <div th:if="${theme.config.about.map.authorInfo.size()}>'1'">
-                <span class="selfInfo-title"
-                      th:text="${texts[1].authorInfoTitle}">太原理工大学</span><span
-                    class="selfInfo-content"
-                    th:style="'color:' + ${texts[1].authorInfoColor}"
-                    th:text="${texts[1].authorInfoContent}">计算机科学</span>
-            </div>
-            <div th:if="${theme.config.about.map.authorInfo.size()}>'2'">
-                <span class="selfInfo-title"
-                      th:text="${texts[2].authorInfoTitle}">现在职业</span><span
-                    class="selfInfo-content"
-                    th:style="'color:' + ${texts[2].authorInfoColor}"
-                    th:text="${texts[2].authorInfoContent}">BI工程师</span>
-            </div>
-        </div>
-    </div>
-    <style>
-        .author-content-item.map {
-            background: url([[${theme.config.about.map.background}]]) no-repeat center;
-            min-height: 160px;
-            max-height: 400px;
-            position: relative;
-            overflow: hidden;
-            margin-bottom: 0.5rem;
-            height: 60%;
-            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;
-            left: 0px;
-            width: 100%;
-            background: var(--heo-maskbg);
-            padding: 0.5rem 2rem;
-            backdrop-filter: saturate(180%) blur(20px);
-            -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%;
-            border-radius: 0 0 1rem 1rem;
-        }
-        
-        .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;
-            }
-        }
-    </style>
-    <!-- 关于统计-->
-    <script defer>
-        // 链接替换即可，不需要后面的参数
-        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>).*?(?=<\/span><\/p>)/g)
-                        let num = data.match(/(<\/span><span>).*?(\/span><\/p>)/g);
-                        
-                        num = num.map(el => {
-                            let val = el.replace(/(<\/span><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 +=
-                                    "<div><span>" + title[i] + "</span><span id=" + title[i] + ">" + num[i] + "</span></div>";
-                            queueMicrotask(() => {
-                                statistic.push(
-                                        new CountUp(title[i], 0, num[i], 0, 2, {
-                                            useEasing: true,
-                                            useGrouping: true,
-                                            separator: ",",
-                                            decimal: ".",
-                                            prefix: "",
-                                            suffix: "",
-                                        })
-                                );
-                            });
-                        }
-                        
-                        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();
-    
-    </script>
-</div>
+	<div class="about-statistic author-content-item"
+		style="background: url(https://bu.dusays.com/2023/03/12/640dc8c72f623.webp);">
+		<div class="card-content">
+			<div class="author-content-item-tips">数据</div>
+			<span class="author-content-item-title">访问统计</span>
+			<div id="statistic"></div>
+			<div class="post-tips">统计信息来自 <a href="https://v6.51.la/" rel="noopener nofollow"
+					target="_blank">51la网站统计</a></div>
+			<div class="banner-button-group">
+				<a class="banner-button" onclick="pjax.loadUrl('/archives')" data-pjax-state="">
+					<i class="haofont hao-icon-circle-arrow-up-right-1"></i>
+					<span class="banner-button-text">文章隧道</span>
+				</a>
+			</div>
+		</div>
+	</div>
+
+
+	<div class="author-content-item-group column mapAndInfo">
+		<div class="author-content-item map single">
+			<span class="map-title">我现在住在
+				<b>[[${theme.config.about.map.StrengthenTitle}]]</b>
+			</span>
+		</div>
+		<div class="author-content-item selfInfo single"
+			th:if="${not #lists.isEmpty(theme.config.about.map.authorInfo)}"
+			th:with="texts = ${theme.config.about.map.authorInfo}">
+			<div th:if="${theme.config.about.map.authorInfo.size()}>'0'">
+				<span class="selfInfo-title" th:text="${texts[0].authorInfoTitle}">生于</span><span
+					class="selfInfo-content" id="selfInfo-content-year"
+					th:style="'color:' + ${texts[0].authorInfoColor}"
+					th:text="${texts[0].authorInfoContent}">2000</span>
+			</div>
+			<div th:if="${theme.config.about.map.authorInfo.size()}>'1'">
+				<span class="selfInfo-title" th:text="${texts[1].authorInfoTitle}">太原理工大学</span><span
+					class="selfInfo-content" th:style="'color:' + ${texts[1].authorInfoColor}"
+					th:text="${texts[1].authorInfoContent}">计算机科学</span>
+			</div>
+			<div th:if="${theme.config.about.map.authorInfo.size()}>'2'">
+				<span class="selfInfo-title" th:text="${texts[2].authorInfoTitle}">现在职业</span><span
+					class="selfInfo-content" th:style="'color:' + ${texts[2].authorInfoColor}"
+					th:text="${texts[2].authorInfoContent}">BI工程师</span>
+			</div>
+		</div>
+	</div>
+	<style>
+		.author-content-item.map {
+			background: url([[${theme.config.about.map.background}]]) no-repeat center;
+			min-height: 160px;
+			max-height: 400px;
+			position: relative;
+			overflow: hidden;
+			margin-bottom: 0.5rem;
+			height: 60%;
+			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;
+			left: 0px;
+			width: 100%;
+			background: var(--heo-maskbg);
+			padding: 0.5rem 2rem;
+			backdrop-filter: saturate(180%) blur(20px);
+			-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%;
+			border-radius: 0 0 1rem 1rem;
+		}
+
+		.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;
+			}
+		}
+	</style>
+	<!-- 关于统计-->
+	<script defer>
+		// 链接替换即可，不需要后面的参数
+		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>).*?(?=<\/span><\/p>)/g)
+					let num = data.match(/(<\/span><span>).*?(\/span><\/p>)/g);
+
+					num = num.map(el => {
+						let val = el.replace(/(<\/span><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 +=
+							"<div><span>" + title[i] + "</span><span id=" + title[i] + ">" + num[i] + "</span></div>";
+						queueMicrotask(() => {
+							statistic.push(
+								new CountUp(title[i], 0, num[i], 0, 2, {
+									useEasing: true,
+									useGrouping: true,
+									separator: ",",
+									decimal: ".",
+									prefix: "",
+									suffix: "",
+								})
+							);
+						});
+					}
+
+					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();
+	</script>
+</div>
--- a/templates/modules/widgets/aside/adbox.html
+++ b/templates/modules/widgets/aside/adbox.html
@ -1,25 +1,24 @@
 <!-- 广告 -->
 <div class="card-widget" th:if="${theme.config.sidebar.adbox.adType=='google'}">
-    <div class="item-headline"><span>广告</span></div>
-    <script async th:src="${'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=' + theme.config.sidebar.adbox.ad_google.ad_client}"
-            crossorigin="anonymous"></script>
-    <!-- 广告2 -->
-    <ins class="adsbygoogle"
-         style="display:block"
-         th:data-ad-client="${theme.config.sidebar.adbox.ad_google.ad_client}"
-         th:data-ad-slot="${theme.config.sidebar.adbox.ad_google.ad_slot}"
-         th:data-ad-format="${theme.config.sidebar.adbox.ad_google.ad_format}"
-         th:data-full-width-responsive="${theme.config.sidebar.adbox.ad_google.full_width_responsive}"></ins>
-    <script>
-        (adsbygoogle = window.adsbygoogle || []).push({});
-    </script>
+	<div class="item-headline"><span>广告</span></div>
+
+	<script async
+		th:src="${'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=' + theme.config.sidebar.adbox.ad_google.ad_client}"
+		crossorigin="anonymous"></script>
+	<!-- 广告2 -->
+	<ins class="adsbygoogle" style="display:block" th:data-ad-client="${theme.config.sidebar.adbox.ad_google.ad_client}"
+		th:data-ad-slot="${theme.config.sidebar.adbox.ad_google.ad_slot}"
+		th:data-ad-format="${theme.config.sidebar.adbox.ad_google.ad_format}"
+		th:data-full-width-responsive="${theme.config.sidebar.adbox.ad_google.full_width_responsive}"></ins>
+	<script>
+		(adsbygoogle = window.adsbygoogle || []).push({});
+	</script>

 </div>

-<div class="card-widget" th:if="${theme.config.sidebar.adbox.adType=='customAd'}">
-    <div class="item-headline"><span>广告</span></div>
-    <a th:href="${theme.config.sidebar.adbox.ad_custom.ad_redirect_url}" target="_blank">
-        <img th:src="${theme.config.sidebar.adbox.ad_custom.ad_pic_url}" alt="自定义广告">
-    </a>
-
-</div>
+<div class="card-widget card-ad" th:if="${theme.config.sidebar.adbox.adType=='customAd'}">
+	<div class="item-headline"><i class="haofont hao-icon-fire"></i><span>广告</span></div>
+	<a th:href="${theme.config.sidebar.adbox.ad_custom.ad_redirect_url}" target="_blank" title="立即前往">
+		<img class="ad-img" th:src="${theme.config.sidebar.adbox.ad_custom.ad_pic_url}" alt="自定义广告">
+	</a>
+</div>
--- a/templates/modules/widgets/aside/comments.html
+++ b/templates/modules/widgets/aside/comments.html
@ -1,5 +1,5 @@
 <!-- 最新评论 -->
-<div class="card-widget card-recent-post" >
+<div class="card-widget card-recent-post card-comment" >
    <a th:if="${not #strings.isEmpty(theme.config.sidebar.newcomment.newcommentUrl)}"
       th:onclick="pjax.loadUrl([[${theme.config.sidebar.newcomment.newcommentUrl}]])"
       title="查看更多"
--- a/templates/modules/widgets/aside/power.html
+++ b/templates/modules/widgets/aside/power.html
@ -1,11 +1,11 @@
 <!-- 爱发电赞助 -->
 <div>
    <div class="card-widget card-power">
-        <div class="item-headline"><i class="haofont hao-icon-aifadian-line"></i><span>爱发电赞助</span>
+        <div class="item-headline"><i class="haofont hao-icon-aifadian-line"></i><span>爱发电</span>
            <a class="power-charge" th:href="${theme.config.sidebar.power.powerLink}" target="_blank" title="赞助博主">赞助
            </a>
        </div>
-        <a id="power-star" rel="external nofollow" target="_blank" title="推荐博主">
+        <a id="power-star" rel="external nofollow" target="_blank" title="感谢赞助博主">

        </a>
        <div class="power-list">
--- a/templates/modules/widgets/aside/recent-posts.html
+++ b/templates/modules/widgets/aside/recent-posts.html
@ -1,4 +1,4 @@
-<div class="card-widget card-recent-post" th:with='posts = ${postFinder.list(1,theme.config.sidebar.recentPost)},
+<div class="card-widget card-recent-post card-article" th:with='posts = ${postFinder.list(1,theme.config.sidebar.recentPost)},
    postRandomImg=${#strings.contains(theme.config.layout.postRandomImg,"?") ? theme.config.layout.postRandomImg+"&" : theme.config.layout.postRandomImg+"?"}'>
    <div class="item-headline"><i class="haofont hao-icon-eicon_map-2-line1"></i><span>最近发布</span></div>
    <div class="aside-list">
--- a/templates/modules/widgets/aside/toc.html
+++ b/templates/modules/widgets/aside/toc.html
@ -1,5 +1,5 @@
 <!-- 目录 -->
-<div class="card-widget" id="card-toc">
+<div class="card-widget card-toc" id="card-toc">
    <div class="item-headline">
        <i class="haofont hao-icon-bars"></i>
        <span>文章目录</span>
--- a/templates/modules/widgets/nav-right.html
+++ b/templates/modules/widgets/nav-right.html
@ -1,81 +1,81 @@
 <!-- 导航栏菜单栏 -->
 <div id="nav-right">

-    <!-- 功能都需要添加开关 -->
+	<!-- 功能都需要添加开关 -->

-    <!-- 随机前往一个开往项目网站 -->
-    <div class="nav-button only-home" id="travellings_button" title="随机前往一个开往项目网站" th:if="${theme.config.nav.right.travelling}">
-        <a class="site-page" href="https://www.travellings.cn/go.html"  rel="external nofollow"
-           title="随机前往一个开往项目网站">
-            <i class="haofont hao-icon-eicon_train-line"></i>
-        </a>
-    </div>
+	<!-- 随机前往一个开往项目网站 -->
+	<div class="nav-button only-home" id="travellings_button" title="随机前往一个开往项目网站"
+		th:if="${theme.config.nav.right.travelling}">
+		<a class="site-page" href="https://www.travellings.cn/go.html" rel="external nofollow" title="随机前往一个开往项目网站">
+			<i class="haofont hao-icon-eicon_train-line"></i>
+		</a>
+	</div>

-    <div class="nav-button" id="randomPost_button" th:if="${theme.config.nav.right.article}">
-        <a class="site-page" href="javascript:void(0);" onclick="toRandomPost()" title="随机文章">
-            <i class="haofont hao-icon-signal-tower-fill"></i>
-        </a>
-    </div>
+	<div class="nav-button" id="randomPost_button" th:if="${theme.config.nav.right.article}">
+		<a class="site-page" href="javascript:void(0);" onclick="toRandomPost()" title="随机文章">
+			<i class="haofont hao-icon-signal-tower-fill"></i>
+		</a>
+	</div>

-    <!-- 切换模式 -->
-    <div class="nav-button" id="darkmode_button" th:if="${theme.config.nav.right.darkMode}">
-        <a class="console_switchbutton" href="javascript:void(0);"  onclick="navFn.switchDarkMode();" rel="external nofollow"
-           title="切换模式 - 日夜交替，黑白互换。">
-            <i class="haofont hao-icon-moon-clear-fill" style="font-size: 1rem;"></i>
-        </a>
-    </div>
+	<!-- 切换模式 -->
+	<div class="nav-button" id="darkmode_button" th:if="${theme.config.nav.right.darkMode}">
+		<a class="console_switchbutton" href="javascript:void(0);" onclick="navFn.switchDarkMode();"
+			rel="external nofollow" title="切换模式 - 日夜交替，黑白互换。">
+			<i class="haofont hao-icon-moon-clear-fill" style="font-size: 1rem;"></i>
+		</a>
+	</div>

-    <!-- 搜索使用搜索插件 -->
-    <div class="nav-button" id="search-button" th:if="${pluginFinder.available('PluginSearchWidget')}">
-        <a class="site-page social-icon search" href="javascript:SearchWidget.open();" rel="external nofollow"
-           title="站内搜索">
-            <i class="haofont hao-icon-search--line"></i>
-        </a>
-    </div>
+	<!-- 搜索使用搜索插件 -->
+	<div class="nav-button" id="search-button" th:if="${pluginFinder.available('PluginSearchWidget')}">
+		<a class="site-page social-icon search" href="javascript:SearchWidget.open();" rel="external nofollow"
+			title="站内搜索">
+			<i class="haofont hao-icon-search--line"></i>
+		</a>
+	</div>

-    <div th:if="${theme.config.nav.right.navLogin}" class="console-button" tabindex="-1"
-         th:with="currentUser = ${contributorFinder.getContributor(#authentication.name)}">
-        <span class="site-page nav-login">
-            <i sec:authorize="isAnonymous()" class="haofont hao-icon-zhanghao1 " style="font-size: 19.5px;"></i>
-            <img sec:authorize="isAuthenticated()"  th:src="${currentUser.avatar}"
-                 th:alt="${currentUser.displayName}"
-                 style=" width: 24px; height: 24px; border-radius: 9999px" />
-        </span>
-        <div class="back-menu-list-groups">
-            <div class="back-menu-list-group" style="margin: -4px -9px -4px -18px">
-                <div class="back-menu-list">
-                    <th:block sec:authorize="isAuthenticated()">
-                        <a class="back-menu-item" rel="external nofollow" target="_blank" href="/console">
-                            <span class="back-menu-item-text">控制台</span>
-                        </a>
-                        <a class="back-menu-item" rel="external nofollow"
-                           href="javascript:$.ajax({type: 'post',url:'/logout'});window.location.reload()">
-                            <span class="back-menu-item-text">退出登录</span>
-                        </a>
-                    </th:block>
-                    <a sec:authorize="isAnonymous()" class="back-menu-item" rel="external nofollow" target="_blank" href="/console/login">
-                        <span class="back-menu-item-text">登录</span>
-                    </a>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div th:if="${theme.config.nav.right.console.consoleEnable}" class="nav-button" id="nav-console">
-        <a class="console_switchbutton" href="javascript:void(0);" onclick="heo.showConsole()" rel="external nofollow"
-           title="显示中控台">
-            <i class="haofont hao-icon-dashboard"></i>
-        </a>
-    </div>
+	<div th:if="${theme.config.nav.right.navLogin}" class="console-button" tabindex="-1"
+		th:with="currentUser = ${contributorFinder.getContributor(#authentication.name)}">
+		<span class="site-page nav-login">
+			<i sec:authorize="isAnonymous()" class="haofont hao-icon-zhanghao1 " style="font-size: 19.5px;"></i>
+			<img sec:authorize="isAuthenticated()" th:src="${currentUser.avatar}" th:alt="${currentUser.displayName}"
+				style=" width: 24px; height: 24px; border-radius: 9999px" />
+		</span>
+		<div class="back-menu-list-groups">
+			<div class="back-menu-list-group" style="margin: -4px -9px -4px -18px">
+				<div class="back-menu-list">
+					<th:block sec:authorize="isAuthenticated()">
+						<a class="back-menu-item" rel="external nofollow" target="_blank" href="/console">
+							<span class="back-menu-item-text">控制台</span>
+						</a>
+						<a class="back-menu-item" rel="external nofollow"
+							href="javascript:$.ajax({type: 'post',url:'/logout',headers:{'X-Xsrf-Token':document.cookie.split('; ').find((row) => row.startsWith('XSRF-TOKEN'))?.split('=')[1] || ''},success: function() {window.location.reload();},error: function(xhr, status, error) {console.error('退出登录时发生错误:', error);}});">
+							<span class="back-menu-item-text">退出登录</span>
+						</a>
+					</th:block>
+					<a sec:authorize="isAnonymous()" class="back-menu-item" rel="external nofollow" target="_blank"
+						href="/console/login">
+						<span class="back-menu-item-text">登录</span>
+					</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div th:if="${theme.config.nav.right.console.consoleEnable}" class="nav-button" id="nav-console">
+		<a class="console_switchbutton" href="javascript:void(0);" onclick="heo.showConsole()" rel="external nofollow"
+			title="显示中控台">
+			<i class="haofont hao-icon-dashboard"></i>
+		</a>
+	</div>

-    <div class="nav-button" id="nav-totop" onclick="btf.scrollToDest(0,500)">
-        <a class="totopbtn">
-            <i class="haofont hao-icon-arrow-up" style="font-size: 1rem;"></i><span id="percent">0</span>
-        </a>
-    </div>
+	<div class="nav-button" id="nav-totop" onclick="btf.scrollToDest(0,500)">
+		<a class="totopbtn">
+			<i class="haofont hao-icon-arrow-up" style="font-size: 1rem;"></i><span id="percent">0</span>
+		</a>
+	</div>

-    <div id="toggle-menu">
-        <a class="site-page">
-            <i class="haofont hao-icon-bars"></i>
-        </a>
-    </div>
-</div>
+	<div id="toggle-menu">
+		<a class="site-page">
+			<i class="haofont hao-icon-bars"></i>
+		</a>
+	</div>
+</div>
--- a/theme.yaml
+++ b/theme.yaml
@ -48,8 +48,8 @@ spec:
  description: Halo 2.x Theme base on Thymeleaf, Referring to Butterfly and Heo
  logo: /themes/theme-hao/assets/images/hao-logo.jpg
  website: https://blog.uptoz.cn
-  repo: https://githubfast.com/liuzhihang/halo-theme-hao
+  repo: https://gitea.uptoz.cn/UPToZ/halo-theme-hao
  settingName: "theme-hao-setting"
  configMapName: "theme-hao-configMap"
-  version: "1.4.9-CommemorativeEdition"
+  version: "1.0.2-ce"
  require: ">=2.10.0"
Author	SHA1	Message	Date
UPToZ	66417cb511	适配链接管理插件1.4.0版本 detailed： 1.适配链接管理插件1.4.0版本，解决前台索引查询链接报错问题。 2.当爱发电接口超时未返回内容时，显示默认数据。	2024-06-17 09:38:08 +08:00
UPToZ	236e0d6547	修复关于页面中赞赏名单在移动端下头像错位的问题	2024-06-01 14:49:11 +08:00
UPToZ	45e93608ab	修改侧栏爱发电图片样式和文章页面标题最大长度限制	2024-05-29 17:34:04 +08:00
UPToZ	371b605268	更新配置文件	2024-05-21 13:07:30 +08:00
UPToZ	641d7c78ec	更新README.md文件	2024-05-21 11:32:41 +08:00
UPToZ	15f3614aac	增加对爱发电插件的支持 detailed： 1.增加了对爱发电插件的支持。 2.移除了爱发电apiToekn和userID的配置项。 3.修改了关于页面中访问统计内的“文章隧道”按钮在移动端下的样式。	2024-05-21 11:25:37 +08:00
UPToZ	eca30a503b	Merge branch 'dev' of https://gitea.uptoz.cn/UPToZ/halo-theme-hao into dev	2024-05-11 18:15:27 +08:00
UPToZ	d19c1191ef	修改侧栏图标颜色 detailed： 1.增加了侧栏中的小板报、最新评论、最近发布、爱发电、广告、文章目录、分类的图标颜色。 2.增加了对侧栏的广告图片鼠标移入图片轻微放大的效果。 3.增加了爱发电API请求失败时的默认显示。 4.修改了侧栏中的标题与图标之间的间距。 5.修改了侧栏中爱发电内容区域的边距。	2024-05-11 18:09:07 +08:00
UPToZ	8f601d0817	修改侧栏图标颜色 detailed： 1.增加了侧栏中的小板报、最新评论、最近发布、爱发电、广告、文章目录、分类的图标颜色。 2.增加了对侧栏的广告图片鼠标移入图片轻微放大的效果。 3.增加了爱发电API请求失败时的默认显示。 4.修改了侧栏中的标题与图标之间的间距。 5.修改了侧栏中爱发电内容区域的边距。	2024-05-11 17:37:18 +08:00
UPToZ	7f8b310cf7	修改关于页面细节样式 detailed： 1.修改关于页面中十年之约的进度条的圆角样式 2.修改关于页面中卡片“banner-button-group”的位置	2024-05-09 17:29:01 +08:00
UPToZ	d197c0e95c	修复退出登录问题 detailed： 1.更新了readme文件和主题配置文件 2.修复了退出登录无法退出的问题	2024-04-16 17:08:46 +08:00
UPToZ	19df302749	Merge branch 'dev' of https://gitea.uptoz.cn/UPToZ/halo-theme-hao into dev	2024-04-14 13:31:04 +08:00
UPToZ	6d00368bfe	修改广告区样式和登录二级菜单样式 1.修改侧栏中的广告图片为圆角，并增加了上边距。 2.给侧栏中的广告区内的“广告”字样前面增加了一个小图标。 3.给首页的登录二级菜单增加了边框，同时减小了宽度，并且增加了上边距。 4.增加忽略文件。	2024-04-14 13:29:46 +08:00
UPToZ	59cf1a13e8	1.修改侧栏中的广告图片为圆角，并增加了上边距。 2.给侧栏中的广告区内的“广告”字样前面增加了一个小图标。 3.给首页的登录二级菜单增加了边框，同时减小了宽度，并且增加了上边距。 4.增加忽略文件。	2024-04-13 14:38:48 +08:00
UPToZ	2420bcfa80	添加忽略文件	2024-04-12 23:06:23 +08:00