biss/blog
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

footer
Some checks failed
自动部署 / deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
biss
2026-02-14 15:55:19 +08:00
parent f012ac7a11
commit ea6e371414
2 changed files with 75 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

124
_config.butterfly.yml
View File

@@ -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: |
<div class="my-footer-content-div" >
<div class="my-footer-content">
<div class="my-footer-content-column">
<div class="my-footer-logo">
<a class="my-footer-logo-link" href="#">
<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>
custom_text:
<p>
<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>
<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>
<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>
</p>
# --------------------------------------
# Aside Settings
@@ -1180,6 +1073,7 @@ 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>

66
themes/butterfly/source/js/footer.js Normal file
View File

@@ -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();
});