Merge remote-tracking branch 'origin/main'
This commit is contained in:
1152958806@qq.com
commit
d40d22a4ce
|
|
@ -428,6 +428,96 @@ document.addEventListener("DOMContentLoaded", () => {
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|
||||||
|
// flink 友链标签
|
||||||
|
customElements.define(
|
||||||
|
"hao-flink",
|
||||||
|
class HaoGalleryGroup extends HTMLElement {
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
this.options = {
|
||||||
|
name: this.getAttribute("name"),
|
||||||
|
desc: this.getAttribute("desc"),
|
||||||
|
style: this.getAttribute("style"),
|
||||||
|
};
|
||||||
|
const _temp = getChildren(this, "_tpl");
|
||||||
|
let _innerHTML = _temp.innerHTML.trim().replace(/^(<br>)|(<br>)$/g, "");
|
||||||
|
let style = this.options.style;
|
||||||
|
let content = "";
|
||||||
|
let contents = "";
|
||||||
|
let class_desc = "";
|
||||||
|
_innerHTML.replace(
|
||||||
|
/{([^}]*)}/g,
|
||||||
|
function ($0, $1) {
|
||||||
|
var flink = $1.split(",",5);
|
||||||
|
if(style=='beautify'){
|
||||||
|
contents +=`
|
||||||
|
<div class="site-card">
|
||||||
|
<a class="img" target="_blank" href="${flink[1]}" title="${flink[0]}">
|
||||||
|
<img class="flink-avatar entered loaded" style="pointer-events: none;" alt="${flink[0]}" ${GLOBAL_CONFIG.source.img.src}="${flink[4] || flink[2]}" >
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="info cf-friends-link" target="_blank" href="${flink[1]}" title="${flink[0]}">
|
||||||
|
<div class="site-card-avatar no-lightbox">
|
||||||
|
<img class="flink-avatar cf-friends-avatar" alt="${flink[0]}" ${GLOBAL_CONFIG.source.img.src}="${flink[2]}">
|
||||||
|
</div>
|
||||||
|
<div class="site-card-text">
|
||||||
|
<span class="title cf-friends-name">${flink[0]}</span>
|
||||||
|
<span class="desc" title="${flink[3]}">${flink[3]}</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
`
|
||||||
|
}
|
||||||
|
if(style=='default'){
|
||||||
|
contents +=`
|
||||||
|
<div class="flink-list-item">
|
||||||
|
<a class="cf-friends-link" rel="external nofollow" target="_blank" href="${flink[1]}" title="${flink[0]}">
|
||||||
|
<img class="flink-avatar cf-friends-avatar" alt="${flink[0]}" ${GLOBAL_CONFIG.source.img.src}="${flink[2]}">
|
||||||
|
<div class="flink-item-info no-lightbox">
|
||||||
|
<span class="flink-item-name cf-friends-name">${flink[0]}</span>
|
||||||
|
<span class="flink-item-desc" title="${flink[3]}">${flink[3]}</span>
|
||||||
|
<img ${GLOBAL_CONFIG.source.img.src}="${flink[2]}">
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
`
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
);
|
||||||
|
if(this.options.desc!=null && this.options.desc!=''){
|
||||||
|
class_desc =`
|
||||||
|
<div class="flink-desc">${this.options.desc}</div>
|
||||||
|
`
|
||||||
|
}
|
||||||
|
if(this.options.style=='beautify'){
|
||||||
|
content =`
|
||||||
|
<div class="site-card-group">
|
||||||
|
${contents}
|
||||||
|
</div>
|
||||||
|
`
|
||||||
|
}
|
||||||
|
if(this.options.style=='default'){
|
||||||
|
content =`
|
||||||
|
<div class="flink-list">
|
||||||
|
${contents}
|
||||||
|
</div>
|
||||||
|
`
|
||||||
|
}
|
||||||
|
let htmlStr = `
|
||||||
|
<div class="flink" id="article-container">
|
||||||
|
<div class="flink-name">${this.options.name}</div>
|
||||||
|
${class_desc}
|
||||||
|
${content}
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
this.innerHTML = htmlStr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
|
||||||
customElements.define(
|
customElements.define(
|
||||||
"hao-dplayer",
|
"hao-dplayer",
|
||||||
class HaoDplayer extends HTMLElement {
|
class HaoDplayer extends HTMLElement {
|
||||||
|
|
|
||||||
|
|
@ -147,6 +147,29 @@ document.addEventListener('DOMContentLoaded', function () {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* toc
|
||||||
|
*/
|
||||||
|
const tocFn = function () {
|
||||||
|
const postContent = document.querySelector('.post-content');
|
||||||
|
|
||||||
|
if (postContent == null) return;
|
||||||
|
|
||||||
|
const headers = postContent.querySelectorAll('h1,h2,h3,h4,h5,h6');
|
||||||
|
// 没有 toc 目录，则直接移除
|
||||||
|
if (headers.length === 0) {
|
||||||
|
document.getElementById("card-toc").remove();
|
||||||
|
} else {
|
||||||
|
tocbot.init({
|
||||||
|
tocSelector: '.toc-content',
|
||||||
|
contentSelector: '.post-content',
|
||||||
|
headingSelector: 'h1,h2,h3,h4,h5,h6',
|
||||||
|
hasInnerContainers: true
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 滾動處理
|
* 滾動處理
|
||||||
*/
|
*/
|
||||||
|
|
@ -446,6 +469,7 @@ document.addEventListener('DOMContentLoaded', function () {
|
||||||
|
|
||||||
if (GLOBAL_CONFIG.isPost) {
|
if (GLOBAL_CONFIG.isPost) {
|
||||||
addRuntime();
|
addRuntime();
|
||||||
|
tocFn();
|
||||||
} else {
|
} else {
|
||||||
addLastPushDate()
|
addLastPushDate()
|
||||||
toggleCardCategory()
|
toggleCardCategory()
|
||||||
|
|
|
||||||
|
|
@ -452,13 +452,6 @@ function removeLoading() {
|
||||||
}, 3000)
|
}, 3000)
|
||||||
}
|
}
|
||||||
|
|
||||||
//移除pwa
|
|
||||||
navigator.serviceWorker.getRegistrations().then(function (registrations) {
|
|
||||||
for (let registration of registrations) {
|
|
||||||
registration.unregister()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
function addFriendLink() {
|
function addFriendLink() {
|
||||||
var input = document.getElementsByClassName('el-textarea__inner')[0];
|
var input = document.getElementsByClassName('el-textarea__inner')[0];
|
||||||
let evt = document.createEvent('HTMLEvents');
|
let evt = document.createEvent('HTMLEvents');
|
||||||
|
|
@ -672,7 +665,6 @@ function initBlog() {
|
||||||
//隐藏加载动画
|
//隐藏加载动画
|
||||||
GLOBAL_CONFIG.loadingBox && heo.hideLoading(),
|
GLOBAL_CONFIG.loadingBox && heo.hideLoading(),
|
||||||
checkUrlAndAddHideBanner()
|
checkUrlAndAddHideBanner()
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// 如果当前页有评论就执行函数
|
// 如果当前页有评论就执行函数
|
||||||
|
|
|
||||||
|
|
@ -2102,4 +2102,13 @@ p.p.purple,span.p.purple {
|
||||||
|
|
||||||
p.p.gray,span.p.gray {
|
p.p.gray,span.p.gray {
|
||||||
color: #999
|
color: #999
|
||||||
|
}
|
||||||
|
|
||||||
|
.flink-name {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 1.5em
|
||||||
|
}
|
||||||
|
.flink-desc {
|
||||||
|
margin: .2rem 0 .5rem
|
||||||
}
|
}
|
||||||
|
|
@ -4,51 +4,5 @@
|
||||||
<th:block th:fragment="toc-bot">
|
<th:block th:fragment="toc-bot">
|
||||||
<script th:src="${assets_link + '/libs/tocbot/4.18.2/tocbot.min.js'}"></script>
|
<script th:src="${assets_link + '/libs/tocbot/4.18.2/tocbot.min.js'}"></script>
|
||||||
<link th:href="${assets_link + '/libs/tocbot/4.18.2/tocbot.css'}" rel="stylesheet">
|
<link th:href="${assets_link + '/libs/tocbot/4.18.2/tocbot.css'}" rel="stylesheet">
|
||||||
|
|
||||||
<script>
|
|
||||||
document.addEventListener("DOMContentLoaded", function() {
|
|
||||||
|
|
||||||
const postContent = document.querySelector('.post-content');
|
|
||||||
|
|
||||||
if (postContent == null) return;
|
|
||||||
|
|
||||||
const headers = postContent.querySelectorAll('h1,h2,h3,h4,h5,h6');
|
|
||||||
// 没有 toc 目录，则直接移除
|
|
||||||
if (headers.length === 0) {
|
|
||||||
document.getElementById("card-toc").remove();
|
|
||||||
} else {
|
|
||||||
tocbot.init({
|
|
||||||
tocSelector: '.toc-content',
|
|
||||||
contentSelector: '.post-content',
|
|
||||||
headingSelector: 'h1,h2,h3,h4,h5,h6',
|
|
||||||
hasInnerContainers: true
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
})
|
|
||||||
document.addEventListener('pjax:complete', function () {
|
|
||||||
|
|
||||||
const postContent = document.querySelector('.post-content');
|
|
||||||
|
|
||||||
if (postContent == null) return;
|
|
||||||
|
|
||||||
const headers = postContent.querySelectorAll('h1,h2,h3,h4,h5,h6');
|
|
||||||
// 没有 toc 目录，则直接移除
|
|
||||||
if (headers.length === 0) {
|
|
||||||
document.getElementById("card-toc").remove();
|
|
||||||
} else {
|
|
||||||
tocbot.init({
|
|
||||||
tocSelector: '.toc-content',
|
|
||||||
contentSelector: '.post-content',
|
|
||||||
headingSelector: 'h1,h2,h3,h4,h5,h6',
|
|
||||||
hasInnerContainers: true
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
</th:block>
|
</th:block>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in New Issue