Compare commits
15 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 66417cb511 | |||
| 236e0d6547 | |||
| 45e93608ab | |||
| 371b605268 | |||
| 641d7c78ec | |||
| 15f3614aac | |||
| eca30a503b | |||
| d19c1191ef | |||
| 8f601d0817 | |||
| 7f8b310cf7 | |||
| d197c0e95c | |||
| 19df302749 | |||
| 6d00368bfe | |||
| 59cf1a13e8 | |||
| 2420bcfa80 |
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
release
|
||||||
|
/release/
|
||||||
57
README.md
57
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)
|
||||||
@ -750,8 +750,7 @@ spec:
|
|||||||
label: 爱发电赞助
|
label: 爱发电赞助
|
||||||
value:
|
value:
|
||||||
powerLink: /
|
powerLink: /
|
||||||
url: https://api.afdian.cnkj.site/api/creator/get-top-sponsors?user_id=
|
url: /apis/api.plugin.halo.run/v1alpha1/plugins/plugin-afdian/afdian/getSponsorList
|
||||||
userId:
|
|
||||||
showNum: 3
|
showNum: 3
|
||||||
children:
|
children:
|
||||||
- $formkit: url
|
- $formkit: url
|
||||||
@ -760,9 +759,7 @@ spec:
|
|||||||
- $formkit: text
|
- $formkit: text
|
||||||
name: url
|
name: url
|
||||||
label: 接口地址
|
label: 接口地址
|
||||||
- $formkit: text
|
help: 需要安装爱发电插件
|
||||||
name: userId
|
|
||||||
label: 用户ID
|
|
||||||
- $formkit: number
|
- $formkit: number
|
||||||
name: showNum
|
name: showNum
|
||||||
label: 最大展示条数
|
label: 最大展示条数
|
||||||
|
|||||||
@ -1,87 +1,90 @@
|
|||||||
.timeline {
|
.timeline {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 20px;
|
height: 2rem;
|
||||||
background-color: var(--heo-background);
|
background-color: var(--heo-background);
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
border-radius: 0.5rem;
|
border-radius: 1.5rem;
|
||||||
height: 2.5rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.progress {
|
.progress {
|
||||||
width: 0;
|
width: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background-color: var(--heo-main);
|
background-color: var(--heo-main);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
animation: progressAnimation 2s linear forwards;
|
animation: progressAnimation 2s linear forwards;
|
||||||
animation-delay: -0.1s;
|
animation-delay: -0.1s;
|
||||||
border-radius: 0.5rem
|
border-radius: 1.5rem
|
||||||
}
|
}
|
||||||
|
|
||||||
.past-time {
|
.past-time {
|
||||||
width: 2px;
|
width: 2px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
background-color: #3498db;
|
background-color: #3498db;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
transform-origin: left;
|
transform-origin: left;
|
||||||
animation: pastTimeAnimation 3s linear forwards;
|
animation: pastTimeAnimation 3s linear forwards;
|
||||||
}
|
}
|
||||||
|
|
||||||
.percentage-label {
|
.percentage-label {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: var(--heo-card-bg);
|
color: var(--heo-card-bg);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
top: 10px;
|
top: 10px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
transition: left 0.5s linear;
|
transition: left 0.5s linear;
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.time-labels {
|
.time-labels {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.time-labels>div {
|
.time-labels>div {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: var(--heo-fontcolor);
|
color: var(--heo-fontcolor);
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes progressAnimation {
|
@keyframes progressAnimation {
|
||||||
0% {
|
0% {
|
||||||
width: 0;
|
width: 0;
|
||||||
}
|
}
|
||||||
100% {
|
|
||||||
width: var(--progress-percentage, 0);
|
100% {
|
||||||
}
|
width: var(--progress-percentage, 0);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes pastTimeAnimation {
|
@keyframes pastTimeAnimation {
|
||||||
0% {
|
0% {
|
||||||
transform: scaleX(0);
|
transform: scaleX(0);
|
||||||
}
|
}
|
||||||
100% {
|
|
||||||
transform: scaleX(var(--past-time-percentage, 0));
|
100% {
|
||||||
}
|
transform: scaleX(var(--past-time-percentage, 0));
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.timeline:hover {
|
.timeline:hover {
|
||||||
animation: btn31-eff 3s linear infinite;
|
animation: btn31-eff 3s linear infinite;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes btn31-eff {
|
@keyframes btn31-eff {
|
||||||
0% {
|
0% {
|
||||||
box-shadow: 0 0 2px var(--heo-main);
|
box-shadow: 0 0 2px var(--heo-main);
|
||||||
}
|
}
|
||||||
50% {
|
|
||||||
box-shadow: 0 0 40px var(--heo-main);
|
50% {
|
||||||
}
|
box-shadow: 0 0 40px var(--heo-main);
|
||||||
100% {
|
}
|
||||||
box-shadow: 0 0 2px var(--heo-main);
|
|
||||||
}
|
100% {
|
||||||
|
box-shadow: 0 0 2px var(--heo-main);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -18,7 +18,6 @@ let halo = {
|
|||||||
var e = document.querySelector("link[data-code-theme=light]"),
|
var e = document.querySelector("link[data-code-theme=light]"),
|
||||||
o = document.querySelector("link[data-code-theme=dark]");
|
o = document.querySelector("link[data-code-theme=dark]");
|
||||||
(o || e) && ("light" === t ? (o.disabled = !0, e.disabled = !1) : (e.disabled = !0, o.disabled = !1))
|
(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) {
|
if (!Prism.plugins.toolbar) {
|
||||||
console.warn('Copy to Clipboard plugin loaded before Toolbar plugin.');
|
console.warn('Copy to Clipboard plugin loaded before Toolbar plugin.');
|
||||||
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -322,7 +320,8 @@ let halo = {
|
|||||||
'limit': '100'
|
'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)
|
statheaderList)
|
||||||
.then((e => e.json())).then((({
|
.then((e => e.json())).then((({
|
||||||
data: t
|
data: t
|
||||||
@ -375,20 +374,44 @@ let halo = {
|
|||||||
},
|
},
|
||||||
|
|
||||||
getTopSponsors() {
|
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() {
|
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)
|
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 => {
|
.then(data => {
|
||||||
if (200 === data["ec"]) {
|
if (200 === data["ec"]) {
|
||||||
var values = data["data"]["list"]
|
const values = data["data"]["list"];
|
||||||
saveToLocal.set('power-data', JSON.stringify(values), 10 / (60 * 24))
|
saveToLocal.set('power-data', JSON.stringify(values), 10 / (60 * 24))
|
||||||
renderer(values);
|
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) {
|
if (values.length === 0) {
|
||||||
powerStar.href = GLOBAL_CONFIG.source.power.powerLink
|
powerStar.href = GLOBAL_CONFIG.source.power.powerLink
|
||||||
powerStar.innerHTML = `
|
powerStar.innerHTML = `
|
||||||
<div id="power-star-image" style="background-image: url('/themes/theme-hao/assets/images/afadian/afadian.webp')">
|
<div id="power-star-image" style="background-image: url('/themes/theme-hao/assets/images/afadian/afadian.webp')">
|
||||||
</div>
|
</div>
|
||||||
<div class="power-star-body">
|
<div class="power-star-body">
|
||||||
<div id="power-star-title">还没有人赞助～</div>
|
<div id="power-star-title">还没有人赞助～</div>
|
||||||
<div id="power-star-desc">为爱发电，点击赞助</div>
|
<div id="power-star-desc">为爱发电，点击赞助</div>
|
||||||
</div>`;
|
</div>`;
|
||||||
} else {
|
} else {
|
||||||
if (powerStar) {
|
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 = `
|
powerStar.innerHTML = `
|
||||||
<div id="power-star-image" style="background-image: url(${data[0].avatar})">
|
<div id="power-star-image" style="background-image: url(${data[0]["user"].avatar})">
|
||||||
</div>
|
</div>
|
||||||
<div class="power-star-body">
|
<div class="power-star-body">
|
||||||
<div id="power-star-title">${data[0].name}</div>
|
<div id="power-star-title">${data[0]["user"].name}</div>
|
||||||
<div id="power-star-desc">更多支持，为爱发电</div>
|
<div id="power-star-desc">更多支持，为爱发电</div>
|
||||||
</div>`;
|
</div>`;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (values.length > 1) {
|
if (values.length > 1) {
|
||||||
@ -424,7 +447,7 @@ let halo = {
|
|||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
htmlText +=
|
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;
|
i = i + 1;
|
||||||
}
|
}
|
||||||
if (document.getElementById("power-item-link")) {
|
if (document.getElementById("power-item-link")) {
|
||||||
@ -439,7 +462,7 @@ let halo = {
|
|||||||
if (data) {
|
if (data) {
|
||||||
renderer(JSON.parse(data))
|
renderer(JSON.parse(data))
|
||||||
} else {
|
} else {
|
||||||
getPower()
|
getPower();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -2,352 +2,358 @@ var btf = {
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
// 修改时间显示"最近"
|
// 修改时间显示"最近"
|
||||||
diffDateExact: function (d, more = false) {
|
diffDateExact: function(d, more = false) {
|
||||||
const dateNow = new Date();
|
const dateNow = new Date();
|
||||||
const datePost = new Date(d);
|
const datePost = new Date(d);
|
||||||
const dateDiff = dateNow.getTime() - datePost.getTime();
|
const dateDiff = dateNow.getTime() - datePost.getTime();
|
||||||
const minute = 1000 * 60;
|
const minute = 1000 * 60;
|
||||||
const hour = minute * 60;
|
const hour = minute * 60;
|
||||||
const day = hour * 24;
|
const day = hour * 24;
|
||||||
const month = day * 30;
|
const month = day * 30;
|
||||||
|
|
||||||
let result;
|
let result;
|
||||||
if (more) {
|
if (more) {
|
||||||
const monthCount = dateDiff / month;
|
const monthCount = dateDiff / month;
|
||||||
const dayCount = dateDiff / day;
|
const dayCount = dateDiff / day;
|
||||||
const hourCount = dateDiff / hour;
|
const hourCount = dateDiff / hour;
|
||||||
const minuteCount = dateDiff / minute;
|
const minuteCount = dateDiff / minute;
|
||||||
|
|
||||||
if (monthCount >= 1) {
|
if (monthCount >= 1) {
|
||||||
result = datePost.toLocaleDateString().replace(/\//g, "-");
|
result = datePost.toLocaleDateString().replace(/\//g, "-");
|
||||||
} else if (dayCount >= 1) {
|
} else if (dayCount >= 1) {
|
||||||
result = parseInt(dayCount) + " " + GLOBAL_CONFIG.date_suffix.day;
|
result = parseInt(dayCount) + " " + GLOBAL_CONFIG.date_suffix.day;
|
||||||
} else if (hourCount >= 1) {
|
} else if (hourCount >= 1) {
|
||||||
result = parseInt(hourCount) + " " + GLOBAL_CONFIG.date_suffix.hour;
|
result = parseInt(hourCount) + " " + GLOBAL_CONFIG.date_suffix.hour;
|
||||||
} else if (minuteCount >= 1) {
|
} else if (minuteCount >= 1) {
|
||||||
result = parseInt(minuteCount) + " " + GLOBAL_CONFIG.date_suffix.min;
|
result = parseInt(minuteCount) + " " + GLOBAL_CONFIG.date_suffix.min;
|
||||||
} else {
|
} else {
|
||||||
result = GLOBAL_CONFIG.date_suffix.just;
|
result = GLOBAL_CONFIG.date_suffix.just;
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
result = parseInt(dateDiff / day);
|
result = parseInt(dateDiff / day);
|
||||||
}
|
}
|
||||||
return result;
|
return result;
|
||||||
},
|
},
|
||||||
|
|
||||||
loadLightbox: ele => {
|
loadLightbox: ele => {
|
||||||
|
|
||||||
const jqLoadAndRun = () => {
|
const jqLoadAndRun = () => {
|
||||||
const $fancyboxEle = GLOBAL_CONFIG.lightbox === 'fancybox'
|
const $fancyboxEle = GLOBAL_CONFIG.lightbox === 'fancybox' ?
|
||||||
? ele
|
ele :
|
||||||
: []
|
[]
|
||||||
const fbLengthNoZero = $fancyboxEle.length > 0
|
const fbLengthNoZero = $fancyboxEle.length > 0
|
||||||
|
|
||||||
if (fbLengthNoZero) {
|
if (fbLengthNoZero) {
|
||||||
btf.isJqueryLoad(() => {
|
btf.isJqueryLoad(() => {
|
||||||
fbLengthNoZero && addFancybox($fancyboxEle)
|
fbLengthNoZero && addFancybox($fancyboxEle)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* fancybox
|
* fancybox
|
||||||
*/
|
*/
|
||||||
const addFancybox = function (ele) {
|
const addFancybox = function(ele) {
|
||||||
const runFancybox = (ele) => {
|
const runFancybox = (ele) => {
|
||||||
ele.each(function (i, o) {
|
ele.each(function(i, o) {
|
||||||
const $this = $(o)
|
const $this = $(o)
|
||||||
const lazyloadSrc = $this.attr('data-lazy-src') || $this.attr('src')
|
const lazyloadSrc = $this.attr('data-lazy-src') || $this.attr('src')
|
||||||
const dataCaption = $this.attr('alt') || ''
|
const dataCaption = $this.attr('alt') || ''
|
||||||
$this.wrap(`<a href="${lazyloadSrc}" data-fancybox="images" data-caption="${dataCaption}" class="fancybox" data-srcset="${lazyloadSrc}"></a>`)
|
$this.wrap(
|
||||||
})
|
`<a href="${lazyloadSrc}" data-fancybox="images" data-caption="${dataCaption}" class="fancybox" data-srcset="${lazyloadSrc}"></a>`
|
||||||
|
)
|
||||||
|
})
|
||||||
|
|
||||||
$().fancybox({
|
$().fancybox({
|
||||||
selector: '[data-fancybox]',
|
selector: '[data-fancybox]',
|
||||||
loop: true,
|
loop: true,
|
||||||
transitionEffect: 'slide',
|
transitionEffect: 'slide',
|
||||||
protect: true,
|
protect: true,
|
||||||
buttons: ['slideShow', 'fullScreen', 'thumbs', 'close'],
|
buttons: ['slideShow', 'fullScreen', 'thumbs', 'close'],
|
||||||
hash: false
|
hash: false
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
if (typeof $.fancybox === 'undefined') {
|
if (typeof $.fancybox === 'undefined') {
|
||||||
// $('head').append(`<link rel="stylesheet" type="text/css" href="${GLOBAL_CONFIG.source.fancybox.css}">`)
|
// $('head').append(`<link rel="stylesheet" type="text/css" href="${GLOBAL_CONFIG.source.fancybox.css}">`)
|
||||||
$.getScript(`${GLOBAL_CONFIG.source.fancybox.js}`, function () {
|
$.getScript(`${GLOBAL_CONFIG.source.fancybox.js}`, function() {
|
||||||
runFancybox($(ele))
|
runFancybox($(ele))
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
runFancybox($(ele))
|
runFancybox($(ele))
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
jqLoadAndRun()
|
jqLoadAndRun()
|
||||||
|
|
||||||
},
|
},
|
||||||
debounce: function (func, wait, immediate) {
|
debounce: function(func, wait, immediate) {
|
||||||
let timeout
|
let timeout
|
||||||
return function () {
|
return function() {
|
||||||
const context = this
|
const context = this
|
||||||
const args = arguments
|
const args = arguments
|
||||||
const later = function () {
|
const later = function() {
|
||||||
timeout = null
|
timeout = null
|
||||||
if (!immediate) func.apply(context, args)
|
if (!immediate) func.apply(context, args)
|
||||||
}
|
}
|
||||||
const callNow = immediate && !timeout
|
const callNow = immediate && !timeout
|
||||||
clearTimeout(timeout)
|
clearTimeout(timeout)
|
||||||
timeout = setTimeout(later, wait)
|
timeout = setTimeout(later, wait)
|
||||||
if (callNow) func.apply(context, args)
|
if (callNow) func.apply(context, args)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
throttle: function (func, wait, options) {
|
throttle: function(func, wait, options) {
|
||||||
let timeout, context, args
|
let timeout, context, args
|
||||||
let previous = 0
|
let previous = 0
|
||||||
if (!options) options = {}
|
if (!options) options = {}
|
||||||
|
|
||||||
const later = function () {
|
const later = function() {
|
||||||
previous = options.leading === false ? 0 : new Date().getTime()
|
previous = options.leading === false ? 0 : new Date().getTime()
|
||||||
timeout = null
|
timeout = null
|
||||||
func.apply(context, args)
|
func.apply(context, args)
|
||||||
if (!timeout) context = args = null
|
if (!timeout) context = args = null
|
||||||
}
|
}
|
||||||
|
|
||||||
const throttled = function () {
|
const throttled = function() {
|
||||||
const now = new Date().getTime()
|
const now = new Date().getTime()
|
||||||
if (!previous && options.leading === false) previous = now
|
if (!previous && options.leading === false) previous = now
|
||||||
const remaining = wait - (now - previous)
|
const remaining = wait - (now - previous)
|
||||||
context = this
|
context = this
|
||||||
args = arguments
|
args = arguments
|
||||||
if (remaining <= 0 || remaining > wait) {
|
if (remaining <= 0 || remaining > wait) {
|
||||||
if (timeout) {
|
if (timeout) {
|
||||||
clearTimeout(timeout)
|
clearTimeout(timeout)
|
||||||
timeout = null
|
timeout = null
|
||||||
}
|
}
|
||||||
previous = now
|
previous = now
|
||||||
func.apply(context, args)
|
func.apply(context, args)
|
||||||
if (!timeout) context = args = null
|
if (!timeout) context = args = null
|
||||||
} else if (!timeout && options.trailing !== false) {
|
} else if (!timeout && options.trailing !== false) {
|
||||||
timeout = setTimeout(later, remaining)
|
timeout = setTimeout(later, remaining)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
return throttled
|
return throttled
|
||||||
},
|
},
|
||||||
|
|
||||||
sidebarPaddingR: () => {
|
sidebarPaddingR: () => {
|
||||||
const innerWidth = window.innerWidth
|
const innerWidth = window.innerWidth
|
||||||
const clientWidth = document.body.clientWidth
|
const clientWidth = document.body.clientWidth
|
||||||
const paddingRight = innerWidth - clientWidth
|
const paddingRight = innerWidth - clientWidth
|
||||||
if (innerWidth !== clientWidth) {
|
if (innerWidth !== clientWidth) {
|
||||||
document.body.style.paddingRight = paddingRight + 'px'
|
document.body.style.paddingRight = paddingRight + 'px'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
snackbarShow: (text, showActionFunction = false, duration = 2000, actionText = false) => {
|
snackbarShow: (text, showActionFunction = false, duration = 2000, actionText = false) => {
|
||||||
const { position, bgLight, bgDark } = GLOBAL_CONFIG.Snackbar;
|
const {
|
||||||
const bg = document.documentElement.getAttribute("data-theme") === "light" ? bgLight : bgDark;
|
position,
|
||||||
const root = document.querySelector(":root");
|
bgLight,
|
||||||
root.style.setProperty("--heo-snackbar-time", duration + "ms");
|
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({
|
Snackbar.show({
|
||||||
text: text,
|
text: text,
|
||||||
backgroundColor: bg,
|
backgroundColor: bg,
|
||||||
onActionClick: showActionFunction,
|
onActionClick: showActionFunction,
|
||||||
actionText: actionText,
|
actionText: actionText,
|
||||||
showAction: actionText,
|
showAction: actionText,
|
||||||
duration: duration,
|
duration: duration,
|
||||||
pos: position,
|
pos: position,
|
||||||
customClass: "snackbar-css",
|
customClass: "snackbar-css",
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
initJustifiedGallerys: function (selector) {
|
initJustifiedGallerys: function(selector) {
|
||||||
selector.forEach((function(t) {
|
selector.forEach((function(t) {
|
||||||
btf.isHidden(t) || fjGallery(t, {
|
btf.isHidden(t) || fjGallery(t, {
|
||||||
itemSelector: ".fj-gallery-item",
|
itemSelector: ".fj-gallery-item",
|
||||||
rowHeight: 240,
|
rowHeight: 240,
|
||||||
gutter: 4,
|
gutter: 4,
|
||||||
onJustify: function() {
|
onJustify: function() {
|
||||||
this.$container.style.opacity = "1"
|
this.$container.style.opacity = "1"
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}))
|
||||||
))
|
document.querySelectorAll('#article-container .loadings')[0]?.classList.remove("loadings");
|
||||||
document.querySelectorAll('#article-container .loadings')[0]?.classList.remove("loadings");
|
},
|
||||||
},
|
|
||||||
|
|
||||||
diffDate: (d, more = false) => {
|
diffDate: (d, more = false) => {
|
||||||
const dateNow = new Date()
|
const dateNow = new Date()
|
||||||
const datePost = new Date(d)
|
const datePost = new Date(d)
|
||||||
const dateDiff = dateNow.getTime() - datePost.getTime()
|
const dateDiff = dateNow.getTime() - datePost.getTime()
|
||||||
const minute = 1000 * 60
|
const minute = 1000 * 60
|
||||||
const hour = minute * 60
|
const hour = minute * 60
|
||||||
const day = hour * 24
|
const day = hour * 24
|
||||||
const month = day * 30
|
const month = day * 30
|
||||||
|
|
||||||
let result
|
let result
|
||||||
if (more) {
|
if (more) {
|
||||||
const monthCount = dateDiff / month
|
const monthCount = dateDiff / month
|
||||||
const dayCount = dateDiff / day
|
const dayCount = dateDiff / day
|
||||||
const hourCount = dateDiff / hour
|
const hourCount = dateDiff / hour
|
||||||
const minuteCount = dateDiff / minute
|
const minuteCount = dateDiff / minute
|
||||||
|
|
||||||
if (monthCount > 12) {
|
if (monthCount > 12) {
|
||||||
// result = datePost.toLocaleDateString().replace(/\//g, '-')
|
// result = datePost.toLocaleDateString().replace(/\//g, '-')
|
||||||
result = datePost.toLocaleDateString()
|
result = datePost.toLocaleDateString()
|
||||||
} else if (dayCount >= 7) {
|
} else if (dayCount >= 7) {
|
||||||
// } else if (monthCount >= 1) {
|
// } else if (monthCount >= 1) {
|
||||||
result = datePost.toLocaleDateString().substr(5)
|
result = datePost.toLocaleDateString().substr(5)
|
||||||
// result = parseInt(monthCount) + ' ' + GLOBAL_CONFIG.date_suffix.month
|
// result = parseInt(monthCount) + ' ' + GLOBAL_CONFIG.date_suffix.month
|
||||||
} else if (dayCount >= 1) {
|
} else if (dayCount >= 1) {
|
||||||
result = parseInt(dayCount) + '' + GLOBAL_CONFIG.date_suffix.day
|
result = parseInt(dayCount) + '' + GLOBAL_CONFIG.date_suffix.day
|
||||||
} else if (hourCount >= 1) {
|
} else if (hourCount >= 1) {
|
||||||
// result = '最近'
|
// result = '最近'
|
||||||
result = parseInt(hourCount) + ' ' + GLOBAL_CONFIG.date_suffix.hour
|
result = parseInt(hourCount) + ' ' + GLOBAL_CONFIG.date_suffix.hour
|
||||||
} else if (minuteCount >= 1) {
|
} else if (minuteCount >= 1) {
|
||||||
// result = '最近'
|
// result = '最近'
|
||||||
result = parseInt(minuteCount) + ' ' + GLOBAL_CONFIG.date_suffix.min
|
result = parseInt(minuteCount) + ' ' + GLOBAL_CONFIG.date_suffix.min
|
||||||
} else {
|
} else {
|
||||||
result = GLOBAL_CONFIG.date_suffix.just
|
result = GLOBAL_CONFIG.date_suffix.just
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
result = parseInt(dateDiff / day)
|
result = parseInt(dateDiff / day)
|
||||||
}
|
}
|
||||||
return result
|
return result
|
||||||
},
|
},
|
||||||
|
|
||||||
loadComment: (dom, callback) => {
|
loadComment: (dom, callback) => {
|
||||||
if ('IntersectionObserver' in window) {
|
if ('IntersectionObserver' in window) {
|
||||||
const observerItem = new IntersectionObserver((entries) => {
|
const observerItem = new IntersectionObserver((entries) => {
|
||||||
if (entries[0].isIntersecting) {
|
if (entries[0].isIntersecting) {
|
||||||
callback()
|
callback()
|
||||||
observerItem.disconnect()
|
observerItem.disconnect()
|
||||||
}
|
}
|
||||||
}, {threshold: [0]})
|
}, {
|
||||||
observerItem.observe(dom)
|
threshold: [0]
|
||||||
} else {
|
})
|
||||||
callback()
|
observerItem.observe(dom)
|
||||||
}
|
} else {
|
||||||
},
|
callback()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
scrollToDest: (e,t)=>{
|
scrollToDest: (e, t) => {
|
||||||
if (e < 0 || t < 0)
|
if (e < 0 || t < 0)
|
||||||
return;
|
return;
|
||||||
const n = window.scrollY || window.screenTop;
|
const n = window.scrollY || window.screenTop;
|
||||||
if (e -= 70,
|
if (e -= 70,
|
||||||
"CSS"in window && CSS.supports("scroll-behavior", "smooth"))
|
"CSS" in window && CSS.supports("scroll-behavior", "smooth"))
|
||||||
return void window.scrollTo({
|
return void window.scrollTo({
|
||||||
top: e,
|
top: e,
|
||||||
behavior: "smooth"
|
behavior: "smooth"
|
||||||
});
|
});
|
||||||
let o = null;
|
let o = null;
|
||||||
t = t || 500,
|
t = t || 500,
|
||||||
window.requestAnimationFrame((function i(s) {
|
window.requestAnimationFrame((function i(s) {
|
||||||
if (o = o || s,
|
if (o = o || s,
|
||||||
n < e) {
|
n < e) {
|
||||||
const r = s - o;
|
const r = s - o;
|
||||||
window.scrollTo(0, (e - n) * r / t + n),
|
window.scrollTo(0, (e - n) * r / t + n),
|
||||||
r < t ? window.requestAnimationFrame(i) : window.scrollTo(0, e)
|
r < t ? window.requestAnimationFrame(i) : window.scrollTo(0, e)
|
||||||
} else {
|
} else {
|
||||||
const r = s - o;
|
const r = s - o;
|
||||||
window.scrollTo(0, n - (n - e) * r / t),
|
window.scrollTo(0, n - (n - e) * r / t),
|
||||||
r < t ? window.requestAnimationFrame(i) : window.scrollTo(0, e)
|
r < t ? window.requestAnimationFrame(i) : window.scrollTo(0, e)
|
||||||
}
|
}
|
||||||
}
|
}))
|
||||||
))
|
},
|
||||||
},
|
|
||||||
|
|
||||||
fadeIn: (ele, time) => {
|
fadeIn: (ele, time) => {
|
||||||
ele.style.cssText = `display:block;animation: to_show ${time}s`
|
ele.style.cssText = `display:block;animation: to_show ${time}s`
|
||||||
},
|
},
|
||||||
|
|
||||||
fadeOut: (ele, time) => {
|
fadeOut: (ele, time) => {
|
||||||
ele.addEventListener('animationend', function f() {
|
ele.addEventListener('animationend', function f() {
|
||||||
ele.style.cssText = "display: none; animation: '' "
|
ele.style.cssText = "display: none; animation: '' "
|
||||||
ele.removeEventListener('animationend', f)
|
ele.removeEventListener('animationend', f)
|
||||||
})
|
})
|
||||||
ele.style.animation = `to_hide ${time}s`
|
ele.style.animation = `to_hide ${time}s`
|
||||||
},
|
},
|
||||||
|
|
||||||
getParents: (elem, selector) => {
|
getParents: (elem, selector) => {
|
||||||
for (; elem && elem !== document; elem = elem.parentNode) {
|
for (; elem && elem !== document; elem = elem.parentNode) {
|
||||||
if (elem.matches(selector)) return elem
|
if (elem.matches(selector)) return elem
|
||||||
}
|
}
|
||||||
return null
|
return null
|
||||||
},
|
},
|
||||||
|
|
||||||
siblings: (ele, selector) => {
|
siblings: (ele, selector) => {
|
||||||
return [...ele.parentNode.children].filter((child) => {
|
return [...ele.parentNode.children].filter((child) => {
|
||||||
if (selector) {
|
if (selector) {
|
||||||
return child !== ele && child.matches(selector)
|
return child !== ele && child.matches(selector)
|
||||||
}
|
}
|
||||||
return child !== ele
|
return child !== ele
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
*
|
*
|
||||||
* @param {*} selector
|
* @param {*} selector
|
||||||
* @param {*} eleType the type of create element
|
* @param {*} eleType the type of create element
|
||||||
* @param {*} id id
|
* @param {*} id id
|
||||||
* @param {*} cn class name
|
* @param {*} cn class name
|
||||||
*/
|
*/
|
||||||
wrap: function (selector, eleType, id = '', cn = '') {
|
wrap: function(selector, eleType, id = '', cn = '') {
|
||||||
const creatEle = document.createElement(eleType)
|
const creatEle = document.createElement(eleType)
|
||||||
if (id) creatEle.id = id
|
if (id) creatEle.id = id
|
||||||
if (cn) creatEle.className = cn
|
if (cn) creatEle.className = cn
|
||||||
selector.parentNode.insertBefore(creatEle, selector)
|
selector.parentNode.insertBefore(creatEle, selector)
|
||||||
creatEle.appendChild(selector)
|
creatEle.appendChild(selector)
|
||||||
},
|
},
|
||||||
|
|
||||||
unwrap: function (el) {
|
unwrap: function(el) {
|
||||||
const elParentNode = el.parentNode
|
const elParentNode = el.parentNode
|
||||||
if (elParentNode !== document.body) {
|
if (elParentNode !== document.body) {
|
||||||
elParentNode.parentNode.insertBefore(el, elParentNode)
|
elParentNode.parentNode.insertBefore(el, elParentNode)
|
||||||
elParentNode.parentNode.removeChild(elParentNode)
|
elParentNode.parentNode.removeChild(elParentNode)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
isJqueryLoad: (fn) => {
|
isJqueryLoad: (fn) => {
|
||||||
if (typeof jQuery === 'undefined') {
|
if (typeof jQuery === 'undefined') {
|
||||||
getScript(GLOBAL_CONFIG.source.jQuery).then(fn)
|
getScript(GLOBAL_CONFIG.source.jQuery).then(fn)
|
||||||
} else {
|
} else {
|
||||||
fn()
|
fn()
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
isHidden: (ele) => ele.offsetHeight === 0 && ele.offsetWidth === 0,
|
isHidden: (ele) => ele.offsetHeight === 0 && ele.offsetWidth === 0,
|
||||||
|
|
||||||
getEleTop: (ele) => {
|
getEleTop: (ele) => {
|
||||||
let actualTop = ele.offsetTop
|
let actualTop = ele.offsetTop
|
||||||
let current = ele.offsetParent
|
let current = ele.offsetParent
|
||||||
|
|
||||||
while (current !== null) {
|
while (current !== null) {
|
||||||
actualTop += current.offsetTop
|
actualTop += current.offsetTop
|
||||||
current = current.offsetParent
|
current = current.offsetParent
|
||||||
}
|
}
|
||||||
|
|
||||||
return actualTop
|
return actualTop
|
||||||
},
|
},
|
||||||
//过滤标签
|
//过滤标签
|
||||||
changeContent: (content,length = null)=>{
|
changeContent: (content, length = null) => {
|
||||||
if (content === '') return content
|
if (content === '') return content
|
||||||
|
|
||||||
content = content.replace(/<img.*?src="(.*?)"?[^\>]+>/ig, '[图片]') // replace image link
|
content = content.replace(/<img.*?src="(.*?)"?[^\>]+>/ig, '[图片]') // replace image link
|
||||||
content = content.replace(/<a[^>]+?href=["']?([^"']+)["']?[^>]*>([^<]+)<\/a>/gi, '[链接]') // replace url
|
content = content.replace(/<a[^>]+?href=["']?([^"']+)["']?[^>]*>([^<]+)<\/a>/gi, '[链接]') // replace url
|
||||||
content = content.replace(/<pre><code>.*?<\/pre>/gi, '[代码]') // replace code
|
content = content.replace(/<pre><code>.*?<\/pre>/gi, '[代码]') // replace code
|
||||||
content = content.replace(/<[^>]+>/g, "") // remove html tag
|
content = content.replace(/<[^>]+>/g, "") // remove html tag
|
||||||
|
|
||||||
if (length!=null){
|
if (length != null) {
|
||||||
if (content.length > length) {
|
if (content.length > length) {
|
||||||
content = content.substring(0, length) + '...'
|
content = content.substring(0, length) + '...'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
return content
|
return content
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
1
templates/assets/libs/crypto/crypto-js.min.js
vendored
Normal file
1
templates/assets/libs/crypto/crypto-js.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -279,10 +279,37 @@ i.haofont.hao-icon-arrow-right.banner-righticon{
|
|||||||
--hao-gl-size: 16px !important;
|
--hao-gl-size: 16px !important;
|
||||||
}
|
}
|
||||||
#aside-content .card-announcement .item-headline i{
|
#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卡片 */
|
/* Steam卡片 */
|
||||||
#aside-content .item-headline-steam {
|
#aside-content .item-headline-steam {
|
||||||
|
|||||||
@ -3,26 +3,26 @@ let rm = {};
|
|||||||
|
|
||||||
//禁止图片拖拽
|
//禁止图片拖拽
|
||||||
rm.stopdragimg = $("img");
|
rm.stopdragimg = $("img");
|
||||||
rm.stopdragimg.on("dragstart", function () {
|
rm.stopdragimg.on("dragstart", function() {
|
||||||
return false;
|
return false;
|
||||||
});
|
});
|
||||||
|
|
||||||
// 显示菜单
|
// 显示菜单
|
||||||
rm.showRightMenu = function (isTrue, x = 0, y = 0) {
|
rm.showRightMenu = function(isTrue, x = 0, y = 0) {
|
||||||
let $rightMenu = $('#rightMenu');
|
let $rightMenu = $('#rightMenu');
|
||||||
$rightMenu.css('top', x + 'px').css('left', y + 'px');
|
$rightMenu.css('top', x + 'px').css('left', y + 'px');
|
||||||
if (isTrue) {
|
if (isTrue) {
|
||||||
$rightMenu.show();
|
$rightMenu.show();
|
||||||
stopMaskScroll()
|
stopMaskScroll()
|
||||||
} else {
|
} else {
|
||||||
$rightMenu.hide();
|
$rightMenu.hide();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 隐藏菜单
|
// 隐藏菜单
|
||||||
rm.hideRightMenu = function () {
|
rm.hideRightMenu = function() {
|
||||||
rm.showRightMenu(false);
|
rm.showRightMenu(false);
|
||||||
$('#rightmenu-mask').attr('style', 'display: none');
|
$('#rightmenu-mask').attr('style', 'display: none');
|
||||||
}
|
}
|
||||||
|
|
||||||
// 尺寸
|
// 尺寸
|
||||||
@ -30,9 +30,9 @@ let rmWidth = $('#rightMenu').width();
|
|||||||
let rmHeight = $('#rightMenu').height();
|
let rmHeight = $('#rightMenu').height();
|
||||||
|
|
||||||
// 重新定义尺寸
|
// 重新定义尺寸
|
||||||
rm.reloadrmSize = function () {
|
rm.reloadrmSize = function() {
|
||||||
rmWidth = $('#rightMenu').width();
|
rmWidth = $('#rightMenu').width();
|
||||||
rmHeight = $('#rightMenu').height();
|
rmHeight = $('#rightMenu').height();
|
||||||
}
|
}
|
||||||
|
|
||||||
// 获取点击的href
|
// 获取点击的href
|
||||||
@ -41,225 +41,227 @@ let domImgSrc = '';
|
|||||||
let globalEvent = null;
|
let globalEvent = null;
|
||||||
|
|
||||||
// 监听右键初始化
|
// 监听右键初始化
|
||||||
window.oncontextmenu = function (event) {
|
window.oncontextmenu = function(event) {
|
||||||
if (document.body.clientWidth > 768) {
|
if (document.body.clientWidth > 768) {
|
||||||
let pageX = event.clientX + 10; //加10是为了防止显示时鼠标遮在菜单上
|
let pageX = event.clientX + 10; //加10是为了防止显示时鼠标遮在菜单上
|
||||||
let pageY = event.clientY;
|
let pageY = event.clientY;
|
||||||
// console.log(event);
|
// console.log(event);
|
||||||
|
|
||||||
//其他额外菜单
|
//其他额外菜单
|
||||||
let $rightMenuOther = $('.rightMenuOther');
|
let $rightMenuOther = $('.rightMenuOther');
|
||||||
let $rightMenuPlugin = $('.rightMenuPlugin');
|
let $rightMenuPlugin = $('.rightMenuPlugin');
|
||||||
let $rightMenuCopyText = $('#menu-copytext');
|
let $rightMenuCopyText = $('#menu-copytext');
|
||||||
let $rightMenuPasteText = $('#menu-pastetext');
|
let $rightMenuPasteText = $('#menu-pastetext');
|
||||||
let $rightMenuCommentText = $('#menu-commenttext');
|
let $rightMenuCommentText = $('#menu-commenttext');
|
||||||
let $rightMenuNewWindow = $('#menu-newwindow');
|
let $rightMenuNewWindow = $('#menu-newwindow');
|
||||||
let $rightMenuNewWindowImg = $('#menu-newwindowimg');
|
let $rightMenuNewWindowImg = $('#menu-newwindowimg');
|
||||||
let $rightMenuCopyLink = $('#menu-copylink');
|
let $rightMenuCopyLink = $('#menu-copylink');
|
||||||
let $rightMenuCopyImg = $('#menu-copyimg');
|
let $rightMenuCopyImg = $('#menu-copyimg');
|
||||||
let $rightMenuDownloadImg = $('#menu-downloadimg');
|
let $rightMenuDownloadImg = $('#menu-downloadimg');
|
||||||
let $rightMenuSearch = $('#menu-search');
|
let $rightMenuSearch = $('#menu-search');
|
||||||
let $rightMenuSearchBaidu = $('#menu-searchBaidu');
|
let $rightMenuSearchBaidu = $('#menu-searchBaidu');
|
||||||
let $rightMenuMusicToggle = $('#menu-music-toggle');
|
let $rightMenuMusicToggle = $('#menu-music-toggle');
|
||||||
let $rightMenuMusicBack = $('#menu-music-back');
|
let $rightMenuMusicBack = $('#menu-music-back');
|
||||||
let $rightMenuMusicForward = $('#menu-music-forward');
|
let $rightMenuMusicForward = $('#menu-music-forward');
|
||||||
let $rightMenuMusicPlaylist = $('#menu-music-playlist');
|
let $rightMenuMusicPlaylist = $('#menu-music-playlist');
|
||||||
let $rightMenuMusicCopyMusicName = $('#menu-music-copyMusicName');
|
let $rightMenuMusicCopyMusicName = $('#menu-music-copyMusicName');
|
||||||
let href = event.target.href;
|
let href = event.target.href;
|
||||||
let imgsrc = event.target.currentSrc;
|
let imgsrc = event.target.currentSrc;
|
||||||
|
|
||||||
// 判断模式 扩展模式为有事件
|
// 判断模式 扩展模式为有事件
|
||||||
let pluginMode = false;
|
let pluginMode = false;
|
||||||
$rightMenuOther.show();
|
$rightMenuOther.show();
|
||||||
globalEvent = event;
|
globalEvent = event;
|
||||||
|
|
||||||
// 检查是否需要复制 是否有选中文本
|
// 检查是否需要复制 是否有选中文本
|
||||||
if (selectTextNow && window.getSelection()) {
|
if (selectTextNow && window.getSelection()) {
|
||||||
pluginMode = true;
|
pluginMode = true;
|
||||||
$rightMenuCopyText.show();
|
$rightMenuCopyText.show();
|
||||||
$rightMenuCommentText.show();
|
$rightMenuCommentText.show();
|
||||||
$rightMenuSearch.show();
|
$rightMenuSearch.show();
|
||||||
$rightMenuSearchBaidu.show();
|
$rightMenuSearchBaidu.show();
|
||||||
} else {
|
} else {
|
||||||
$rightMenuCopyText.hide();
|
$rightMenuCopyText.hide();
|
||||||
$rightMenuCommentText.hide();
|
$rightMenuCommentText.hide();
|
||||||
$rightMenuSearchBaidu.hide();
|
$rightMenuSearchBaidu.hide();
|
||||||
$rightMenuSearch.hide();
|
$rightMenuSearch.hide();
|
||||||
}
|
}
|
||||||
|
|
||||||
//检查是否右键点击了链接a标签
|
//检查是否右键点击了链接a标签
|
||||||
if (href) {
|
if (href) {
|
||||||
pluginMode = true;
|
pluginMode = true;
|
||||||
$rightMenuNewWindow.show();
|
$rightMenuNewWindow.show();
|
||||||
$rightMenuCopyLink.show();
|
$rightMenuCopyLink.show();
|
||||||
domhref = href;
|
domhref = href;
|
||||||
} else {
|
} else {
|
||||||
$rightMenuNewWindow.hide();
|
$rightMenuNewWindow.hide();
|
||||||
$rightMenuCopyLink.hide();
|
$rightMenuCopyLink.hide();
|
||||||
}
|
}
|
||||||
|
|
||||||
//检查是否需要复制图片
|
//检查是否需要复制图片
|
||||||
if (imgsrc) {
|
if (imgsrc) {
|
||||||
pluginMode = true;
|
pluginMode = true;
|
||||||
$rightMenuCopyImg.show();
|
$rightMenuCopyImg.show();
|
||||||
$rightMenuDownloadImg.show();
|
$rightMenuDownloadImg.show();
|
||||||
$rightMenuNewWindowImg.show();
|
$rightMenuNewWindowImg.show();
|
||||||
domImgSrc = imgsrc;
|
domImgSrc = imgsrc;
|
||||||
} else {
|
} else {
|
||||||
$rightMenuCopyImg.hide();
|
$rightMenuCopyImg.hide();
|
||||||
$rightMenuDownloadImg.hide();
|
$rightMenuDownloadImg.hide();
|
||||||
$rightMenuNewWindowImg.hide();
|
$rightMenuNewWindowImg.hide();
|
||||||
}
|
}
|
||||||
|
|
||||||
// 判断是否为输入框
|
// 判断是否为输入框
|
||||||
if (event.target.tagName.toLowerCase() === 'input' || event.target.tagName.toLowerCase() === 'textarea') {
|
if (event.target.tagName.toLowerCase() === 'input' || event.target.tagName.toLowerCase() === 'textarea') {
|
||||||
console.log('这是一个输入框')
|
console.log('这是一个输入框')
|
||||||
pluginMode = true;
|
pluginMode = true;
|
||||||
$rightMenuPasteText.show();
|
$rightMenuPasteText.show();
|
||||||
} else {
|
} else {
|
||||||
$rightMenuPasteText.hide();
|
$rightMenuPasteText.hide();
|
||||||
}
|
}
|
||||||
|
|
||||||
//判断是否是音乐
|
//判断是否是音乐
|
||||||
const navMusicEl = document.querySelector("#nav-music");
|
const navMusicEl = document.querySelector("#nav-music");
|
||||||
if (navMusicEl && navMusicEl.contains(event.target)) {
|
if (navMusicEl && navMusicEl.contains(event.target)) {
|
||||||
pluginMode = true;
|
pluginMode = true;
|
||||||
$rightMenuMusicToggle.show();
|
$rightMenuMusicToggle.show();
|
||||||
$rightMenuMusicBack.show();
|
$rightMenuMusicBack.show();
|
||||||
$rightMenuMusicForward.show();
|
$rightMenuMusicForward.show();
|
||||||
$rightMenuMusicPlaylist.show();
|
$rightMenuMusicPlaylist.show();
|
||||||
$rightMenuMusicCopyMusicName.show();
|
$rightMenuMusicCopyMusicName.show();
|
||||||
} else {
|
} else {
|
||||||
$rightMenuMusicToggle.hide();
|
$rightMenuMusicToggle.hide();
|
||||||
$rightMenuMusicBack.hide();
|
$rightMenuMusicBack.hide();
|
||||||
$rightMenuMusicForward.hide();
|
$rightMenuMusicForward.hide();
|
||||||
$rightMenuMusicPlaylist.hide();
|
$rightMenuMusicPlaylist.hide();
|
||||||
$rightMenuMusicCopyMusicName.hide()
|
$rightMenuMusicCopyMusicName.hide()
|
||||||
}
|
}
|
||||||
|
|
||||||
// 如果不是扩展模式则隐藏扩展模块
|
// 如果不是扩展模式则隐藏扩展模块
|
||||||
if (pluginMode) {
|
if (pluginMode) {
|
||||||
$rightMenuOther.hide();
|
$rightMenuOther.hide();
|
||||||
$rightMenuPlugin.show();
|
$rightMenuPlugin.show();
|
||||||
} else {
|
} else {
|
||||||
$rightMenuPlugin.hide()
|
$rightMenuPlugin.hide()
|
||||||
}
|
}
|
||||||
|
|
||||||
rm.reloadrmSize()
|
rm.reloadrmSize()
|
||||||
|
|
||||||
// 鼠标默认显示在鼠标右下方，当鼠标靠右或考下时，将菜单显示在鼠标左方\上方
|
// 鼠标默认显示在鼠标右下方，当鼠标靠右或考下时，将菜单显示在鼠标左方\上方
|
||||||
if (pageX + rmWidth > window.innerWidth) {
|
if (pageX + rmWidth > window.innerWidth) {
|
||||||
pageX -= rmWidth + 10;
|
pageX -= rmWidth + 10;
|
||||||
}
|
}
|
||||||
if (pageY + rmHeight > window.innerHeight) {
|
if (pageY + rmHeight > window.innerHeight) {
|
||||||
pageY -= pageY + rmHeight - window.innerHeight;
|
pageY -= pageY + rmHeight - window.innerHeight;
|
||||||
}
|
}
|
||||||
|
|
||||||
rm.showRightMenu(true, pageY, pageX);
|
rm.showRightMenu(true, pageY, pageX);
|
||||||
$('#rightmenu-mask').attr('style', 'display: flex');
|
$('#rightmenu-mask').attr('style', 'display: flex');
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
// 下载图片状态
|
// 下载图片状态
|
||||||
rm.downloadimging = false;
|
rm.downloadimging = false;
|
||||||
|
|
||||||
// 复制图片到剪贴板
|
// 复制图片到剪贴板
|
||||||
rm.writeClipImg = function (imgsrc) {
|
rm.writeClipImg = function(imgsrc) {
|
||||||
console.log('按下复制');
|
console.log('按下复制');
|
||||||
rm.hideRightMenu();
|
rm.hideRightMenu();
|
||||||
btf.snackbarShow('正在下载中，请稍后', false, 10000)
|
btf.snackbarShow('正在下载中，请稍后', false, 10000)
|
||||||
if (rm.downloadimging == false) {
|
if (rm.downloadimging == false) {
|
||||||
rm.downloadimging = true;
|
rm.downloadimging = true;
|
||||||
setTimeout(function () {
|
setTimeout(function() {
|
||||||
copyImage(imgsrc);
|
copyImage(imgsrc);
|
||||||
btf.snackbarShow('复制成功！图片已添加盲水印，请遵守版权协议');
|
btf.snackbarShow('复制成功！图片已添加盲水印，请遵守版权协议');
|
||||||
rm.downloadimging = false;
|
rm.downloadimging = false;
|
||||||
}, "10000")
|
}, "10000")
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function imageToBlob(imageURL) {
|
function imageToBlob(imageURL) {
|
||||||
const img = new Image;
|
const img = new Image;
|
||||||
const c = document.createElement("canvas");
|
const c = document.createElement("canvas");
|
||||||
const ctx = c.getContext("2d");
|
const ctx = c.getContext("2d");
|
||||||
img.crossOrigin = "";
|
img.crossOrigin = "";
|
||||||
img.src = imageURL;
|
img.src = imageURL;
|
||||||
return new Promise(resolve => {
|
return new Promise(resolve => {
|
||||||
img.onload = function () {
|
img.onload = function() {
|
||||||
c.width = this.naturalWidth;
|
c.width = this.naturalWidth;
|
||||||
c.height = this.naturalHeight;
|
c.height = this.naturalHeight;
|
||||||
ctx.drawImage(this, 0, 0);
|
ctx.drawImage(this, 0, 0);
|
||||||
c.toBlob((blob) => {
|
c.toBlob((blob) => {
|
||||||
// here the image is a blob
|
// here the image is a blob
|
||||||
resolve(blob)
|
resolve(blob)
|
||||||
}, "image/png", 0.75);
|
}, "image/png", 0.75);
|
||||||
};
|
};
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
async function copyImage(imageURL) {
|
async function copyImage(imageURL) {
|
||||||
const blob = await imageToBlob(imageURL)
|
const blob = await imageToBlob(imageURL)
|
||||||
const item = new ClipboardItem({"image/png": blob});
|
const item = new ClipboardItem({
|
||||||
navigator.clipboard.write([item]);
|
"image/png": blob
|
||||||
|
});
|
||||||
|
navigator.clipboard.write([item]);
|
||||||
}
|
}
|
||||||
|
|
||||||
rm.switchDarkMode = function () {
|
rm.switchDarkMode = function() {
|
||||||
navFn.switchDarkMode();
|
navFn.switchDarkMode();
|
||||||
rm.hideRightMenu();
|
rm.hideRightMenu();
|
||||||
|
|
||||||
//halo.darkComment();
|
//halo.darkComment();
|
||||||
}
|
}
|
||||||
|
|
||||||
rm.copyUrl = function (id) {
|
rm.copyUrl = function(id) {
|
||||||
$("body").after("<input id='copyVal'></input>");
|
$("body").after("<input id='copyVal'></input>");
|
||||||
var text = id;
|
var text = id;
|
||||||
var input = document.getElementById("copyVal");
|
var input = document.getElementById("copyVal");
|
||||||
input.value = text;
|
input.value = text;
|
||||||
input.select();
|
input.select();
|
||||||
input.setSelectionRange(0, input.value.length);
|
input.setSelectionRange(0, input.value.length);
|
||||||
document.execCommand("copy");
|
document.execCommand("copy");
|
||||||
$("#copyVal").remove();
|
$("#copyVal").remove();
|
||||||
}
|
}
|
||||||
|
|
||||||
function stopMaskScroll() {
|
function stopMaskScroll() {
|
||||||
if (document.getElementById("rightmenu-mask")) {
|
if (document.getElementById("rightmenu-mask")) {
|
||||||
let xscroll = document.getElementById("rightmenu-mask");
|
let xscroll = document.getElementById("rightmenu-mask");
|
||||||
xscroll.addEventListener("mousewheel", function (e) {
|
xscroll.addEventListener("mousewheel", function(e) {
|
||||||
//阻止浏览器默认方法
|
//阻止浏览器默认方法
|
||||||
rm.hideRightMenu();
|
rm.hideRightMenu();
|
||||||
// e.preventDefault();
|
// e.preventDefault();
|
||||||
}, false);
|
}, false);
|
||||||
}
|
}
|
||||||
if (document.getElementById("rightMenu")) {
|
if (document.getElementById("rightMenu")) {
|
||||||
let xscroll = document.getElementById("rightMenu");
|
let xscroll = document.getElementById("rightMenu");
|
||||||
xscroll.addEventListener("mousewheel", function (e) {
|
xscroll.addEventListener("mousewheel", function(e) {
|
||||||
//阻止浏览器默认方法
|
//阻止浏览器默认方法
|
||||||
rm.hideRightMenu();
|
rm.hideRightMenu();
|
||||||
// e.preventDefault();
|
// e.preventDefault();
|
||||||
}, false);
|
}, false);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
rm.rightmenuCopyText = function (txt) {
|
rm.rightmenuCopyText = function(txt) {
|
||||||
if (navigator.clipboard) {
|
if (navigator.clipboard) {
|
||||||
navigator.clipboard.writeText(txt);
|
navigator.clipboard.writeText(txt);
|
||||||
}
|
}
|
||||||
rm.hideRightMenu();
|
rm.hideRightMenu();
|
||||||
}
|
}
|
||||||
|
|
||||||
rm.copyPageUrl = function () {
|
rm.copyPageUrl = function() {
|
||||||
var url = window.location.href;
|
var url = window.location.href;
|
||||||
rm.copyUrl(url);
|
rm.copyUrl(url);
|
||||||
btf.snackbarShow('复制本页链接地址成功', false, 2000);
|
btf.snackbarShow('复制本页链接地址成功', false, 2000);
|
||||||
rm.hideRightMenu();
|
rm.hideRightMenu();
|
||||||
}
|
}
|
||||||
|
|
||||||
rm.sharePage = function () {
|
rm.sharePage = function() {
|
||||||
var content = window.location.href;
|
var content = window.location.href;
|
||||||
rm.copyUrl(url);
|
rm.copyUrl(url);
|
||||||
btf.snackbarShow('复制本页链接地址成功', false, 2000);
|
btf.snackbarShow('复制本页链接地址成功', false, 2000);
|
||||||
rm.hideRightMenu();
|
rm.hideRightMenu();
|
||||||
}
|
}
|
||||||
|
|
||||||
// 复制当前选中文本
|
// 复制当前选中文本
|
||||||
@ -267,160 +269,161 @@ var selectTextNow = '';
|
|||||||
document.onmouseup = document.ondbclick = selceText;
|
document.onmouseup = document.ondbclick = selceText;
|
||||||
|
|
||||||
function selceText() {
|
function selceText() {
|
||||||
var txt;
|
var txt;
|
||||||
if (document.selection) {
|
if (document.selection) {
|
||||||
txt = document.selection.createRange().text;
|
txt = document.selection.createRange().text;
|
||||||
} else {
|
} else {
|
||||||
txt = window.getSelection() + '';
|
txt = window.getSelection() + '';
|
||||||
}
|
}
|
||||||
if (txt) {
|
if (txt) {
|
||||||
selectTextNow = txt;
|
selectTextNow = txt;
|
||||||
// console.log(selectTextNow);
|
// console.log(selectTextNow);
|
||||||
} else {
|
} else {
|
||||||
selectTextNow = '';
|
selectTextNow = '';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 读取剪切板
|
// 读取剪切板
|
||||||
rm.readClipboard = function () {
|
rm.readClipboard = function() {
|
||||||
if (navigator.clipboard) {
|
if (navigator.clipboard) {
|
||||||
navigator.clipboard.readText().then(clipText => rm.insertAtCaret(globalEvent.target, clipText));
|
navigator.clipboard.readText().then(clipText => rm.insertAtCaret(globalEvent.target, clipText));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 粘贴文本到焦点
|
// 粘贴文本到焦点
|
||||||
rm.insertAtCaret = function (elemt, value) {
|
rm.insertAtCaret = function(elemt, value) {
|
||||||
const startPos = elemt.selectionStart,
|
const startPos = elemt.selectionStart,
|
||||||
endPos = elemt.selectionEnd;
|
endPos = elemt.selectionEnd;
|
||||||
if (document.selection) {
|
if (document.selection) {
|
||||||
elemt.focus();
|
elemt.focus();
|
||||||
var sel = document.selection.createRange();
|
var sel = document.selection.createRange();
|
||||||
sel.text = value;
|
sel.text = value;
|
||||||
elemt.focus();
|
elemt.focus();
|
||||||
} else {
|
} else {
|
||||||
if (startPos || startPos == '0') {
|
if (startPos || startPos == '0') {
|
||||||
var scrollTop = elemt.scrollTop;
|
var scrollTop = elemt.scrollTop;
|
||||||
elemt.value = elemt.value.substring(0, startPos) + value + elemt.value.substring(endPos, elemt.value.length);
|
elemt.value = elemt.value.substring(0, startPos) + value + elemt.value.substring(endPos, elemt.value
|
||||||
elemt.focus();
|
.length);
|
||||||
elemt.selectionStart = startPos + value.length;
|
elemt.focus();
|
||||||
elemt.selectionEnd = startPos + value.length;
|
elemt.selectionStart = startPos + value.length;
|
||||||
elemt.scrollTop = scrollTop;
|
elemt.selectionEnd = startPos + value.length;
|
||||||
} else {
|
elemt.scrollTop = scrollTop;
|
||||||
elemt.value += value;
|
} else {
|
||||||
elemt.focus();
|
elemt.value += value;
|
||||||
}
|
elemt.focus();
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
//粘贴文本
|
//粘贴文本
|
||||||
rm.pasteText = function () {
|
rm.pasteText = function() {
|
||||||
const result = rm.readClipboard() || '';
|
const result = rm.readClipboard() || '';
|
||||||
rm.hideRightMenu();
|
rm.hideRightMenu();
|
||||||
}
|
}
|
||||||
|
|
||||||
//引用到评论
|
//引用到评论
|
||||||
rm.rightMenuCommentText = function (txt) {
|
rm.rightMenuCommentText = function(txt) {
|
||||||
rm.hideRightMenu();
|
rm.hideRightMenu();
|
||||||
var input = document.getElementsByClassName(GLOBAL_CONFIG.source.comments.textarea)[0];
|
var input = document.getElementsByClassName(GLOBAL_CONFIG.source.comments.textarea)[0];
|
||||||
let evt = document.createEvent('HTMLEvents');
|
let evt = document.createEvent('HTMLEvents');
|
||||||
evt.initEvent('input', true, true);
|
evt.initEvent('input', true, true);
|
||||||
let inputValue = replaceAll(txt, '\n', '\n> ')
|
let inputValue = replaceAll(txt, '\n', '\n> ')
|
||||||
input.value = '> ' + inputValue + '\n\n';
|
input.value = '> ' + inputValue + '\n\n';
|
||||||
input.dispatchEvent(evt);
|
input.dispatchEvent(evt);
|
||||||
var domTop = document.querySelector("#post-comment").offsetTop;
|
var domTop = document.querySelector("#post-comment").offsetTop;
|
||||||
window.scrollTo(0, domTop - 80);
|
window.scrollTo(0, domTop - 80);
|
||||||
input.focus();
|
input.focus();
|
||||||
input.setSelectionRange(-1, -1);
|
input.setSelectionRange(-1, -1);
|
||||||
if (document.getElementById("comment-tips")) {
|
if (document.getElementById("comment-tips")) {
|
||||||
document.getElementById("comment-tips").classList.add("show");
|
document.getElementById("comment-tips").classList.add("show");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
//替换所有内容
|
//替换所有内容
|
||||||
function replaceAll(string, search, replace) {
|
function replaceAll(string, search, replace) {
|
||||||
return string.split(search).join(replace);
|
return string.split(search).join(replace);
|
||||||
}
|
}
|
||||||
|
|
||||||
// 百度搜索
|
// 百度搜索
|
||||||
rm.searchBaidu = function () {
|
rm.searchBaidu = function() {
|
||||||
btf.snackbarShow('即将跳转到百度搜索', false, 2000);
|
btf.snackbarShow('即将跳转到百度搜索', false, 2000);
|
||||||
setTimeout(function () {
|
setTimeout(function() {
|
||||||
window.open('https://www.baidu.com/s?wd=' + selectTextNow);
|
window.open('https://www.baidu.com/s?wd=' + selectTextNow);
|
||||||
}, "2000");
|
}, "2000");
|
||||||
rm.hideRightMenu();
|
rm.hideRightMenu();
|
||||||
}
|
}
|
||||||
|
|
||||||
//分享链接
|
//分享链接
|
||||||
rm.copyLink = function () {
|
rm.copyLink = function() {
|
||||||
rm.rightmenuCopyText(domhref);
|
rm.rightmenuCopyText(domhref);
|
||||||
btf.snackbarShow('已复制链接地址');
|
btf.snackbarShow('已复制链接地址');
|
||||||
}
|
}
|
||||||
|
|
||||||
function addRightMenuClickEvent() {
|
function addRightMenuClickEvent() {
|
||||||
// 添加点击事件
|
// 添加点击事件
|
||||||
$('#menu-backward').on('click', function () {
|
$('#menu-backward').on('click', function() {
|
||||||
window.history.back();
|
window.history.back();
|
||||||
rm.hideRightMenu();
|
rm.hideRightMenu();
|
||||||
});
|
});
|
||||||
$('#menu-forward').on('click', function () {
|
$('#menu-forward').on('click', function() {
|
||||||
window.history.forward();
|
window.history.forward();
|
||||||
rm.hideRightMenu();
|
rm.hideRightMenu();
|
||||||
});
|
});
|
||||||
$('#menu-refresh').on('click', function () {
|
$('#menu-refresh').on('click', function() {
|
||||||
window.location.reload();
|
window.location.reload();
|
||||||
});
|
});
|
||||||
$('#menu-top').on('click', function () {
|
$('#menu-top').on('click', function() {
|
||||||
btf.scrollToDest(0, 500);
|
btf.scrollToDest(0, 500);
|
||||||
rm.hideRightMenu();
|
rm.hideRightMenu();
|
||||||
});
|
});
|
||||||
$('.menu-link').on('click', rm.hideRightMenu);
|
$('.menu-link').on('click', rm.hideRightMenu);
|
||||||
$('#menu-darkmode').on('click', rm.switchDarkMode);
|
$('#menu-darkmode').on('click', rm.switchDarkMode);
|
||||||
$('#menu-home').on('click', function () {
|
$('#menu-home').on('click', function() {
|
||||||
window.location.href = window.location.origin;
|
window.location.href = window.location.origin;
|
||||||
});
|
});
|
||||||
$('#menu-randomPost').on('click', function () {
|
$('#menu-randomPost').on('click', function() {
|
||||||
toRandomPost()
|
toRandomPost()
|
||||||
});
|
});
|
||||||
$('#menu-commentBarrage').on('click', heo.switchCommentBarrage);
|
$('#menu-commentBarrage').on('click', heo.switchCommentBarrage);
|
||||||
$('#rightmenu-mask').on('click', rm.hideRightMenu);
|
$('#rightmenu-mask').on('click', rm.hideRightMenu);
|
||||||
$('#rightmenu-mask').contextmenu(function () {
|
$('#rightmenu-mask').contextmenu(function() {
|
||||||
rm.hideRightMenu();
|
rm.hideRightMenu();
|
||||||
return false;
|
return false;
|
||||||
});
|
});
|
||||||
$('#menu-translate').on('click', function () {
|
$('#menu-translate').on('click', function() {
|
||||||
rm.hideRightMenu();
|
rm.hideRightMenu();
|
||||||
});
|
});
|
||||||
$('#menu-copy').on('click', rm.copyPageUrl);
|
$('#menu-copy').on('click', rm.copyPageUrl);
|
||||||
$('#menu-pastetext').on('click', rm.pasteText);
|
$('#menu-pastetext').on('click', rm.pasteText);
|
||||||
$('#menu-copytext').on('click', function () {
|
$('#menu-copytext').on('click', function() {
|
||||||
rm.rightmenuCopyText(selectTextNow);
|
rm.rightmenuCopyText(selectTextNow);
|
||||||
btf.snackbarShow('复制成功，复制和转载请标注本文地址');
|
btf.snackbarShow('复制成功，复制和转载请标注本文地址');
|
||||||
});
|
});
|
||||||
$('#menu-commenttext').on('click', function () {
|
$('#menu-commenttext').on('click', function() {
|
||||||
rm.rightMenuCommentText(selectTextNow);
|
rm.rightMenuCommentText(selectTextNow);
|
||||||
});
|
});
|
||||||
$('#menu-newwindow').on('click', function () {
|
$('#menu-newwindow').on('click', function() {
|
||||||
window.open(domhref);
|
window.open(domhref);
|
||||||
rm.hideRightMenu();
|
rm.hideRightMenu();
|
||||||
});
|
});
|
||||||
$('#menu-copylink').on('click', rm.copyLink);
|
$('#menu-copylink').on('click', rm.copyLink);
|
||||||
$('#menu-downloadimg').on('click', function () {
|
$('#menu-downloadimg').on('click', function() {
|
||||||
heo.downloadImage(domImgSrc, 'hao');
|
heo.downloadImage(domImgSrc, 'hao');
|
||||||
});
|
});
|
||||||
$('#menu-newwindowimg').on('click', function () {
|
$('#menu-newwindowimg').on('click', function() {
|
||||||
window.open(domImgSrc, "_blank");
|
window.open(domImgSrc, "_blank");
|
||||||
rm.hideRightMenu();
|
rm.hideRightMenu();
|
||||||
});
|
});
|
||||||
$('#menu-copyimg').on('click', function () {
|
$('#menu-copyimg').on('click', function() {
|
||||||
rm.writeClipImg(domImgSrc);
|
rm.writeClipImg(domImgSrc);
|
||||||
});
|
});
|
||||||
$('#menu-searchBaidu').on('click', rm.searchBaidu);
|
$('#menu-searchBaidu').on('click', rm.searchBaidu);
|
||||||
//音乐
|
//音乐
|
||||||
$('#menu-music-toggle').on('click', heo.musicToggle);
|
$('#menu-music-toggle').on('click', heo.musicToggle);
|
||||||
$('#menu-music-back').on('click', heo.musicSkipBack);
|
$('#menu-music-back').on('click', heo.musicSkipBack);
|
||||||
$('#menu-music-forward').on('click', heo.musicSkipForward);
|
$('#menu-music-forward').on('click', heo.musicSkipForward);
|
||||||
$('#menu-music-copyMusicName').on('click', function () {
|
$('#menu-music-copyMusicName').on('click', function() {
|
||||||
rm.rightmenuCopyText(heo.musicGetName());
|
rm.rightmenuCopyText(heo.musicGetName());
|
||||||
btf.snackbarShow('复制歌曲名称成功', false, 3000);
|
btf.snackbarShow('复制歌曲名称成功', false, 3000);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
@ -151,6 +151,8 @@
|
|||||||
<script th:src="${assets_link + '/libs/aplayer/Meting2.min.js'}"></script>
|
<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/pjax/pjax.min.js'}"></script>
|
||||||
|
|
||||||
|
<script th:src="${assets_link + '/libs/crypto/crypto-js.min.js'}"></script>
|
||||||
|
|
||||||
<!-- swiper 在瞬间滚动时会使用 -->
|
<!-- swiper 在瞬间滚动时会使用 -->
|
||||||
<script th:if="${theme.config.top.moment}" data-pjax
|
<script th:if="${theme.config.top.moment}" data-pjax
|
||||||
|
|||||||
@ -58,7 +58,6 @@
|
|||||||
power: {
|
power: {
|
||||||
powerLink: [[${theme.config.sidebar.power.powerLink}]],
|
powerLink: [[${theme.config.sidebar.power.powerLink}]],
|
||||||
url: [[${theme.config.sidebar.power.url}]],
|
url: [[${theme.config.sidebar.power.url}]],
|
||||||
userId: [[${theme.config.sidebar.power.userId}]],
|
|
||||||
showNum: [[${theme.config.sidebar.power.showNum}]]
|
showNum: [[${theme.config.sidebar.power.showNum}]]
|
||||||
},
|
},
|
||||||
links: {
|
links: {
|
||||||
|
|||||||
@ -1,84 +1,90 @@
|
|||||||
<div class="author-content" th:if="${theme.config.aboutReward.aboutRewardEnable}"
|
<div class="author-content" th:if="${theme.config.aboutReward.aboutRewardEnable}"
|
||||||
xmlns:th="http://www.w3.org/1999/xhtml">
|
xmlns:th="http://www.w3.org/1999/xhtml">
|
||||||
<div class="author-content-item single reward" id="about-reward">
|
<div class="author-content-item single reward" id="about-reward">
|
||||||
<div class="author-content-item-tips">致谢</div>
|
<div class="author-content-item-tips">致谢</div>
|
||||||
<span class="author-content-item-title">[[${theme.config.aboutReward.title}]]</span>
|
<span class="author-content-item-title">[[${theme.config.aboutReward.title}]]</span>
|
||||||
<div class="author-content-item-description">
|
<div class="author-content-item-description">
|
||||||
[[${theme.config.aboutReward.content}]]
|
[[${theme.config.aboutReward.content}]]
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div th:if="${theme.config.aboutReward.reward.enable_reward}" class="about-reward">
|
<div th:if="${theme.config.aboutReward.reward.enable_reward}" class="about-reward">
|
||||||
<div id="con"></div>
|
<div id="con"></div>
|
||||||
<div id="TA-con" onclick="heo.rewardShowConsole()">
|
<div id="TA-con" onclick="heo.rewardShowConsole()">
|
||||||
<div id="text-con">
|
<div id="text-con">
|
||||||
<div id="linght"></div>
|
<div id="linght"></div>
|
||||||
<div id="TA">[[${theme.config.aboutReward.reward.name}]]</div>
|
<div id="TA">[[${theme.config.aboutReward.reward.name}]]</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="tube-con">
|
<div id="tube-con">
|
||||||
<svg viewBox="0 0 1028 385" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<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="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="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="M1 255H234.226L307.006 307H790" stroke="#e5e9ef" stroke-width="20"></path>
|
||||||
<path d="M0 305H233.035L329.72 375H1028" 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>
|
<rect y="186" width="236" height="24" fill="#e5e9ef"></rect>
|
||||||
<ellipse cx="790" cy="25.5" rx="25" ry="25.5" fill="#e5e9ef"></ellipse>
|
<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>
|
<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>
|
<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>
|
<circle r="14" transform="matrix(1 0 0 -1 790 308)" fill="white"></circle>
|
||||||
</svg>
|
</svg>
|
||||||
<div id="mask">
|
<div id="mask">
|
||||||
<svg viewBox="0 0 1028 385" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<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="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="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="M1 255H234.226L307.006 307H790" stroke="#f25d8e" stroke-width="20"></path>
|
||||||
<path d="M0 305H233.035L329.72 375H1028" 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>
|
<rect y="186" width="236" height="24" fill="#f25d8e"></rect>
|
||||||
<ellipse cx="790" cy="25.5" rx="25" ry="25.5" fill="#f25d8e"></ellipse>
|
<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>
|
<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>
|
<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>
|
<circle r="14" transform="matrix(1 0 0 -1 790 308)" fill="white"></circle>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<div id="orange-mask">
|
<div id="orange-mask">
|
||||||
<svg viewBox="0 0 1028 385" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<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="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="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="M1 255H234.226L307.006 307H790" stroke="#ffd52b" stroke-width="20"></path>
|
||||||
<path d="M0 305H233.035L329.72 375H1028" 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>
|
<rect y="186" width="236" height="24" fill="#ffd52b"></rect>
|
||||||
<ellipse cx="790" cy="25.5" rx="25" ry="25.5" fill="#ffd52b"></ellipse>
|
<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>
|
<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>
|
<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>
|
<circle r="14" transform="matrix(1 0 0 -1 790 308)" fill="white"></circle>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<p id="people">共<b>[[${theme.config.aboutReward.reward_list.size()}]]</b>人</p>
|
<p id="people">共<b>[[${theme.config.aboutReward.reward_list.size()}]]</b>人</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="reward-list-all" th:if="${not #lists.isEmpty(theme.config.aboutReward.reward_list)}"
|
<div class="reward-list-all" th:if="${not #lists.isEmpty(theme.config.aboutReward.reward_list)}"
|
||||||
th:with="authorRewardList = ${theme.config.aboutReward.reward_list}">
|
th:with="authorRewardList = ${theme.config.aboutReward.reward_list}">
|
||||||
|
|
||||||
<div class="reward-list-item" th:each="authorReward : ${authorRewardList}">
|
<div class="reward-list-item" th:each="authorReward : ${authorRewardList}">
|
||||||
<div th:if="${not #strings.isEmpty(authorReward.avatar)}">
|
<div th:if="${not #strings.isEmpty(authorReward.avatar)}">
|
||||||
<div>
|
<div class="reward-list-item-container">
|
||||||
<div class="reward-list-item-avatar">
|
<!-- 头像 -->
|
||||||
<img th:src="${authorReward.avatar}" th:alt="${authorReward.name}">
|
<div class="reward-list-item-avatar">
|
||||||
</div>
|
<img th:src="${authorReward.avatar}" th:alt="${authorReward.name}">
|
||||||
<div style="z-index:20;float: left;" class="reward-list-item-avatar-group">
|
</div>
|
||||||
<div class="reward-list-item-name">[[${authorReward.name}]]</div>
|
<div class="reward-list-item-content">
|
||||||
</div>
|
<!-- 名称 -->
|
||||||
</div>
|
<div style="z-index:20;float: left;" class="reward-list-item-avatar-group">
|
||||||
<div class="reward-list-bottom-group">
|
<div class="reward-list-item-name">[[${authorReward.name}]]</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">¥
|
</div>
|
||||||
[[${authorReward.amount}]]
|
<!-- 金额及时间 -->
|
||||||
</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"
|
<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}]]
|
[[${authorReward.amount}]]
|
||||||
</div>
|
</div>
|
||||||
<time class="datatime reward-list-item-time">[[${authorReward.datatime}]]</time>
|
<div th:if="${#conversions.convert(authorReward.amount, 'java.math.BigDecimal') >= #conversions.convert(theme.config.aboutReward.rewardNumber, 'java.math.BigDecimal')}" class="reward-list-item-money"
|
||||||
</div>
|
style="background: var(--heo-vip);">¥ [[${authorReward.amount}]]
|
||||||
|
</div>
|
||||||
|
<time class="datatime reward-list-item-time">[[${authorReward.datatime}]]</time>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div th:if="${#strings.isEmpty(authorReward.avatar)}">
|
<div th:if="${#strings.isEmpty(authorReward.avatar)}">
|
||||||
<div class="reward-list-item-name">[[${authorReward.name}]]</div>
|
<div class="reward-list-item-name">[[${authorReward.name}]]</div>
|
||||||
<div class="reward-list-bottom-group">
|
<div class="reward-list-bottom-group">
|
||||||
@ -96,4 +102,4 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -1,187 +1,180 @@
|
|||||||
<!-- 数据统计&作者相关信息 -->
|
<!-- 数据统计&作者相关信息 -->
|
||||||
<div class="author-content">
|
<div class="author-content">
|
||||||
<div class="about-statistic author-content-item"
|
<div class="about-statistic author-content-item"
|
||||||
style="background: url(https://bu.dusays.com/2023/03/12/640dc8c72f623.webp);">
|
style="background: url(https://bu.dusays.com/2023/03/12/640dc8c72f623.webp);">
|
||||||
<div class="card-content">
|
<div class="card-content">
|
||||||
<div class="author-content-item-tips">数据</div>
|
<div class="author-content-item-tips">数据</div>
|
||||||
<span class="author-content-item-title">访问统计</span>
|
<span class="author-content-item-title">访问统计</span>
|
||||||
<div id="statistic"></div>
|
<div id="statistic"></div>
|
||||||
<div class="post-tips">统计信息来自 <a href="https://invite.51.la/1NzKqTeb?target=V6"
|
<div class="post-tips">统计信息来自 <a href="https://v6.51.la/" rel="noopener nofollow"
|
||||||
rel="noopener nofollow"
|
target="_blank">51la网站统计</a></div>
|
||||||
target="_blank">51la网站统计</a></div>
|
<div class="banner-button-group">
|
||||||
<div class="banner-button-group">
|
<a class="banner-button" onclick="pjax.loadUrl('/archives')" data-pjax-state="">
|
||||||
<a class="banner-button" onclick="pjax.loadUrl('/archives')" data-pjax-state="">
|
<i class="haofont hao-icon-circle-arrow-up-right-1"></i>
|
||||||
<i class="haofont hao-icon-circle-arrow-up-right-1"></i>
|
<span class="banner-button-text">文章隧道</span>
|
||||||
<span class="banner-button-text">文章隧道</span>
|
</a>
|
||||||
</a>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
|
<div class="author-content-item-group column mapAndInfo">
|
||||||
<div class="author-content-item-group column mapAndInfo">
|
<div class="author-content-item map single">
|
||||||
<div class="author-content-item map single">
|
<span class="map-title">我现在住在
|
||||||
<span class="map-title">我现在住在
|
<b>[[${theme.config.about.map.StrengthenTitle}]]</b>
|
||||||
<b>[[${theme.config.about.map.StrengthenTitle}]]</b>
|
</span>
|
||||||
</span>
|
</div>
|
||||||
</div>
|
<div class="author-content-item selfInfo single"
|
||||||
<div class="author-content-item selfInfo single"
|
th:if="${not #lists.isEmpty(theme.config.about.map.authorInfo)}"
|
||||||
th:if="${not #lists.isEmpty(theme.config.about.map.authorInfo)}"
|
th:with="texts = ${theme.config.about.map.authorInfo}">
|
||||||
th:with="texts = ${theme.config.about.map.authorInfo}">
|
<div th:if="${theme.config.about.map.authorInfo.size()}>'0'">
|
||||||
<div th:if="${theme.config.about.map.authorInfo.size()}>'0'">
|
<span class="selfInfo-title" th:text="${texts[0].authorInfoTitle}">生于</span><span
|
||||||
<span class="selfInfo-title"
|
class="selfInfo-content" id="selfInfo-content-year"
|
||||||
th:text="${texts[0].authorInfoTitle}">生于</span><span
|
th:style="'color:' + ${texts[0].authorInfoColor}"
|
||||||
class="selfInfo-content"
|
th:text="${texts[0].authorInfoContent}">2000</span>
|
||||||
id="selfInfo-content-year" th:style="'color:' + ${texts[0].authorInfoColor}"
|
</div>
|
||||||
th:text="${texts[0].authorInfoContent}">2000</span>
|
<div th:if="${theme.config.about.map.authorInfo.size()}>'1'">
|
||||||
</div>
|
<span class="selfInfo-title" th:text="${texts[1].authorInfoTitle}">太原理工大学</span><span
|
||||||
<div th:if="${theme.config.about.map.authorInfo.size()}>'1'">
|
class="selfInfo-content" th:style="'color:' + ${texts[1].authorInfoColor}"
|
||||||
<span class="selfInfo-title"
|
th:text="${texts[1].authorInfoContent}">计算机科学</span>
|
||||||
th:text="${texts[1].authorInfoTitle}">太原理工大学</span><span
|
</div>
|
||||||
class="selfInfo-content"
|
<div th:if="${theme.config.about.map.authorInfo.size()}>'2'">
|
||||||
th:style="'color:' + ${texts[1].authorInfoColor}"
|
<span class="selfInfo-title" th:text="${texts[2].authorInfoTitle}">现在职业</span><span
|
||||||
th:text="${texts[1].authorInfoContent}">计算机科学</span>
|
class="selfInfo-content" th:style="'color:' + ${texts[2].authorInfoColor}"
|
||||||
</div>
|
th:text="${texts[2].authorInfoContent}">BI工程师</span>
|
||||||
<div th:if="${theme.config.about.map.authorInfo.size()}>'2'">
|
</div>
|
||||||
<span class="selfInfo-title"
|
</div>
|
||||||
th:text="${texts[2].authorInfoTitle}">现在职业</span><span
|
</div>
|
||||||
class="selfInfo-content"
|
<style>
|
||||||
th:style="'color:' + ${texts[2].authorInfoColor}"
|
.author-content-item.map {
|
||||||
th:text="${texts[2].authorInfoContent}">BI工程师</span>
|
background: url([[${theme.config.about.map.background}]]) no-repeat center;
|
||||||
</div>
|
min-height: 160px;
|
||||||
</div>
|
max-height: 400px;
|
||||||
</div>
|
position: relative;
|
||||||
<style>
|
overflow: hidden;
|
||||||
.author-content-item.map {
|
margin-bottom: 0.5rem;
|
||||||
background: url([[${theme.config.about.map.background}]]) no-repeat center;
|
height: 60%;
|
||||||
min-height: 160px;
|
background-size: 100%;
|
||||||
max-height: 400px;
|
transition: 1s ease-in-out;
|
||||||
position: relative;
|
}
|
||||||
overflow: hidden;
|
|
||||||
margin-bottom: 0.5rem;
|
[data-theme=dark] .author-content-item.map {
|
||||||
height: 60%;
|
background: url([[${theme.config.about.map.backgroundDark}]]) no-repeat center;
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
transition: 1s ease-in-out;
|
}
|
||||||
}
|
|
||||||
|
.author-content-item.map:hover {
|
||||||
[data-theme=dark] .author-content-item.map {
|
background-size: 120%;
|
||||||
background: url([[${theme.config.about.map.backgroundDark}]]) no-repeat center;
|
transition: 4s ease-in-out;
|
||||||
background-size: 100%;
|
background-position-x: 0;
|
||||||
}
|
background-position-y: 36%;
|
||||||
|
}
|
||||||
.author-content-item.map:hover {
|
|
||||||
background-size: 120%;
|
.author-content-item.map .map-title {
|
||||||
transition: 4s ease-in-out;
|
position: absolute;
|
||||||
background-position-x: 0;
|
bottom: 0px;
|
||||||
background-position-y: 36%;
|
left: 0px;
|
||||||
}
|
width: 100%;
|
||||||
|
background: var(--heo-maskbg);
|
||||||
.author-content-item.map .map-title {
|
padding: 0.5rem 2rem;
|
||||||
position: absolute;
|
backdrop-filter: saturate(180%) blur(20px);
|
||||||
bottom: 0px;
|
-webkit-backdrop-filter: blur(20px);
|
||||||
left: 0px;
|
transition: 1s ease-in-out;
|
||||||
width: 100%;
|
font-size: 20px;
|
||||||
background: var(--heo-maskbg);
|
border-radius: 0 0 1rem 1rem;
|
||||||
padding: 0.5rem 2rem;
|
}
|
||||||
backdrop-filter: saturate(180%) blur(20px);
|
|
||||||
-webkit-backdrop-filter: blur(20px);
|
.author-content-item.map:hover .map-title {
|
||||||
transition: 1s ease-in-out;
|
bottom: -100%;
|
||||||
font-size: 20px;
|
border-radius: 0 0 1rem 1rem;
|
||||||
border-radius: 0 0 1rem 1rem;
|
}
|
||||||
}
|
|
||||||
|
.author-content-item.map .map-title b {
|
||||||
.author-content-item.map:hover .map-title {
|
color: var(--heo-fontcolor);
|
||||||
bottom: -100%;
|
}
|
||||||
border-radius: 0 0 1rem 1rem;
|
|
||||||
}
|
@media screen and (max-width: 768px) {
|
||||||
|
.author-content-item.map.myphoto {
|
||||||
.author-content-item.map .map-title b {
|
background-size: cover !important;
|
||||||
color: var(--heo-fontcolor);
|
}
|
||||||
}
|
|
||||||
|
.author-content-item.map .map-title {
|
||||||
@media screen and (max-width: 768px) {
|
padding: 1rem;
|
||||||
.author-content-item.map.myphoto {
|
}
|
||||||
background-size: cover !important;
|
}
|
||||||
}
|
</style>
|
||||||
|
<!-- 关于统计-->
|
||||||
.author-content-item.map .map-title {
|
<script defer>
|
||||||
padding: 1rem;
|
// 链接替换即可，不需要后面的参数
|
||||||
}
|
function initAboutPage() {
|
||||||
}
|
fetch("https://v6-widget.51.la/v6/[[${theme.config.about.LingQueMonitorID}]]/quote.js")
|
||||||
</style>
|
.then(res => res.text())
|
||||||
<!-- 关于统计-->
|
.then(data => {
|
||||||
<script defer>
|
let title = ["最近活跃", "今日人数", "今日访问", "昨日人数", "昨日访问", "本月访问", "总访问量"];
|
||||||
// 链接替换即可，不需要后面的参数
|
// let num = data.match(/(?<=<\/span><span>).*?(?=<\/span><\/p>)/g)
|
||||||
function initAboutPage() {
|
let num = data.match(/(<\/span><span>).*?(\/span><\/p>)/g);
|
||||||
fetch("https://v6-widget.51.la/v6/[[${theme.config.about.LingQueMonitorID}]]/quote.js")
|
|
||||||
.then(res => res.text())
|
num = num.map(el => {
|
||||||
.then(data => {
|
let val = el.replace(/(<\/span><span>)/g, "");
|
||||||
let title = ["最近活跃", "今日人数", "今日访问", "昨日人数", "昨日访问", "本月访问", "总访问量"];
|
let str = val.replace(/(<\/span><\/p>)/g, "");
|
||||||
// let num = data.match(/(?<=<\/span><span>).*?(?=<\/span><\/p>)/g)
|
return str;
|
||||||
let num = data.match(/(<\/span><span>).*?(\/span><\/p>)/g);
|
});
|
||||||
|
|
||||||
num = num.map(el => {
|
let statisticEl = document.getElementById("statistic");
|
||||||
let val = el.replace(/(<\/span><span>)/g, "");
|
|
||||||
let str = val.replace(/(<\/span><\/p>)/g, "");
|
// 自定义不显示哪个或者显示哪个，如下为不显示 最近活跃访客 和 总访问量
|
||||||
return str;
|
let statistic = [];
|
||||||
});
|
for (let i = 0; i < num.length; i++) {
|
||||||
|
if (!statisticEl) return;
|
||||||
let statisticEl = document.getElementById("statistic");
|
if (i == 0) continue;
|
||||||
|
statisticEl.innerHTML +=
|
||||||
// 自定义不显示哪个或者显示哪个，如下为不显示 最近活跃访客 和 总访问量
|
"<div><span>" + title[i] + "</span><span id=" + title[i] + ">" + num[i] + "</span></div>";
|
||||||
let statistic = [];
|
queueMicrotask(() => {
|
||||||
for (let i = 0; i < num.length; i++) {
|
statistic.push(
|
||||||
if (!statisticEl) return;
|
new CountUp(title[i], 0, num[i], 0, 2, {
|
||||||
if (i == 0) continue;
|
useEasing: true,
|
||||||
statisticEl.innerHTML +=
|
useGrouping: true,
|
||||||
"<div><span>" + title[i] + "</span><span id=" + title[i] + ">" + num[i] + "</span></div>";
|
separator: ",",
|
||||||
queueMicrotask(() => {
|
decimal: ".",
|
||||||
statistic.push(
|
prefix: "",
|
||||||
new CountUp(title[i], 0, num[i], 0, 2, {
|
suffix: "",
|
||||||
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) => {
|
||||||
let statisticElement = document.querySelector(".about-statistic.author-content-item");
|
entries.forEach(entry => {
|
||||||
|
if (entry.isIntersecting) {
|
||||||
function statisticUP() {
|
for (let i = 0; i < num.length; i++) {
|
||||||
if (!statisticElement) return;
|
if (i == 0) continue;
|
||||||
|
queueMicrotask(() => {
|
||||||
const callback = (entries, observer) => {
|
statistic[i - 1].start();
|
||||||
entries.forEach(entry => {
|
});
|
||||||
if (entry.isIntersecting) {
|
}
|
||||||
for (let i = 0; i < num.length; i++) {
|
observer.disconnect(); // 停止观察元素，因为不再需要触发此回调
|
||||||
if (i == 0) continue;
|
}
|
||||||
queueMicrotask(() => {
|
});
|
||||||
statistic[i - 1].start();
|
};
|
||||||
});
|
|
||||||
}
|
const options = {
|
||||||
observer.disconnect(); // 停止观察元素，因为不再需要触发此回调
|
root: null,
|
||||||
}
|
rootMargin: "0px",
|
||||||
});
|
threshold: 0
|
||||||
};
|
};
|
||||||
|
const observer = new IntersectionObserver(callback, options);
|
||||||
const options = {
|
observer.observe(statisticElement);
|
||||||
root: null,
|
}
|
||||||
rootMargin: "0px",
|
|
||||||
threshold: 0
|
statisticUP()
|
||||||
};
|
});
|
||||||
const observer = new IntersectionObserver(callback, options);
|
}
|
||||||
observer.observe(statisticElement);
|
|
||||||
}
|
initAboutPage();
|
||||||
|
</script>
|
||||||
statisticUP()
|
</div>
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
initAboutPage();
|
|
||||||
|
|
||||||
</script>
|
|
||||||
</div>
|
|
||||||
@ -1,25 +1,24 @@
|
|||||||
<!-- 广告 -->
|
<!-- 广告 -->
|
||||||
<div class="card-widget" th:if="${theme.config.sidebar.adbox.adType=='google'}">
|
<div class="card-widget" th:if="${theme.config.sidebar.adbox.adType=='google'}">
|
||||||
<div class="item-headline"><span>广告</span></div>
|
<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>
|
<script async
|
||||||
<!-- 广告2 -->
|
th:src="${'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=' + theme.config.sidebar.adbox.ad_google.ad_client}"
|
||||||
<ins class="adsbygoogle"
|
crossorigin="anonymous"></script>
|
||||||
style="display:block"
|
<!-- 广告2 -->
|
||||||
th:data-ad-client="${theme.config.sidebar.adbox.ad_google.ad_client}"
|
<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-slot="${theme.config.sidebar.adbox.ad_google.ad_slot}"
|
||||||
th:data-ad-format="${theme.config.sidebar.adbox.ad_google.ad_format}"
|
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>
|
th:data-full-width-responsive="${theme.config.sidebar.adbox.ad_google.full_width_responsive}"></ins>
|
||||||
<script>
|
<script>
|
||||||
(adsbygoogle = window.adsbygoogle || []).push({});
|
(adsbygoogle = window.adsbygoogle || []).push({});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-widget" th:if="${theme.config.sidebar.adbox.adType=='customAd'}">
|
<div class="card-widget card-ad" th:if="${theme.config.sidebar.adbox.adType=='customAd'}">
|
||||||
<div class="item-headline"><span>广告</span></div>
|
<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">
|
<a th:href="${theme.config.sidebar.adbox.ad_custom.ad_redirect_url}" target="_blank" title="立即前往">
|
||||||
<img th:src="${theme.config.sidebar.adbox.ad_custom.ad_pic_url}" alt="自定义广告">
|
<img class="ad-img" th:src="${theme.config.sidebar.adbox.ad_custom.ad_pic_url}" alt="自定义广告">
|
||||||
</a>
|
</a>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
@ -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)}"
|
<a th:if="${not #strings.isEmpty(theme.config.sidebar.newcomment.newcommentUrl)}"
|
||||||
th:onclick="pjax.loadUrl([[${theme.config.sidebar.newcomment.newcommentUrl}]])"
|
th:onclick="pjax.loadUrl([[${theme.config.sidebar.newcomment.newcommentUrl}]])"
|
||||||
title="查看更多"
|
title="查看更多"
|
||||||
|
|||||||
@ -1,11 +1,11 @@
|
|||||||
<!-- 爱发电赞助 -->
|
<!-- 爱发电赞助 -->
|
||||||
<div>
|
<div>
|
||||||
<div class="card-widget card-power">
|
<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 class="power-charge" th:href="${theme.config.sidebar.power.powerLink}" target="_blank" title="赞助博主">赞助
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<a id="power-star" rel="external nofollow" target="_blank" title="推荐博主">
|
<a id="power-star" rel="external nofollow" target="_blank" title="感谢赞助博主">
|
||||||
|
|
||||||
</a>
|
</a>
|
||||||
<div class="power-list">
|
<div class="power-list">
|
||||||
|
|||||||
@ -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+"?"}'>
|
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="item-headline"><i class="haofont hao-icon-eicon_map-2-line1"></i><span>最近发布</span></div>
|
||||||
<div class="aside-list">
|
<div class="aside-list">
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
<!-- 目录 -->
|
<!-- 目录 -->
|
||||||
<div class="card-widget" id="card-toc">
|
<div class="card-widget card-toc" id="card-toc">
|
||||||
<div class="item-headline">
|
<div class="item-headline">
|
||||||
<i class="haofont hao-icon-bars"></i>
|
<i class="haofont hao-icon-bars"></i>
|
||||||
<span>文章目录</span>
|
<span>文章目录</span>
|
||||||
|
|||||||
@ -1,81 +1,81 @@
|
|||||||
<!-- 导航栏菜单栏 -->
|
<!-- 导航栏菜单栏 -->
|
||||||
<div id="nav-right">
|
<div id="nav-right">
|
||||||
|
|
||||||
<!-- 功能都需要添加开关 -->
|
<!-- 功能都需要添加开关 -->
|
||||||
|
|
||||||
<!-- 随机前往一个开往项目网站 -->
|
<!-- 随机前往一个开往项目网站 -->
|
||||||
<div class="nav-button only-home" id="travellings_button" title="随机前往一个开往项目网站" th:if="${theme.config.nav.right.travelling}">
|
<div class="nav-button only-home" id="travellings_button" title="随机前往一个开往项目网站"
|
||||||
<a class="site-page" href="https://www.travellings.cn/go.html" rel="external nofollow"
|
th:if="${theme.config.nav.right.travelling}">
|
||||||
title="随机前往一个开往项目网站">
|
<a class="site-page" href="https://www.travellings.cn/go.html" rel="external nofollow" title="随机前往一个开往项目网站">
|
||||||
<i class="haofont hao-icon-eicon_train-line"></i>
|
<i class="haofont hao-icon-eicon_train-line"></i>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="nav-button" id="randomPost_button" th:if="${theme.config.nav.right.article}">
|
<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="随机文章">
|
<a class="site-page" href="javascript:void(0);" onclick="toRandomPost()" title="随机文章">
|
||||||
<i class="haofont hao-icon-signal-tower-fill"></i>
|
<i class="haofont hao-icon-signal-tower-fill"></i>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 切换模式 -->
|
<!-- 切换模式 -->
|
||||||
<div class="nav-button" id="darkmode_button" th:if="${theme.config.nav.right.darkMode}">
|
<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"
|
<a class="console_switchbutton" href="javascript:void(0);" onclick="navFn.switchDarkMode();"
|
||||||
title="切换模式 - 日夜交替，黑白互换。">
|
rel="external nofollow" title="切换模式 - 日夜交替，黑白互换。">
|
||||||
<i class="haofont hao-icon-moon-clear-fill" style="font-size: 1rem;"></i>
|
<i class="haofont hao-icon-moon-clear-fill" style="font-size: 1rem;"></i>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 搜索使用搜索插件 -->
|
<!-- 搜索使用搜索插件 -->
|
||||||
<div class="nav-button" id="search-button" th:if="${pluginFinder.available('PluginSearchWidget')}">
|
<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"
|
<a class="site-page social-icon search" href="javascript:SearchWidget.open();" rel="external nofollow"
|
||||||
title="站内搜索">
|
title="站内搜索">
|
||||||
<i class="haofont hao-icon-search--line"></i>
|
<i class="haofont hao-icon-search--line"></i>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div th:if="${theme.config.nav.right.navLogin}" class="console-button" tabindex="-1"
|
<div th:if="${theme.config.nav.right.navLogin}" class="console-button" tabindex="-1"
|
||||||
th:with="currentUser = ${contributorFinder.getContributor(#authentication.name)}">
|
th:with="currentUser = ${contributorFinder.getContributor(#authentication.name)}">
|
||||||
<span class="site-page nav-login">
|
<span class="site-page nav-login">
|
||||||
<i sec:authorize="isAnonymous()" class="haofont hao-icon-zhanghao1 " style="font-size: 19.5px;"></i>
|
<i sec:authorize="isAnonymous()" class="haofont hao-icon-zhanghao1 " style="font-size: 19.5px;"></i>
|
||||||
<img sec:authorize="isAuthenticated()" th:src="${currentUser.avatar}"
|
<img sec:authorize="isAuthenticated()" th:src="${currentUser.avatar}" th:alt="${currentUser.displayName}"
|
||||||
th:alt="${currentUser.displayName}"
|
style=" width: 24px; height: 24px; border-radius: 9999px" />
|
||||||
style=" width: 24px; height: 24px; border-radius: 9999px" />
|
</span>
|
||||||
</span>
|
<div class="back-menu-list-groups">
|
||||||
<div class="back-menu-list-groups">
|
<div class="back-menu-list-group" style="margin: -4px -9px -4px -18px">
|
||||||
<div class="back-menu-list-group" style="margin: -4px -9px -4px -18px">
|
<div class="back-menu-list">
|
||||||
<div class="back-menu-list">
|
<th:block sec:authorize="isAuthenticated()">
|
||||||
<th:block sec:authorize="isAuthenticated()">
|
<a class="back-menu-item" rel="external nofollow" target="_blank" href="/console">
|
||||||
<a class="back-menu-item" rel="external nofollow" target="_blank" href="/console">
|
<span class="back-menu-item-text">控制台</span>
|
||||||
<span class="back-menu-item-text">控制台</span>
|
</a>
|
||||||
</a>
|
<a class="back-menu-item" rel="external nofollow"
|
||||||
<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);}});">
|
||||||
href="javascript:$.ajax({type: 'post',url:'/logout'});window.location.reload()">
|
<span class="back-menu-item-text">退出登录</span>
|
||||||
<span class="back-menu-item-text">退出登录</span>
|
</a>
|
||||||
</a>
|
</th:block>
|
||||||
</th:block>
|
<a sec:authorize="isAnonymous()" class="back-menu-item" rel="external nofollow" target="_blank"
|
||||||
<a sec:authorize="isAnonymous()" class="back-menu-item" rel="external nofollow" target="_blank" href="/console/login">
|
href="/console/login">
|
||||||
<span class="back-menu-item-text">登录</span>
|
<span class="back-menu-item-text">登录</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div th:if="${theme.config.nav.right.console.consoleEnable}" class="nav-button" id="nav-console">
|
<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"
|
<a class="console_switchbutton" href="javascript:void(0);" onclick="heo.showConsole()" rel="external nofollow"
|
||||||
title="显示中控台">
|
title="显示中控台">
|
||||||
<i class="haofont hao-icon-dashboard"></i>
|
<i class="haofont hao-icon-dashboard"></i>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="nav-button" id="nav-totop" onclick="btf.scrollToDest(0,500)">
|
<div class="nav-button" id="nav-totop" onclick="btf.scrollToDest(0,500)">
|
||||||
<a class="totopbtn">
|
<a class="totopbtn">
|
||||||
<i class="haofont hao-icon-arrow-up" style="font-size: 1rem;"></i><span id="percent">0</span>
|
<i class="haofont hao-icon-arrow-up" style="font-size: 1rem;"></i><span id="percent">0</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="toggle-menu">
|
<div id="toggle-menu">
|
||||||
<a class="site-page">
|
<a class="site-page">
|
||||||
<i class="haofont hao-icon-bars"></i>
|
<i class="haofont hao-icon-bars"></i>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -48,8 +48,8 @@ spec:
|
|||||||
description: Halo 2.x Theme base on Thymeleaf, Referring to Butterfly and Heo
|
description: Halo 2.x Theme base on Thymeleaf, Referring to Butterfly and Heo
|
||||||
logo: /themes/theme-hao/assets/images/hao-logo.jpg
|
logo: /themes/theme-hao/assets/images/hao-logo.jpg
|
||||||
website: https://blog.uptoz.cn
|
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"
|
settingName: "theme-hao-setting"
|
||||||
configMapName: "theme-hao-configMap"
|
configMapName: "theme-hao-configMap"
|
||||||
version: "1.4.9-CommemorativeEdition"
|
version: "1.0.2-ce"
|
||||||
require: ">=2.10.0"
|
require: ">=2.10.0"
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user