Migrate config renovate.json

Reviewed-on: #1

.gitea/workflows/main.yml

@@ -53,4 +53,4 @@ jobs:
         git push --force --quiet "https://${{ gitea.actor }}:${{ secrets.DEPLOY_TOKEN }}@git.biss.click/biss/blog.git" master:page
     - name: Deploy to Server
       run: |
-        curl -k -X POST "https://45.145.229.95:40606/hook?access_key=1XJG8IvYTSZVvD5dpm86GYIpQxgxBcucULnX1MFskZSKayXU"
+        curl -k -X POST "https://panel.biss.click/hook?access_key=1XJG8IvYTSZVvD5dpm86GYIpQxgxBcucULnX1MFskZSKayXU"

_config.butterfly.yml

@@ -261,125 +261,18 @@ noticeOutdate:
 footer:
   nav:
   owner:
-    enable: false
+    enable: true
     since: 2025
   # Copyright of theme and framework
   copyright:
-    enable: false
+    enable: true
     version: false
-  custom_text: |
+  custom_text: 
-    <div class="my-footer-content-div" >
+    <p>
-    <div class="my-footer-content">
+    <a style="margin-inline:5px"target="_blank" href="https://hexo.io/zh-cn/"><img src="https://img.shields.io/badge/Frame-Hexo-blue?style=flat&logo=hexo" title="hexo 8.1"></a>
-        <div class="my-footer-content-column">
+    <a style="margin-inline:5px"target="_blank" href="https://butterfly.js.org"><img src="https://img.shields.io/badge/Theme-Butterfly-pink?style=flat" title="butterfly主题"></a>
-            <div class="my-footer-logo">
+    <a style="margin-inline:5px"target="_blank" href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="https://img.shields.io/badge/Copyright-BY--NC--SA-red?style=flat&logo=alchemy" title="CC BY-NC-SA 4.0"></a>
-                <a class="my-footer-logo-link" href="#">
+    </p>
-                    <span class="hidden-link-text">LOGO</span>
-                    <img src="https://pic.biss.click/i/2025/08/14/688875.webp" style="height:40%; width:40%">
-                </a>
-            </div>
-            <div class="my-footer-menu">
-                <h2 class="my-footer-menu-name">开始</h2>
-                <ul id="menu-get-started" class="my-footer-menu-list">
-                    <li class="menu-item menu-item-type-post_type menu-item-object-product">
-                        <a href="/about">关于本站</a>
-                    </li>
-                </ul>
-            </div>
-        </div>
-        <div class="my-footer-content-column">
-            <div class="my-footer-menu">
-                <h2 class="my-footer-menu-name">快速链接</h2>
-                <ul id="menu-company" class="my-footer-menu-list">
-                    <li class="menu-item menu-item-type-post_type menu-item-object-product">
-                        <a href="https://hexo.io/zh-cn/">Hexo</a>&nbsp;⨯&nbsp;<a href="https://github.com/jerryc127/hexo-theme-butterfly">Butterfly</a>
-                    </li>
-                    <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
-                        <a href="/archives/">归档</a>&nbsp;|&nbsp;<a href="/tags">标签</a>&nbsp;|&nbsp;<a href="/categories/">分类</a>
-                    </li>
-                    <li class="menu-item menu-item-type-post_type menu-item-object-product">
-                        <a href="/artitalk">说说</a>&nbsp;|&nbsp;<a href="https://status.biss.click/status/dashboard">网站监控</a>
-                    </li>
-                </ul>
-            </div>    
-        </div>
-
-        <div class="my-footer-content-column">
-            <div class="my-footer-menu">
-                <h2 class="my-footer-menu-name">法律声明</h2>
-                <ul id="menu-legal" class="my-footer-menu-list">
-                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-170434">
-                        <a href="/privacy">隐私政策</a>
-                    </li>
-                </ul>
-            </div>
-            <div class="my-footer-call-to-action">
-                <h2 class="my-footer-call-to-action-title">联系本站</h2>
-                <ul id="menu-legal" class="my-footer-menu-list">
-                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-170434">
-                        <a href="/DO_NOT_render/wechatOA/index.html">无</a>
-                    </li>
-    
-                    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-170434">
-                        <a class="my-footer-call-to-action-link" href="mailto:bishsh2006@outlook.com" target="_self">邮箱</a>
-                    </li>
-    
-                </ul>
-            </div>
-        </div>
-        <div class="my-footer-content-column">
-            <ul id="menu-get-started" class="my-footer-menu-list">
-                <li class="menu-item menu-item-type-post_type menu-item-object-product">
-                    <a href="https://notbyai.fyi/" target="_blank" rel="external nofollow noopener noreferrer"><img class="img-not-ai" src="https://pic.biss.click/image/f1bb8627-9cdc-43b8-a609-d7fd10dcfd37.webp" alt="Written by Human, Not by AI"></a>
-                </li>
-                <li class="menu-item menu-item-type-post_type menu-item-object-product">
-                    <a href="/cc" ><img src="https://mirrors.creativecommons.org/presskit/buttons/88x31/svg/by-sa.svg" alt="署名-非商业性使用-相同方式共享 4.0 国际"></a>
-                </li>
-    
-                <li class="menu-item menu-item-type-post_type menu-item-object-product">
-                    ©2024-2025 By biss
-                </li>
-            </ul>
-        </div>
-    
-        <div class="my-footer-social-links"> <svg class="my-footer-social-amoeba-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 236 54">
-            <path class="my-footer-social-amoeba-path" d="M223.06,43.32c-.77-7.2,1.87-28.47-20-32.53C187.78,8,180.41,18,178.32,20.7s-5.63,10.1-4.07,16.7-.13,15.23-4.06,15.91-8.75-2.9-6.89-7S167.41,36,167.15,33a18.93,18.93,0,0,0-2.64-8.53c-3.44-5.5-8-11.19-19.12-11.19a21.64,21.64,0,0,0-18.31,9.18c-2.08,2.7-5.66,9.6-4.07,16.69s.64,14.32-6.11,13.9S108.35,46.5,112,36.54s-1.89-21.24-4-23.94S96.34,0,85.23,0,57.46,8.84,56.49,24.56s6.92,20.79,7,24.59c.07,2.75-6.43,4.16-12.92,2.38s-4-10.75-3.46-12.38c1.85-6.6-2-14-4.08-16.69a21.62,21.62,0,0,0-18.3-9.18C13.62,13.28,9.06,19,5.62,24.47A18.81,18.81,0,0,0,3,33a21.85,21.85,0,0,0,1.58,9.08,16.58,16.58,0,0,1,1.06,5A6.75,6.75,0,0,1,0,54H236C235.47,54,223.83,50.52,223.06,43.32Z"></path>
-        </svg>
-            <a class="my-footer-social-link github" href="https://github.com/bishshi" target="_blank" rel="external nofollow noopener noreferrer">
-                <span class="hidden-link-text">Github</span>
-                <svg class="my-footer-social-icon-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-                    <path class="my-footer-social-icon-path" d="M 16 4 C 9.371094 4 4 9.371094 4 16 C 4 21.300781 7.4375 25.800781 12.207031 27.386719 C 12.808594 27.496094 13.027344 27.128906 13.027344 26.808594 C 13.027344 26.523438 13.015625 25.769531 13.011719 24.769531 C 9.671875 25.492188 8.96875 23.160156 8.96875 23.160156 C 8.421875 21.773438 7.636719 21.402344 7.636719 21.402344 C 6.546875 20.660156 7.71875 20.675781 7.71875 20.675781 C 8.921875 20.761719 9.554688 21.910156 9.554688 21.910156 C 10.625 23.746094 12.363281 23.214844 13.046875 22.910156 C 13.15625 22.132813 13.46875 21.605469 13.808594 21.304688 C 11.144531 21.003906 8.34375 19.972656 8.34375 15.375 C 8.34375 14.0625 8.8125 12.992188 9.578125 12.152344 C 9.457031 11.851563 9.042969 10.628906 9.695313 8.976563 C 9.695313 8.976563 10.703125 8.65625 12.996094 10.207031 C 13.953125 9.941406 14.980469 9.808594 16 9.804688 C 17.019531 9.808594 18.046875 9.941406 19.003906 10.207031 C 21.296875 8.65625 22.300781 8.976563 22.300781 8.976563 C 22.957031 10.628906 22.546875 11.851563 22.421875 12.152344 C 23.191406 12.992188 23.652344 14.0625 23.652344 15.375 C 23.652344 19.984375 20.847656 20.996094 18.175781 21.296875 C 18.605469 21.664063 18.988281 22.398438 18.988281 23.515625 C 18.988281 25.121094 18.976563 26.414063 18.976563 26.808594 C 18.976563 27.128906 19.191406 27.503906 19.800781 27.386719 C 24.566406 25.796875 28 21.300781 28 16 C 28 9.371094 22.628906 4 16 4 Z "></path>
-                </svg>
-            </a>
-            <a class="my-footer-social-link email" href="mailto:bishsh2006@outlook.com" target="_blank" rel="external nofollow noopener noreferrer">
-                <span class="hidden-link-text">Email</span>
-                <svg class="my-footer-social-icon-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                    <!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
-                    <path class="my-footer-social-icon-path" d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/>
-                </svg>
-            </a>
-            <a class="my-footer-social-link follow" href="https://app.follow.is" target="_blank" rel="external nofollow noopener noreferrer">
-                <span class="hidden-link-text">Follow</span>
-                <svg class="my-footer-social-icon-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
-                  <!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
-                  <path class="my-footer-social-icon-path" d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM96 136c0-13.3 10.7-24 24-24c137 0 248 111 248 248c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-110.5-89.5-200-200-200c-13.3 0-24-10.7-24-24zm0 96c0-13.3 10.7-24 24-24c83.9 0 152 68.1 152 152c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-57.4-46.6-104-104-104c-13.3 0-24-10.7-24-24zm0 120a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/>
-                </svg>
-            </a>
-            <a class="my-footer-social-link rss" href="/atom.xml" target="_blank" rel="external nofollow noopener noreferrer">
-                <span class="hidden-link-text">RSS</span>
-                <svg class="my-footer-social-icon-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
-                    <!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
-                    <path class="my-footer-social-icon-path" d="M0 64C0 46.3 14.3 32 32 32c229.8 0 416 186.2 416 416c0 17.7-14.3 32-32 32s-32-14.3-32-32C384 253.6 226.4 96 32 96C14.3 96 0 81.7 0 64zM0 416a64 64 0 1 1 128 0A64 64 0 1 1 0 416zM32 160c159.1 0 288 128.9 288 288c0 17.7-14.3 32-32 32s-32-14.3-32-32c0-123.7-100.3-224-224-224c-17.7 0-32-14.3-32-32s14.3-32 32-32z"/>
-                </svg>
-            </a>  
-        </div>
-    </div>
-    </div>
-        <div class="my-footer-copyright">
-        <div class="my-footer-copyright-wrapper">
-            <p class="my-footer-copyright-text">
-                 <a> &copy; 2024-2025. | Designed By: BISS. | All rights reserved. </a>
-            </p>
-        </div>
 
 # --------------------------------------
 # Aside Settings
@@ -622,7 +515,7 @@ search:
 share:
   # Choose: sharejs / addtoany
   # Leave it empty if you don't need share
-  use: sharejs
+  use: web_share
 
   # Share.js
   # https://github.com/overtrue/share.js
@@ -1180,12 +1073,13 @@ inject:
     - <script src="/js/ai-summary.js"></script>
     - <script src="/js/typesense-search.js"></script>
     - <script src="/js/statistic.js"></script>
+    - <script src="/js/footer.js"
     - <script src="https://code.jquery.com/jquery-4.0.0.js"></script>
     - <script src="https://cdn.jsdmirror.com/npm/echarts@4.9.0/dist/echarts.min.js"></script>
     - <script src="https://cdn.jsdmirror.com/npm/aplayer/dist/APlayer.min.js"></script>
     - <script src="https://cdn.jsdmirror.com/npm/meting/dist/Meting.min.js"></script>
     - <script src="https://cdn.jsdmirror.com/gh/bishshi/welcomemessage/txmap.js"></script>
-    - <script src="https://cdn.jsdmirror.com/gh/bishshi/rightmenu/rightmenu.js"></script>
+    - <script src="https://cdn.jsdmirror.com/gh/bishshi/rightmenu@1.2/rightmenu.js"></script>
     - <script src="https://cdn.jsdmirror.com/gh/bishshi/sidecalendar/calendar.js"></script>
     - <script src="https://cdn.jsdmirror.com/npm/chinese-lunar@0.1.4/lib/chinese-lunar.js"></script>
     - <script src="https://cdn.jsdmirror.com/npm/instantsearch.js@4.56.0"></script>

package-lock.json

@@ -463,13 +463,13 @@
       "license": "MIT"
     },
     "node_modules/axios": {
-      "version": "1.13.4",
+      "version": "1.13.5",
-      "resolved": "https://mirrors.huaweicloud.com/repository/npm/axios/-/axios-1.13.4.tgz",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/axios/-/axios-1.13.5.tgz",
-      "integrity": "sha512-1wVkUaAO6WyaYtCkcYCOx12ZgpGf9Zif+qXa4n+oYzK558YryKqiL6UWwd5DqiH3VRW0GYhTZQ/vlgJrCoNQlg==",
+      "integrity": "sha512-cz4ur7Vb0xS4/KUN0tPWe44eqxrIu31me+fbang3ijiNscE129POzipJJA6zniq2C/Z6sJCjMimjS8Lc/GAs8Q==",
       "license": "MIT",
       "dependencies": {
-        "follow-redirects": "^1.15.6",
+        "follow-redirects": "^1.15.11",
-        "form-data": "^4.0.4",
+        "form-data": "^4.0.5",
         "proxy-from-env": "^1.1.0"
       }
     },
@@ -4482,9 +4482,9 @@
       }
     },
     "node_modules/undici": {
-      "version": "7.21.0",
+      "version": "7.22.0",
-      "resolved": "https://mirrors.huaweicloud.com/repository/npm/undici/-/undici-7.21.0.tgz",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/undici/-/undici-7.22.0.tgz",
-      "integrity": "sha512-Hn2tCQpoDt1wv23a68Ctc8Cr/BHpUSfaPYrkajTXOS9IKpxVRx/X5m1K2YkbK2ipgZgxXSgsUinl3x+2YdSSfg==",
+      "integrity": "sha512-RqslV2Us5BrllB+JeiZnK4peryVTndy9Dnqq62S3yYRRTj0tFQCwEniUy2167skdGOy3vqRzEvl1Dm4sV2ReDg==",
       "license": "MIT",
       "engines": {
         "node": ">=20.18.1"

renovate.json

@@ -0,0 +1,14 @@
+{
+  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
+  "extends": [
+    "config:recommended"
+  ],
+  "timezone": "Asia/Shanghai",
+  "enabledManagers": [
+    "npm"
+  ],
+  "ignorePaths": [
+    "themes/**",
+    ".gitea/**"
+  ]
+}

source/_posts/2026/2026.2/add-float-menu.md

@@ -0,0 +1,291 @@
+---
+title: 添加网站左上角菜单
+cover: https://pic.biss.click/image/a40baba1-b296-4b3b-a781-da45bffb1b95.webp
+categories: 建站手札
+series: webcustom
+tags:
+  - 网站
+abbrlink: '7e921903'
+summary: >-
+  这篇文章详细介绍了如何在柳神的网站上添加一个自定义的左上角菜单，包括菜单的结构、样式以及响应式设计。作者提供了具体的HTML和CSS代码示例，展示了如何实现一个包含多个链接和功能的导航栏，同时确保在不同屏幕尺寸下的适配性。此外，还解释了一些关键的CSS属性和JavaScript交互效果，以实现平滑的菜单显示和隐藏。通过这些步骤，用户可以轻松地自定义和美化网站的顶部导航栏，提升用户体验。
+date: 2026-02-10 07:11:14
+---
+
+看到柳神的网站有这种菜单，但是没有写魔改教程，只好自己慢慢摸索了。
+
+{% link liushen,liushen,https://blog.liushen.fun %}
+
+预计做好后是这种效果：
+
+![示意图](https://pic.biss.click/image/8d374eff-8817-4337-86ed-5909ff0eefaa.webp)
+
+首先，修改```\themes\butterfly\layout\includes\header\nav.pug```:
+```pug
+nav#nav
+  //- 左侧区域：包含指纹菜单和网站名
+  span#blog-info
+    #ls-menu-container
+      i.fas.fa-fingerprint
+      #ls-menu-panel
+        .ls-section
+          .ls-title 😀 个人网站
+          .ls-grid
+            a(href="/") #[i.fas.fa-rss] 个人博客
+            a(href="https://github.com/bishshi") #[i.fab.fa-github] Github
+        .ls-section
+          .ls-title 😎 常用服务
+          .ls-grid
+            a(href="https://git.biss.click/biss") #[i.fas.fa-code] 代码仓库
+            a(href="https://mm.biss.click") #[i.fas.fa-pen-nib] 日常yy
+            a(href="https://statstic.biss.click") #[i.fas.fa-users] 访客统计
+            a(href="https://pic.biss.click") #[i.fas.fa-image] 图床
+            a(href="https://chat.biss.click") #[i.fas.fa-robot] AI网站
+        .ls-section
+          .ls-title 🛸 实用工具
+          .ls-grid
+            a(href="https://cover.biss.click") #[i.fas.fa-palette] 封面设计
+
+    a.nav-site-title(href=url_for('/'))
+      if theme.nav.logo
+        img.site-icon(src=url_for(theme.nav.logo) alt='Logo')
+      if theme.nav.display_title
+        span.site-name=config.title
+
+  //- 中间区域：关键！必须在 nav 下一级，以便 JS 切换类名
+  if globalPageType === 'post' && theme.nav.display_post_title
+    a.nav-page-title(href='javascript:void(0);' onclick='btf.scrollToDest(0, 500)')
+      span.site-name=(page.title || config.title)
+
+  //- 右侧区域
+  #nav-right
+    if theme.menu
+      #menus
+        != partial('includes/header/menu_item', {}, {cache: true})
+    
+    if theme.search.use || true
+      #random-post-button
+        a.site-page.social-icon#random-post-link(href='javascript:void(0);' onclick='randomPost()')
+          i.fas.fa-solid.fa-shuffle
+      #search-button
+        a.site-page.social-icon.search-typesense-trigger
+          i.fas.fa-search.fa-fw
+      #toggle-menu
+        span.site-page
+          i.fas.fa-bars.fa-fw
+```
+
+在合适的目录下新建```nav.css```（例如```\themes\butterfly\source\css\nav.css```），这份css是磨砂玻璃的样式:
+
+```css
+#nav-right{
+  flex:1 1 auto;
+  justify-content: flex-end;
+  margin-left: auto;
+  display: flex;
+  flex-wrap:nowrap;
+}
+  
+/* 导航栏居中 */
+
+#sidebar #sidebar-menus .menus_items .menus_item {
+    margin: 10px 0;
+}
+#sidebar #sidebar-menus .menus_items a.site-page {
+    padding-left: 0;
+}
+#sidebar #sidebar-menus .menus_items .site-page {
+    position: relative;
+    display: block;
+    padding: 6px 30px 6px 22px;
+    color: var(--font-color);
+    font-size: 1.15em;
+    border: var(--style-border-always);
+    background: var(--icat-card-bg);
+    font-size: 14px;
+    border-radius: 12px;
+}
+#sidebar #sidebar-menus .menus_items .site-page i:first-child {
+    text-align: left;
+    padding-left: 10px;
+}
+
+#nav #menus {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+    position: absolute;
+    left: 0;
+    margin: 0;
+    transform: translateZ(0);
+}
+#nav #blog-info {
+    flex-wrap: nowrap;
+    display: flex;
+    align-items: center;
+    z-index: 102;
+    max-width: fit-content;
+}
+@media screen and (max-width: 900px) {
+    #nav {
+        padding: 0 15px;
+    }
+    #nav-group {
+        padding: 0 0.2rem;
+    }
+    #rightside {
+        right: -42px;
+    }
+}
+/* IPAD菜单栏调整 */
+
+/* 1. 容器溢出穿透 */
+#nav, #blog-info, #nav-group {
+  overflow: visible !important;
+}
+
+#ls-menu-container {
+  position: relative !important;
+  display: inline-flex !important;
+  align-items: center;
+  height: 100%;
+  padding: 0 15px;
+  cursor: pointer !important;
+  z-index: 2000 !important;
+}
+
+/* 2. 悬浮面板：宽大且高不透明度 */
+#ls-menu-panel {
+  position: absolute !important;
+  top: 100% !important;
+  left: 0 !important;
+  margin-top: 15px !important;
+  width: 420px; 
+  padding: 24px;
+  border-radius: 18px;
+  
+  /* 高不透明度磨砂玻璃 (0.9) */
+  background: rgba(255, 255, 255, 0.95) !important;
+  backdrop-filter: blur(20px) saturate(180%) !important;
+  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
+  
+  border: 1px solid rgba(255, 255, 255, 0.5) !important;
+  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18) !important;
+
+  opacity: 0 !important;
+  visibility: hidden !important;
+  transform: translateY(12px) !important;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
+  z-index: 999999 !important;
+  cursor: default;
+}
+
+/* 3. 透明感应桥梁 */
+#ls-menu-panel::before {
+  content: "";
+  position: absolute;
+  top: -20px;
+  left: 0;
+  right: 0;
+  height: 25px;
+  background: transparent !important;
+}
+
+/* 4. 触发效果 */
+#ls-menu-container:hover #ls-menu-panel {
+  opacity: 1 !important;
+  visibility: visible !important;
+  transform: translateY(0) !important;
+}
+
+#ls-menu-container:hover i.fa-fingerprint {
+  color: #49b1f5;
+  transform: scale(1.1);
+}
+
+/* 5. 内部网格：保持两列 */
+.ls-section { margin-bottom: 22px; }
+.ls-section:last-child { margin-bottom: 0; }
+.ls-title { 
+  color: #333; 
+  font-weight: 800; 
+  font-size: 15px; 
+  margin-bottom: 12px; 
+  opacity: 0.9;
+}
+
+.ls-grid { 
+  display: grid !important; 
+  grid-template-columns: repeat(2, 1fr); /* 恢复为两列 */
+  gap: 10px; 
+}
+
+.ls-grid a { 
+  color: #444 !important; 
+  font-size: 14px !important; 
+  padding: 10px 12px; 
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  transition: all 0.2s ease;
+  background: rgba(0, 0, 0, 0.02);
+}
+
+.ls-grid a:hover { 
+  background: #49b1f5 !important; 
+  color: #fff !important; 
+  transform: translateX(4px); /* 悬停时轻微右移，增加动感 */
+}
+
+.ls-grid a i { 
+  margin-right: 12px; 
+  width: 20px; 
+  text-align: center; 
+  font-size: 15px;
+}
+
+/* 6. 深色模式适配 */
+[data-theme='dark'] #ls-menu-panel {
+  background: rgba(30, 30, 30, 0.95) !important;
+  border-color: rgba(255, 255, 255, 0.1) !important;
+}
+[data-theme='dark'] .ls-title { color: #eee; }
+[data-theme='dark'] .ls-grid a { 
+  color: #ccc !important; 
+  background: rgba(255, 255, 255, 0.05); 
+}
+
+#nav.show-title .nav-page-title {
+  display: flex !important;
+  opacity: 1 !important;
+  visibility: visible !important;
+  position: absolute !important;
+  left: 50% !important;
+  transform: translateX(-50%) !important;
+  white-space: nowrap !important;
+  z-index: 1000 !important;
+}
+
+#nav.show-title #menus,
+#nav.show-title .nav-site-title {
+  opacity: 0 !important;
+  visibility: hidden !important;
+  pointer-events: none !important;
+}
+
+#nav .nav-page-title {
+  display: none; 
+  transition: opacity 0.3s ease;
+}
+
+#nav #blog-info {
+  overflow: visible !important;
+}
+```
+
+然后在```_config.butterfly.yml```里面引用该css
+
+```yml
+- <link rel="stylesheet" href="/css/nav.css">
+```
+
+然后重新构建应该就可以看到效果了。

source/_posts/2026/2026.2/add-typesense-search.md

@@ -2,11 +2,12 @@
 title: 添加typesense搜索
 categories:
   - 技术
+  - 建站手札
 abbrlink: f287c563
 summary: >-
   这篇文章介绍了如何在博客中集成Typesense搜索引擎，包括安装Typesense、添加数据集以及同步数据的详细步骤。首先，通过命令行安装Typesense并配置相关参数，如API密钥和数据目录。接着，安装必要的npm包，并在Hexo博客中配置搜索功能，指定存储搜索数据的JSON文件路径。然后，编写了一个同步脚本，用于读取XML文件、解析数据、检查或创建集合以及导入数据到Typesense。最后，在博客底部添加了InstantSearch和Typesense的JavaScript库，并根据实际情况修改了配置。
 date: 2026-02-05 13:14:16
-series:
+series: webcustom
 tags:
 ---
 

source/_posts/2026/2026.2/happy-new-year-2026.md

@@ -0,0 +1,21 @@
+---
+title: 新年快乐！
+summary: >-
+  这篇文章是一则关于新年祝福和幸福指数提升的通知，主要内容包含以下几点：首先，强调在假期期间要确保饮食质量，避免emo情绪的影响；其次，鼓励大家在收到通知后在留言区分享新年愿望，以便后台系统收集并祝愿他们实现愿望；最后，表达了对大家新年的美好祝愿，希望他们身体健康，万事如意，所得皆所愿，所行化坦途。
+tags:
+  - 生活
+abbrlink: 5785bd01
+date: 2026-02-14 06:56:18
+categories:
+series:
+---
+
+各位亲朋好友、合作伙伴及屏幕前的你：
+
+值此二〇二六年蛇年来临之际，为贯彻落实“快乐至上”的核心价值观，进一步提升全体人员的幸福指数，现将有关事项通知如下：
+
+一、各单位要切实做好“吃好喝好”保障工作，严禁在假期期间进行任何形式的emo。
+
+二、请各有关人员在收到本通知后，务必在下方留言区留下你的新年愿望，由后台系统统一收集并祝愿其实现。
+
+三、祝大家在新的一年里，身体健康，万事如意，所得皆所愿，所行化坦途！

themes/butterfly/layout/includes/header/nav.pug

@@ -17,10 +17,14 @@ nav#nav
             a(href="https://statstic.biss.click") #[i.fas.fa-users] 访客统计
             a(href="https://pic.biss.click") #[i.fas.fa-image] 图床
             a(href="https://chat.biss.click") #[i.fas.fa-robot] AI网站
+            a(href="https://git.biss.click") #[i.fas.fa-code-branch] 代码仓库
         .ls-section
           .ls-title 🛸 实用工具
           .ls-grid
             a(href="https://cover.biss.click") #[i.fas.fa-palette] 封面设计
+            a(href="https://doc.biss.click") #[i.fas.fa-file] 文档服务
+            a(href="https://doc.biss.click") #[i.fas.fa-server]服务监测
+            a(href="https://typesense.biss.click") #[i.fas.fa-magnifying-glass] 搜索后端
 
     a.nav-site-title(href=url_for('/'))
       if theme.nav.logo

themes/butterfly/layout/includes/third-party/share/index.pug

@@ -7,3 +7,5 @@ if use
         !=partial('includes/third-party/share/addtoany', {}, {cache: true})
       when 'sharejs'
         include ./share-js.pug
+      when 'web_share'
+        include ./web_share.pug

themes/butterfly/layout/includes/third-party/share/web_share.pug

@@ -0,0 +1,53 @@
+//- web_share.pug
+
+style.
+  #web-share-btn {
+    background: var(--btn-bg);
+    color: var(--btn-color);
+    border: none;
+    padding: 0.5rem 1rem;
+    border-radius: 8px;
+    cursor: pointer;
+    transition: all 0.3s;
+  }
+  #web-share-btn:hover {
+    background: var(--btn-hover-color);
+  }
+
+#web-share-component
+  button#web-share-btn(title='分享本文')
+    i.fas.fa-share-alt
+    span= ' ' + _p('分享')
+
+script.
+  (() => {
+    const setupWebShare = () => {
+      const btn = document.getElementById('web-share-btn')
+      if (!btn) return
+
+      // 点击事件处理
+      btn.addEventListener('click', async () => {
+        if (navigator.share) {
+          try {
+            await navigator.share({
+              title: '!{page.title || config.title}',
+              text: '!{truncate(strip_html(page.content), {length: 100})}',
+              url: window.location.href
+            })
+          } catch (err) {
+            console.log('分享取消或失败', err)
+          }
+        } else {
+          // 降级处理：比如弹出提示或复制链接
+          const shareData = window.location.href
+          navigator.clipboard.writeText(shareData).then(() => {
+            btf.snackbarShow('系统不支持分享，已将链接复制到剪贴板')
+          })
+        }
+      })
+    }
+
+    // 考虑到 Butterfly 的 Pjax 跳转，需要重新绑定
+    setupWebShare()
+    document.addEventListener('pjax:complete', setupWebShare)
+  })()

themes/butterfly/scripts/tag/link.js

@@ -0,0 +1,76 @@
+function link(args) {
+    args = args.join(' ').split(',');
+    let title = args[0];
+    let sitename = args[1];
+    let link = args[2];
+
+    // 定义不同域名对应的头像URL
+    const avatarUrls = {
+        'github.com': 'https://pic.biss.click/image/ed410d4e-d3f8-4b26-8840-50dd58f7dc4e.webp',
+        'csdn.net': 'https://pic.biss.click/image/ed410d4e-d3f8-4b26-8840-50dd58f7dc4e.webp',
+        'gitee.com': 'https://pic.biss.click/image/579241d4-6224-467b-840e-57bf63380e54.webp',
+        'zhihu.com': 'https://pic.biss.click/image/1fe71116-4535-4be9-9378-0e0650fd0532.webp',
+        'stackoverflow.com': 'https://pic.biss.click/image/0c02383a-f97b-4f0d-8ab0-486bc13478bd.svg',
+        'wikipedia.org': 'https://pic.biss.click/image/fa4fc91d-b3a3-4559-b72c-b2d2046feacf.webp',
+    };
+    
+    // 定义白名单域名
+    const whitelistDomains = [
+        'biss.click'
+    ];
+
+    // 获取URL的根域名
+    function getRootDomain(url) {
+        const hostname = new URL(url).hostname;
+        const domainParts = hostname.split('.').reverse();
+        if (domainParts.length > 1) {
+            return domainParts[1] + '.' + domainParts[0];
+        }
+        return hostname;
+    }
+
+    // 根据URL获取对应的头像URL
+    function getAvatarUrl(url) {
+        const rootDomain = getRootDomain(url);
+        for (const domain in avatarUrls) {
+            if (domain.endsWith(rootDomain)) {
+                return avatarUrls[domain];
+            }
+        }
+        return 'https://pic.biss.click/image/1971bdc1-4349-4bb9-b683-20404f5da7d7.webp';  // 默认头像URL
+    }
+
+    // 检查是否在白名单中
+    function isWhitelisted(url) {
+        const rootDomain = getRootDomain(url);
+        for (const domain of whitelistDomains) {
+            if (rootDomain.endsWith(domain)) {
+                return true;
+            }
+        }
+        return false;
+    }
+
+    // 获取对应的头像URL
+    let imgUrl = getAvatarUrl(link);
+
+    // 判断并生成提示信息
+    // 判断并生成提示信息
+    let tipMessage = isWhitelisted(link)
+        ? "✅来自本站，本站可确保其安全性，请放心点击跳转"
+        : "🪧引用站外地址，不保证站点的可用性和安全性";
+
+    return `<div class='liushen-tag-link'><a class="tag-Link" target="_blank" href="${link}">
+    <div class="tag-link-tips">${tipMessage}</div>
+    <div class="tag-link-bottom">
+        <div class="tag-link-left" style="background-image: url(${imgUrl});"></div>
+        <div class="tag-link-right">
+            <div class="tag-link-title">${title}</div>
+            <div class="tag-link-sitename">${sitename}</div>
+        </div>
+        <i class="fa-solid fa-angle-right"></i>
+    </div>
+    </a></div>`;
+}
+
+hexo.extend.tag.register('link', link, { ends: false });

themes/butterfly/source/css/nav.css

@@ -1,4 +1,3 @@
-
 #nav-right{
   flex:1 1 auto;
   justify-content: flex-end;
@@ -176,22 +175,17 @@
   background: rgba(255, 255, 255, 0.05); 
 }
 
-/* --- 附加补丁：确保文章标题正常显示且居中 --- */
-
-/* 1. 当文章标题显示类名触发时，确保它能浮现 */
 #nav.show-title .nav-page-title {
   display: flex !important;
   opacity: 1 !important;
   visibility: visible !important;
-  /* 强制居中，不影响你原本的 blog-info 和 nav-right */
   position: absolute !important;
   left: 50% !important;
   transform: translateX(-50%) !important;
   white-space: nowrap !important;
-  z-index: 1000 !important; /* 确保层级高于你原本的 menus */
+  z-index: 1000 !important;
 }
 
-/* 2. 滚动时自动隐藏原本占据 100% 宽度的菜单和站点标题，防止重叠 */
 #nav.show-title #menus,
 #nav.show-title .nav-site-title {
   opacity: 0 !important;
@@ -199,13 +193,11 @@
   pointer-events: none !important;
 }
 
-/* 3. 修正文章标题的基础状态，防止它在页面顶端时乱入 */
 #nav .nav-page-title {
-  display: none; /* 默认隐藏，由 show-title 类名控制 */
+  display: none; 
   transition: opacity 0.3s ease;
 }
 
-/* 4. 保持你原本 blog-info 的溢出显示，确保指纹菜单可用 */
 #nav #blog-info {
   overflow: visible !important;
 }

themes/butterfly/source/css/poem.css

@@ -1,14 +1,12 @@
 [data-theme=light] {
   --fontcolor: #363636;
   --text: rgba(60, 60, 67, 0.6);
-  --btn-bg: #edf0f7;
   --bg: #edf0f7;
 }
 
 [data-theme=dark] {
   --fontcolor: #F7F7FA;
   --text: #a1a2b8;
-  --btn-bg: #30343f;
   --bg: #30343f;
 }
 div#poem_sentence{
@@ -43,3 +41,27 @@ div#poem_dynasty{
   color: var(--fontcolor);
   border-radius: 8px;
 }
+
+#card-poem{
+  display: flex;
+  flex-direction: column;
+  padding: 0.5rem!important;
+  min-height: 130px;
+    background: linear-gradient(-45deg, rgba(255, 255, 255, .7),
+            rgba(255, 255, 255, .8),
+            rgba(255, 255, 255, .8),
+            rgba(255, 255, 255, .7))!important;
+    backdrop-filter: blur(10px); 
+}
+
+[data-theme=dark] #card-poem{
+  display: flex;
+  flex-direction: column;
+  padding: 0.5rem!important;
+  min-height: 130px;
+    background: linear-gradient(-45deg, rgba(24, 40, 72, .7),
+            rgba(35, 37, 58, .8),
+            rgba(35, 37, 58, .8),
+            rgba(24, 40, 72, .7))!important;
+    backdrop-filter: blur(10px); 
+}

themes/butterfly/source/css/shuoshuo.css

@@ -28,6 +28,9 @@
   position: relative;
   width: 100%;
   box-sizing: border-box;
+  display: flex;
+  flex-wrap: wrap; /* 允许换行 */
+  align-items: flex-start; /* 防止高度拉伸导致变形 */
 }
 
 #talk .talk_item {
@@ -60,6 +63,18 @@
   }
 }
 
+/* 给 Meting 播放器预留约 80px 的固定高度 */
+meting-js {
+    display: block;
+    min-height: 100px;
+    margin-top: 10px;
+}
+
+/* 如果有视频，也预留一下比例高度 */
+.talk_content iframe {
+    min-height: 150px;
+}
+
 /* ================= 头部信息 ================= */
 #talk .talk_meta,
 #talk .talk_bottom {

themes/butterfly/source/css/shuoshuoshouye.css

@@ -54,12 +54,17 @@
   }
 }
 
+/* 重点修改：bber-talk 的磨砂玻璃背景 */
 #bber-talk {
-  /* border-radius: 8px; */
+  /* 统一磨砂玻璃效果 */
-  /* background: var(--card-bg); */
+  background: linear-gradient(-45deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, .8), rgba(255, 255, 255, .8), rgba(255, 255, 255, .7)) !important;
-  /* box-shadow: none; */
+  backdrop-filter: blur(10px);
+  -webkit-backdrop-filter: blur(10px);
+  
+  border-radius: 12px; /* 给哔哔栏加一点圆角，更符合玻璃质感 */
+  border: 1px solid rgba(255, 255, 255, 0.3); /* 增加边缘高光 */
+  
   box-sizing: border-box;
-  /* transition: all .3s ease-in-out; */
   cursor: pointer;
   width: 100%;
   min-height: 50px;
@@ -68,6 +73,18 @@
   align-items: center;
   overflow: hidden;
   font-weight: 700;
+  transition: all .3s ease-in-out;
+}
+
+/* 暗黑模式适配 */
+[data-theme=dark] #bber-talk {
+  background: linear-gradient(-45deg, rgba(24, 40, 72, .7), rgba(35, 37, 58, .8), rgba(35, 37, 58, .8), rgba(24, 40, 72, .7)) !important;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+#bber-talk:hover {
+  transform: translateY(-2px); /* 悬停微动，增加交互感 */
+  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
 }
 
 #bber-talk,

themes/butterfly/source/css/style.css

@@ -23,8 +23,7 @@
 		rgba(255, 255, 255, 0.0),
 		rgba(255, 255, 255, 0.3),
 		rgba(255, 255, 255, 0.6),
-		rgba(255, 255, 255, 0.7)),
+		rgba(255, 255, 255, 0.7)); /* 鼠标悬停时显示的背景图片 */
-		url('/config/img/dog.jpg'); /* 鼠标悬停时显示的背景图片 */
     background-size: cover;
     background-repeat: no-repeat;
     opacity: 0.5;
@@ -37,8 +36,7 @@
 		rgba(24, 40, 72, .1),
 		rgba(35, 37, 58, .3),
         rgba(35, 37, 58, .6),
-        rgba(24, 40, 72, .7)), 
+        rgba(24, 40, 72, .7)); /* 鼠标悬停时显示的背景图片 */
-        url('/config/img/dog.jpg'); /* 鼠标悬停时显示的背景图片 */
     background-size: cover;
     background-repeat: no-repeat;
 }
@@ -150,31 +148,6 @@
     border-radius: 10px;
 }
 
-/* 古诗词卡片 */
-#card-poem{
-  display: flex;
-  flex-direction: column;
-  padding: 0.5rem!important;
-  min-height: 130px;
-    background: linear-gradient(-45deg, rgba(255, 255, 255, .7),
-            rgba(255, 255, 255, .8),
-            rgba(255, 255, 255, .8),
-            rgba(255, 255, 255, .7))!important;
-    backdrop-filter: blur(10px); 
-}
-
-[data-theme=dark] #card-poem{
-  display: flex;
-  flex-direction: column;
-  padding: 0.5rem!important;
-  min-height: 130px;
-    background: linear-gradient(-45deg, rgba(24, 40, 72, .7),
-            rgba(35, 37, 58, .8),
-            rgba(35, 37, 58, .8),
-            rgba(24, 40, 72, .7))!important;
-    backdrop-filter: blur(10px); 
-}
-
 /*文章页面*/
 .layout>#post {
     background: linear-gradient(-45deg, rgba(255, 255, 255, .7),

themes/butterfly/source/css/swiper.css

@@ -1,30 +1,46 @@
-/* 1. 强制清空外层所有可能的背景、边框和阴影 */
+/* 1. 强制清空外层容器的背景、边框和阴影 */
 #swiperBox, 
 #swiper_container, 
 .blog-slider,
 .swiper-container {
     padding: 0 !important;
     margin: 0 auto !important;
-    background: none !important; /* 彻底删掉白色底色 */
+    background: none !important;
     border: none !important;
     box-shadow: none !important;
     width: 100% !important;
     overflow: hidden !important;
 }
 
-/* 2. 针对容器下方的白边进行“零间距”处理 */
+/* 2. 强力锁定比例，防止 JS 动态修改高度 */
-div#swiperBox {
-    margin-bottom: 20px !important; /* 只保留外部下边距，内部不留白 */
-}
-
 div#swiper_container {
-    height: 250px !important;
+    width: 100% !important;
+    
+    /* 使用 vw 单位根据屏幕宽度动态计算高度 */
+    /* 16:9 比例下，高度 = 宽度 * 56.25% */
+    height: 56.25vw !important; 
+    
+    /* 设定最大高度，防止在 PC 端显得过大（可根据需求调整，比如 400px） */
+    max-height: 450px !important; 
+    
+    /* 设定最小高度，防止在极小屏幕下太扁 */
+    min-height: 180px !important;
+
+    aspect-ratio: 16 / 9 !important;
     display: block !important;
     border-radius: 12px;
+    position: relative !important;
+}
+
+/* 强制内部所有幻灯片跟随父容器高度 */
+.swiper-wrapper, .swiper-slide, .blog-slider__item {
+    height: 100% !important;
+}
+/* 3. 彻底隐藏分页圆点或橙色元素 */
+.blog-slider__pagination, .swiper-pagination {
+    display: none !important; 
 }
 
-/* 3. 彻底隐藏那个奇怪的橙色方块 */
-/* 那个方块通常是 swiper-pagination-bullet-active 或导航按钮的背景 */
 .blog-slider__pagination .swiper-pagination-bullet,
 .swiper-pagination-bullet,
 .swiper-button-next,
@@ -32,12 +48,7 @@ div#swiper_container {
     outline: none !important;
 }
 
-/* 如果你不需要底部的圆点，直接用下面这行彻底删掉它 */
+/* 4. 图片填充修复：确保铺满不留白 */
-.blog-slider__pagination, .swiper-pagination {
-    display: none !important; 
-}
-
-/* 4. 修复图片和内容的覆盖，确保不露底色 */
 .blog-slider__item {
     width: 100% !important;
     height: 100% !important;
@@ -47,28 +58,81 @@ div#swiper_container {
     padding: 0 !important;
 }
 
-/* 5. 修正文字布局，防止重叠 */
+/* 5. 打包内容块并整体居中 */
 .blog-slider__content {
-    background: rgba(0, 0, 0, 0.45); /* 黑色半透明遮罩 */
+    background: rgba(0, 0, 0, 0.45) !important;
     width: 100% !important;
     height: 100% !important;
-    padding: 0 40px !important;
+    position: absolute !important;
+    top: 0 !important;
+    left: 0 !important;
+    margin: 0 !important;
+    padding: 0 !important;
+}
+
+/* 核心：将内容容器设为居中参考点 */
+.blog-slider__content .blog-slider__item_content_wrapper, /* 尝试抓取可能的内层包裹 */
+.blog-slider__content > div:first-child, /* 备选抓取 */
+.blog-slider__content {
     display: flex !important;
-    flex-direction: column;
+    flex-direction: column !important;
-    justify-content: center;
+    justify-content: center !important;
-    align-items: center;
+    align-items: center !important;
+}
+
+/* 针对标题和描述的统一样式 */
+.blog-slider__title, 
+.blog-slider__text {
+    position: relative !important; /* 放弃绝对定位，回归正常流，防止重叠 */
+    top: 0 !important;
+    left: 0 !important;
+    transform: none !important;
+    width: 85% !important;
+    text-align: center !important;
+    margin: 5px auto !important; /* 自动上下留白 */
+    color: #ffffff !important;
 }
 
 a.blog-slider__title {
-    font-size: 1.5rem !important;
+    font-size: 1.4rem !important;
-    color: #fff !important;
+    font-weight: bold !important;
-    margin: 5px 0 !important;
+    line-height: 1.3 !important;
-    display: block !important;
+    text-decoration: none !important;
 }
 
-/* 6. 解决左右箭头样式异常 */
+.blog-slider__text {
+    font-size: 0.9rem !important;
+    opacity: 0.9;
+    /* 限制描述文字行数，防止在16:9中撑破容器 */
+    display: -webkit-box !important;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+
+/* 针对手机端的极小屏幕适配 */
+@media screen and (max-width: 768px) {
+    a.blog-slider__title {
+        font-size: 1.1rem !important;
+    }
+    .blog-slider__text {
+        font-size: 0.8rem !important;
+        -webkit-line-clamp: 1; /* 手机端只留一行描述，防止空间拥挤 */
+    }
+}
+/* 6. 移动端微调：防止文字过大或间距过宽 */
+@media screen and (max-width: 768px) {
+    .blog-slider__content {
+        padding: 0 15px !important;
+    }
+    a.blog-slider__title {
+        font-size: 1.1rem !important;
+    }
+}
+
+/* 7. 左右箭头样式：白色且无背景 */
 .swiper-button-next::after, .swiper-button-prev::after {
     font-size: 1.2rem !important;
     color: #fff !important;
-    background: none !important; /* 彻底去掉背景色 */
+    background: none !important;
 }

themes/butterfly/source/js/footer.js

@@ -0,0 +1,66 @@
+
+//版权图标动态显示
+document.addEventListener('DOMContentLoaded', function() {
+    const currentYear = new Date().getFullYear();
+    const copyrightElement = document.querySelector('.copyright');
+    if (copyrightElement) {
+        copyrightElement.innerHTML = `©2025 - ${currentYear} <i class="fa-solid fa-heart "></i> By Bi`;
+    }
+});
+
+// 运行时间动态显示
+function showDateTime() {
+    const timeDisplay = document.getElementById('span_dt_dt');
+    if (!timeDisplay) return;
+
+    const startTime = new Date("2025-07-05T15:41:23");
+    const now = new Date();
+    const elapsedMilliseconds = now - startTime;
+    const seconds = Math.floor(elapsedMilliseconds / 1000);
+
+    const oneYearInSeconds = 365 * 24 * 60 * 60;
+    if (seconds < oneYearInSeconds) {
+        const days = Math.floor(seconds / (24 * 60 * 60));
+        const remainingSecondsAfterDays = seconds % (24 * 60 * 60);
+        const hours = Math.floor(remainingSecondsAfterDays / (60 * 60));
+        const remainingSecondsAfterHours = remainingSecondsAfterDays % (60 * 60);
+        const minutes = Math.floor(remainingSecondsAfterHours / 60);
+        const sec = remainingSecondsAfterHours % 60;
+
+        timeDisplay.innerHTML = `
+            <span style="color:#ffff00">${days}</span> 天 
+            <span style="color:#ffff00">${hours}</span> 时 
+            <span style="color:#ffff00">${minutes}</span> 分 
+            <span style="color:#ffff00">${sec}</span> 秒
+        `;
+    } else {
+        const years = Math.floor(seconds / oneYearInSeconds);
+        const remainingSecondsAfterYears = seconds % oneYearInSeconds;
+        const days = Math.floor(remainingSecondsAfterYears / (24 * 60 * 60));
+        const remainingSecondsAfterDays = remainingSecondsAfterYears % (24 * 60 * 60);
+        const hours = Math.floor(remainingSecondsAfterDays / (60 * 60));
+        const remainingSecondsAfterHours = remainingSecondsAfterDays % (60 * 60);
+        const minutes = Math.floor(remainingSecondsAfterHours / 60);
+        const sec = remainingSecondsAfterHours % 60;
+
+        timeDisplay.innerHTML = `
+            <span style="color:#ffff00">${years}</span> 年 
+            <span style="color:#ffff00">${days}</span> 天 
+            <span style="color:#ffff00">${hours}</span> 时 
+            <span style="color:#ffff00">${minutes}</span> 分 
+            <span style="color:#ffff00">${sec}</span> 秒
+        `;
+    }
+
+    setTimeout(showDateTime, 1000);
+}
+
+document.addEventListener('DOMContentLoaded', () => {
+    const frameworkInfo = document.querySelector('.framework-info');
+    if (frameworkInfo) {
+        frameworkInfo.innerHTML = '本站已运行<span id="span_dt_dt"></span>';
+    }
+    showDateTime();
+});   
+  
+

themes/butterfly/source/js/shuoshuo.js

@@ -139,7 +139,7 @@ function renderTalks() {
         // 外链 / GitHub 项目
         if (['WEBSITE', 'GITHUBPROJ'].includes(item.extension_type)) {
             let siteUrl = '', title = '';
-            let extensionBack = "https://p.liiiu.cn/i/2024/07/27/66a4632bbf06e.webp";
+            let extensionBack = "https://pic.biss.click/image/1971bdc1-4349-4bb9-b683-20404f5da7d7.webp";
 
             // 解析 extension 字段
             try {
@@ -153,7 +153,7 @@ function renderTalks() {
 
             // 特殊处理 GitHub 项目
             if (item.extension_type === 'GITHUBPROJ') {
-                extensionBack = "https://p.liiiu.cn/i/2024/07/27/66a461a3098aa.webp";
+                extensionBack = "https://pic.biss.click/image/ed410d4e-d3f8-4b26-8840-50dd58f7dc4e.webp";
 
                 // 提取 GitHub 项目名
                 const match = siteUrl.match(/^https?:\/\/github\.com\/[^/]+\/([^/?#]+)/i);
@@ -193,7 +193,7 @@ function renderTalks() {
             const idMatch = link.match(/id=(\d+)/);
             const id = idMatch ? idMatch[1] : '';
             if (server && id) {
-                content += `<meting-js server="${server}" type="song" id="${id}" api="https://met.liiiu.cn/meting/api?server=:server&type=:type&id=:id&auth=:auth&r=:r"></meting-js>`;
+                content += `<meting-js server="${server}" type="song" id="${id}" api="https://meting.qjqq.cn/?server=:server&type=:type&id=:id&auth=:auth&r=:r"></meting-js>`;
             }
         }
 
@@ -227,7 +227,7 @@ function renderTalks() {
         return {
             content,
             user: item.username || '匿名',
-            avatar: 'https://p.liiiu.cn/i/2025/03/13/67d2fc82d329c.webp',
+            avatar: 'https://free.picui.cn/free/2025/08/10/689845496a283.png',
             date,
             location: '',
             tags: Array.isArray(item.tags) && item.tags.length ? item.tags.map(t => t.name) : ['无标签'],