宠物挂件

settings.yaml

@@ -193,6 +193,29 @@ spec:
               value: true
             - label: 隐藏
               value: false
+        - $formkit: group
+          name: climb
+          label: 宠物挂件
+          help: 需要瞬间丶顶部 Banner显示
+          value:
+            climbEnable: true
+            climbImg: http://animals.yyds.pink/
+          children:
+            - $formkit: radio
+              name: climbEnable
+              key: climbEnable
+              id: climbEnable
+              options:
+                - label: 显示
+                  value: true
+                - label: 隐藏
+                  value: false
+            - $formkit: url
+              name: climbImg
+              if: $get(climbEnable).value
+              label: 图片
+              value: https://imgapi.yyds.pink/random?sort=animals
+              help: 随机图地址：https://imgapi.yyds.pink/random?sort=animals
         - $formkit: radio
           name: recentTop
           id: recentTop

templates/assets/zhheo/blogex.js

@@ -586,9 +586,11 @@ function checkUrlAndAddHideBanner() {
     var e = window.location.href;
     if (/\/page\//.test(e)) {
         var t = document.getElementById("recent-top-post-group")
-            , o = document.getElementById("bbTimeList");
+            , o = document.getElementById("bbTimeList")
+            , c = document.getElementById("climb");
         t && (t.classList.add("more-page"),
-        o && o.classList.add("more-page"));
+        o && o.classList.add("more-page"),
+        c && c.classList.add("more-page"));
     }
 }
 

templates/assets/zhheo/zhheoblog.css

@@ -5065,6 +5065,7 @@ html {
 #page-header #nav #nav-left div {
     margin-left: 0.5rem;
     padding: 0;
+    position: relative;
 }
 
 
@@ -5273,6 +5274,14 @@ html {
 
 
 /* 登入按钮 */
+
+#page-header #nav #nav-right div .back-menu-list-groups{
+    position: absolute;
+    right: 0;
+    left: auto;
+    top: 34px;
+}
+
 #page-header #nav #nav-right .console-button .nav-login{
     width: 35px;
     display: flex;
@@ -8466,6 +8475,23 @@ li {
     color: var(--heo-theme);
 }
 
+/*宠物挂件*/
+.climb {
+    display: block;
+    position: absolute;
+    max-width: 270px;
+    z-index: 1;
+    margin-top: -26.6px;
+    margin-left: 5px;
+    cursor: pointer
+}
+@media screen and (max-width: 1200px) {
+    .climb {
+        display:none!important
+    }
+}
+
+
 /* 文章卡片相关 */
 #recent-posts > .recent-post-item > .recent-post-info {
     padding: 0;
@@ -9010,7 +9036,7 @@ ins.adsbygoogle {
     margin-bottom: 0rem;
 }
 
-.recent-top-post-group.more-page {
+.recent-top-post-group.more-page,.climb.more-page {
     display: none;
 }
 

templates/modules/moment.html

@@ -31,6 +31,9 @@
         </div>
         <i class="bber-gotobb haofont hao-icon-circle-arrow-right" onclick="location.href='/moments'" title="查看全文"></i>
     </th:block>
+    <img th:if="${theme.config.top.climb.climbEnable && theme.config.top.recentTop} " class="climb"  id="climb"
+         th:src="${isLazyload ? loadingImg : theme.config.top.climb.climbImg}"
+         th:data-lazy-src="${ isLazyload ? theme.config.top.climb.climbImg : ''}">
 
 </div>
 </html>