363 lines
15 KiB
HTML
363 lines
15 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
|
<!-- 公共的 head 部分，可以定义部分 links,scripts,styles -->
|
|
<head th:fragment="head(htmlType)">
|
|
<meta charset="UTF-8">
|
|
<meta content="IE=edge" http-equiv="X-UA-Compatible">
|
|
<meta content="width=device-width,initial-scale=1" name="viewport">
|
|
<title th:text="${site.title}"></title>
|
|
<meta content="telephone=no" name="format-detection">
|
|
<meta content="var(--heo-card-bg)" name="theme-color">
|
|
|
|
<link rel="shortcut icon"
|
|
th:href="@{${#strings.isEmpty(site.favicon) ? assets_link + '/images/hao-logo.jpg' : site.favicon}}"/>
|
|
|
|
<script th:src="${assets_link + '/js/heo.js'}"></script>
|
|
|
|
<script th:src="${assets_link + '/js/halo.js'}"></script>
|
|
|
|
<link rel="stylesheet" th:href="${assets_link + '/zhheo/zhheoblog.css'}">
|
|
|
|
<link rel="stylesheet" th:href="${assets_link + '/zhheo/custom.css'}">
|
|
|
|
<link rel="stylesheet" th:href="${assets_link + '/zhheo/commentBarrage.css'}">
|
|
|
|
|
|
<link media="print"
|
|
onload='this.media="all"'
|
|
rel="stylesheet"
|
|
th:href="${assets_link + '/libs/iconfont/iconfont.css'}">
|
|
|
|
<!-- swiper 在瞬间滚动时会使用 -->
|
|
<link rel="stylesheet" href="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/Swiper/8.0.6/swiper-bundle.min.css"/>
|
|
|
|
<!-- 右下角通知 -->
|
|
<link href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/node-snackbar/0.1.16/snackbar.min.css"
|
|
media="print"
|
|
onload='this.media="all"'
|
|
rel="stylesheet"
|
|
/>
|
|
|
|
|
|
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/6.2.0/css/all.min.css" media="all" onload="this.media='all'">
|
|
|
|
|
|
<!-- 代码块-->
|
|
<th:block th:replace="~{macro/prism-code :: prism-code}"/>
|
|
|
|
<script th:if="${theme.config.footer.footerContent.footerStyle == 'one'}" async="async">(function () {
|
|
var grt = new Date("[[${#strings.arraySplit(theme.config.basics.siteStartTime, '-')[1]}]]/[[${#strings.arraySplit(theme.config.basics.siteStartTime, '-')[2]}]]/[[${#strings.arraySplit(theme.config.basics.siteStartTime, '-')[0]}]] 00:00:00"); //设置网站上线时间
|
|
var now = new Date();
|
|
var dnum;
|
|
var hnum;
|
|
var mnum;
|
|
var snum;
|
|
var nowHour;
|
|
var t;
|
|
var n;
|
|
|
|
// 计算并更新天数、小时数、分钟数和秒数
|
|
function updateTime() {
|
|
now = new Date(); // 更新 now 的值
|
|
nowHour = now.getHours(); // 更新 nowHour 的值
|
|
var days = (now - grt) / 1000 / 60 / 60 / 24;
|
|
dnum = Math.floor(days);
|
|
var hours = (now - grt) / 1000 / 60 / 60 - 24 * dnum;
|
|
hnum = Math.floor(hours);
|
|
if (String(hnum).length == 1) {
|
|
hnum = "0" + hnum;
|
|
}
|
|
var minutes = (now - grt) / 1000 / 60 - 24 * 60 * dnum - 60 * hnum;
|
|
mnum = Math.floor(minutes);
|
|
if (String(mnum).length == 1) {
|
|
mnum = "0" + mnum;
|
|
}
|
|
var seconds = (now - grt) / 1000 - 24 * 60 * 60 * dnum - 60 * 60 * hnum - 60 * mnum;
|
|
snum = Math.round(seconds);
|
|
if (String(snum).length == 1) {
|
|
snum = "0" + snum;
|
|
}
|
|
t = Math.trunc(234e8 + (now - grt) / 1e3 * 17)
|
|
n = (t / 1496e5).toFixed(6)
|
|
}
|
|
|
|
// 更新网页中显示的网站运行时间
|
|
function updateHtml() {
|
|
const footer = document.getElementById("footer");
|
|
if (!footer) return
|
|
let currentTimeHtml = "";
|
|
if (nowHour < 18 && nowHour >= 9) {
|
|
// 如果是上班时间，默认就是"困困鱼-上班摸鱼中.svg"图片，不需要更改
|
|
currentTimeHtml = `本站居然运行了 ${dnum} 天<span id='runtime'> ${hnum} 小时 ${mnum} 分 ${snum} 秒 </span><i class='haofont hao-icon-heartbeat' style='color:red'></i> <br> 旅行者 1 号当前距离地球 ${t} 千米，约为 ${n} 个天文单位 🚀`;
|
|
} else {
|
|
// 如果是下班时间，插入"困困鱼-下班啦.svg"图片
|
|
let img = document.querySelector("#workboard .workSituationImg");
|
|
img.src = "[[${theme.config.footer.footerContent.style_one.work_img}]]";
|
|
img.title = "[[${theme.config.footer.footerContent.style_one.work_description}]]";
|
|
img.alt = "[[${theme.config.footer.footerContent.style_one.work_description}]]";
|
|
|
|
currentTimeHtml = `本站居然运行了 ${dnum} 天<span id='runtime'> ${hnum} 小时 ${mnum} 分 ${snum} 秒 </span><i class='haofont hao-icon-heartbeat' style='color:red'></i> <br> 旅行者 1 号当前距离地球 ${t} 千米，约为 ${n} 个天文单位 🚀`;
|
|
}
|
|
|
|
if (document.getElementById("runtimeTextTip")) {
|
|
document.getElementById("runtimeTextTip").innerHTML = currentTimeHtml;
|
|
}
|
|
}
|
|
|
|
setInterval(() => {
|
|
updateTime();
|
|
updateHtml();
|
|
}, 1000);
|
|
})();</script>
|
|
|
|
|
|
<script>
|
|
(win => {
|
|
win.saveToLocal = {
|
|
set: function setWithExpiry(key, value, ttl) {
|
|
if (ttl === 0) return
|
|
const now = new Date()
|
|
const expiryDay = ttl * 86400000
|
|
const item = {
|
|
value: value,
|
|
expiry: now.getTime() + expiryDay,
|
|
}
|
|
localStorage.setItem(key, JSON.stringify(item))
|
|
},
|
|
|
|
get: function getWithExpiry(key) {
|
|
const itemStr = localStorage.getItem(key)
|
|
|
|
if (!itemStr) {
|
|
return undefined
|
|
}
|
|
const item = JSON.parse(itemStr)
|
|
const now = new Date()
|
|
|
|
if (now.getTime() > item.expiry) {
|
|
localStorage.removeItem(key)
|
|
return undefined
|
|
}
|
|
return item.value
|
|
}
|
|
}
|
|
|
|
win.getScript = url => new Promise((resolve, reject) => {
|
|
const script = document.createElement('script')
|
|
script.src = url
|
|
script.async = true
|
|
script.onerror = reject
|
|
script.onload = script.onreadystatechange = function () {
|
|
const loadState = this.readyState
|
|
if (loadState && loadState !== 'loaded' && loadState !== 'complete') return
|
|
script.onload = script.onreadystatechange = null
|
|
resolve()
|
|
}
|
|
document.head.appendChild(script)
|
|
})
|
|
|
|
win.activateDarkMode = function () {
|
|
document.documentElement.setAttribute('data-theme', 'dark')
|
|
heo.initThemeColor()
|
|
}
|
|
win.activateLightMode = function () {
|
|
document.documentElement.setAttribute('data-theme', 'light')
|
|
heo.initThemeColor()
|
|
}
|
|
const t = saveToLocal.get('theme')
|
|
|
|
const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches
|
|
const isLightMode = window.matchMedia('(prefers-color-scheme: light)').matches
|
|
const isNotSpecified = window.matchMedia('(prefers-color-scheme: no-preference)').matches
|
|
const hasNoSupport = !isDarkMode && !isLightMode && !isNotSpecified
|
|
|
|
if (t === undefined) {
|
|
if (isLightMode) activateLightMode()
|
|
else if (isDarkMode) activateDarkMode()
|
|
else if (isNotSpecified || hasNoSupport) {
|
|
const now = new Date()
|
|
const hour = now.getHours()
|
|
const isNight = hour <= 6 || hour >= 18
|
|
isNight ? activateDarkMode() : activateLightMode()
|
|
}
|
|
window.matchMedia('(prefers-color-scheme: dark)').addListener(function (e) {
|
|
if (saveToLocal.get('theme') === undefined) {
|
|
e.matches ? activateDarkMode() : activateLightMode()
|
|
}
|
|
})
|
|
} else if (t === 'light') activateLightMode()
|
|
else activateDarkMode()
|
|
|
|
if("[[${theme.config.style.colorScheme}]]" === 'dark')
|
|
activateDarkMode()
|
|
if("[[${theme.config.style.colorScheme}]]" === 'light')
|
|
activateLightMode()
|
|
|
|
const asideStatus = saveToLocal.get('aside-status')
|
|
if (asideStatus !== undefined) {
|
|
if (asideStatus === 'hide') {
|
|
document.documentElement.classList.add('hide-aside')
|
|
} else {
|
|
document.documentElement.classList.remove('hide-aside')
|
|
}
|
|
}
|
|
})(window)
|
|
</script>
|
|
<script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.min.js"></script>
|
|
|
|
<!-- 动态加载条 -->
|
|
<script data-pace-options='{ "restartOnRequestAfter":false,"eventLag":false}'
|
|
src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/pace/1.2.4/pace.min.js"
|
|
th:if="${theme.config.other.loadingBoxs.loadProgressBar}">
|
|
</script>
|
|
|
|
<!-- 复制 https://github.com/zenorocha/clipboard.js -->
|
|
<script th:src="${assets_link + '/libs/clipboard/clipboard.min.js'}"></script>
|
|
|
|
<!-- 全局图片预览-->
|
|
<script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/fancybox/3.5.7/jquery.fancybox.min.js"></script>
|
|
<link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/fancybox/3.5.7/jquery.fancybox.min.css">
|
|
|
|
|
|
<!-- 关于地图-->
|
|
<script src="https://map.qq.com/api/gljs?v=1.exp&key=YZOBZ-34HLF-K3OJV-JV6IN-OALJ5-7MBAC"></script>
|
|
|
|
<!-- 关于统计-->
|
|
<script th:src="${assets_link + '/libs/countup/countup.js'}"></script>
|
|
|
|
|
|
<!-- icon图标 -->
|
|
<link rel="stylesheet" th:href="'https://npm.elemecdn.com/hao-theme-static@'+${theme.spec.version}+'/icon/iconfont.css'">
|
|
|
|
<!-- 声明一些公共信息 -->
|
|
<script id="site-config" th:inline="javascript">
|
|
var GLOBAL_CONFIG = {
|
|
// 页面类型 index,page,post,tag,category
|
|
htmlType: [[${ htmlType }]],
|
|
postTitle: [[${ htmlType == 'post' ? post.spec.title : htmlType == 'page' ? singlePage.spec.title : ''}]],
|
|
isanchor: true,
|
|
isPost: [[${htmlType == 'post'}]],
|
|
isHome: [[${ htmlType == 'index'}]],
|
|
isHighlightShrink: false,
|
|
//isToc: [[${ htmlType == 'post'}]] && document.getElementById("card-toc"),
|
|
postUpdate: '2022-11-04 20:08:15',
|
|
copyright: undefined,
|
|
lightbox: 'fancybox',
|
|
lazyload: {enable: true, error: "/themes/theme-hao/assets/images/404s.gif"},
|
|
isFriendLinksInFooter: [[${theme.config.footer.footer_group.enable_footer_group}]],
|
|
loadingBox: [[${theme.config.other.loadingBoxs.loadingBoxEnable}]],
|
|
loadProgressBar: [[${theme.config.other.loadingBoxs.loadProgressBar}]],
|
|
allPlaylist: [[${theme.config.tool.nav_music.all_playlist}]],
|
|
navMusicEnable:[[${theme.config.tool.nav_music.nav_musicEnable}]],
|
|
isMusic: [[${ htmlType == 'music'}]],
|
|
helloText: [[${#strings.listSplit(theme.config.sidebar.profile.helloText, ',')}]],
|
|
assetsLink: [[${assets_link}]],
|
|
source: {
|
|
links:{
|
|
randomfriendurl: [[${theme.config.link.randomfriendurl}]],
|
|
},
|
|
jQuery: 'https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.min.js',
|
|
justifiedGallery: {
|
|
js: 'https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/justifiedGallery/3.8.1/js/jquery.justifiedGallery.min.js',
|
|
css: 'https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/justifiedGallery/3.8.1/css/justifiedGallery.min.css'
|
|
},
|
|
fancybox: {
|
|
js: 'https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/fancybox/3.5.7/jquery.fancybox.min.js',
|
|
css: 'https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/fancybox/3.5.7/jquery.fancybox.min.css'
|
|
},
|
|
twikoo:{
|
|
js: '/themes/theme-hao/assets/libs/twikoo/twikoo.all.min.js'
|
|
}
|
|
},
|
|
date_suffix: {
|
|
just: '刚刚',
|
|
min: '分钟前',
|
|
hour: '小时前',
|
|
day: '天前',
|
|
month: '个月前'
|
|
},
|
|
Snackbar: {
|
|
chs_to_cht: "你已切换为繁体",
|
|
cht_to_chs: "你已切换为简体",
|
|
day_to_night: "你已切换为深色模式",
|
|
night_to_day: "你已切换为浅色模式",
|
|
bgLight: "#49b1f5",
|
|
bgDark: "#121212",
|
|
position: "top-center",
|
|
},
|
|
prism: {
|
|
enable: [[${ theme.config.code.enable }]],
|
|
enable_title: [[${ theme.config.code.enable_title }]],
|
|
enable_hr: [[${ theme.config.code.enable_hr }]],
|
|
enable_line: [[${ theme.config.code.enable_line }]],
|
|
enable_copy: [[${ theme.config.code.enable_copy }]],
|
|
enable_expander: [[${ theme.config.code.enable_expander }]],
|
|
prism_limit: Number([[${#strings.isEmpty(theme.config.code.height_limit) ? 300 : theme.config.code.height_limit}]])+30,
|
|
enable_height_limit: [[${theme.config.code.enable_height_limit}]]
|
|
},
|
|
|
|
};
|
|
|
|
// 根据htmlType设置页面title
|
|
setTitle = () => {
|
|
let title = ''
|
|
|
|
switch ([[${ htmlType }]]) {
|
|
case 'post':
|
|
if (GLOBAL_CONFIG.postTitle != '')
|
|
title = GLOBAL_CONFIG.postTitle
|
|
break;
|
|
case 'page':
|
|
if (GLOBAL_CONFIG.postTitle != '')
|
|
title = GLOBAL_CONFIG.postTitle
|
|
break;
|
|
case 'archive':
|
|
title = '归档'
|
|
break;
|
|
case 'category':
|
|
title = '分类'
|
|
break;
|
|
case 'links':
|
|
title = '友链'
|
|
break;
|
|
case 'tag':
|
|
title = '标签'
|
|
break;
|
|
case 'moments':
|
|
title = '瞬间'
|
|
break;
|
|
case 'fcircle':
|
|
title = '友链鱼塘'
|
|
break;
|
|
case 'about':
|
|
title = '关于'
|
|
break;
|
|
case '404':
|
|
title = '页面没有找到'
|
|
break;
|
|
case 'music':
|
|
title = '音乐馆'
|
|
break;
|
|
case 'comments':
|
|
title = '留言板'
|
|
break;
|
|
|
|
}
|
|
if (title != '')
|
|
document.title = title + ' - ' + [[${ site.title }]]
|
|
}
|
|
|
|
(() => {
|
|
setTitle()
|
|
})()
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
</head>
|
|
|
|
</html>
|