mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2026-10-04 06:22:00 +08:00
improvement: 優化 pjax 下,右下角按鈕的動畫
fix: 修復頁面設置 aside 爲 true 時,js 報錯的 bug fix: 修復部分頁面右下角按鈕位置遮擋的 bug fix: 修復壓縮 html 代碼,友情鏈接頁面壓縮會報錯的 bug fix: 修復safari上滑動側邊菜單欄會收起的 bug
This commit is contained in:
1 parent
31f17d1c64
commit
241f9b5873
5 files changed
+32
-30
No files matched your search
@@ -7,7 +7,7 @@
|
|||||||
else isHighlightShrink = theme.highlight_shrink
|
else isHighlightShrink = theme.highlight_shrink
|
||||||
|
|
||||||
var showToc = false
|
var showToc = false
|
||||||
if (theme.aside.enable) {
|
if (theme.aside.enable && page.aside !== false) {
|
||||||
let tocEnable = false
|
let tocEnable = false
|
||||||
if (is_post()) {
|
if (is_post()) {
|
||||||
if (theme.toc.post) tocEnable = true
|
if (theme.toc.post) tocEnable = true
|
||||||
|
|||||||
@@ -4,64 +4,64 @@
|
|||||||
script.
|
script.
|
||||||
(()=>{
|
(()=>{
|
||||||
const replaceSymbol = (str) => {
|
const replaceSymbol = (str) => {
|
||||||
return str.replace(/[\p{P}\p{S}]/gu, '-')
|
return str.replace(/[\p{P}\p{S}]/gu, "-")
|
||||||
}
|
}
|
||||||
|
|
||||||
let result = ''
|
let result = ""
|
||||||
fetch('!{url_for(page.flink_url)}')
|
fetch("!{url_for(page.flink_url)}")
|
||||||
.then(response => response.json())
|
.then(response => response.json())
|
||||||
.then(str => {
|
.then(str => {
|
||||||
for(let i = 0; i < str.length; i++){
|
for(let i = 0; i < str.length; i++){
|
||||||
const replaceClassName = replaceSymbol(str[i].class_name)
|
const replaceClassName = replaceSymbol(str[i].class_name)
|
||||||
const className = str[i].class_name ? `<h2 id='${replaceClassName}'><a href="#${replaceClassName}" class="headerlink" title="${str[i].class_name}"></a>${str[i].class_name}</h2>` : ''
|
const className = str[i].class_name ? `<h2 id="${replaceClassName}"><a href="#${replaceClassName}" class="headerlink" title="${str[i].class_name}"></a>${str[i].class_name}</h2>` : ""
|
||||||
const classDesc = str[i].class_desc ? `<div class='flink-desc'>${str[i].class_desc}</div>` : ''
|
const classDesc = str[i].class_desc ? `<div class="flink-desc">${str[i].class_desc}</div>` : ""
|
||||||
|
|
||||||
let listResult = ''
|
let listResult = ""
|
||||||
const lists = str[i].link_list
|
const lists = str[i].link_list
|
||||||
for(let j = 0; j < lists.length; j++){
|
for(let j = 0; j < lists.length; j++){
|
||||||
listResult += `
|
listResult += `
|
||||||
<div class="flink-list-item">
|
<div class="flink-list-item">
|
||||||
<a href='${lists[j].link}' title='${lists[j].name}' target='_blank'>
|
<a href="${lists[j].link}" title="${lists[j].name}" target="_blank">
|
||||||
<div class='flink-item-icon'>
|
<div class="flink-item-icon">
|
||||||
<img class='no-lightbox' src='${lists[j].avatar}' onerror='this.onerror=null;this.src="!{url_for(theme.error_img.flink)}"' alt='${lists[j].name}' />
|
<img class="no-lightbox" src="${lists[j].avatar}" onerror='this.onerror=null;this.src="!{url_for(theme.error_img.flink)}"' alt="${lists[j].name}" />
|
||||||
</div>
|
</div>
|
||||||
<div class='flink-item-name'>${lists[j].name}</div>
|
<div class="flink-item-name">${lists[j].name}</div>
|
||||||
<div class='flink-item-desc' title='${lists[j].descr}'>${lists[j].descr}</div>
|
<div class="flink-item-desc" title="${lists[j].descr}">${lists[j].descr}</div>
|
||||||
</a>
|
</a>
|
||||||
</div>`
|
</div>`
|
||||||
}
|
}
|
||||||
|
|
||||||
result += `${className}${classDesc} <div class='flink-list'>${listResult}</div>`
|
result += `${className}${classDesc} <div class="flink-list">${listResult}</div>`
|
||||||
}
|
}
|
||||||
|
|
||||||
document.querySelector('.flink').insertAdjacentHTML('afterbegin', result)
|
document.querySelector(".flink").insertAdjacentHTML("afterbegin", result)
|
||||||
})
|
})
|
||||||
})()
|
})()
|
||||||
|
|
||||||
else
|
else
|
||||||
if site.data.link
|
if site.data.link
|
||||||
- let result = ''
|
- let result = ""
|
||||||
each i in site.data.link
|
each i in site.data.link
|
||||||
- let className = i.class_name ? markdown(`## ${i.class_name}`) : ''
|
- let className = i.class_name ? markdown(`## ${i.class_name}`) : ""
|
||||||
- let classDesc = i.class_desc ? `<div class='flink-desc'>${i.class_desc}</div>` : ''
|
- let classDesc = i.class_desc ? `<div class="flink-desc">${i.class_desc}</div>` : ""
|
||||||
|
|
||||||
- let listResult = ''
|
- let listResult = ""
|
||||||
|
|
||||||
each j in i.link_list
|
each j in i.link_list
|
||||||
-
|
-
|
||||||
listResult += `
|
listResult += `
|
||||||
<div class="flink-list-item">
|
<div class="flink-list-item">
|
||||||
<a href='${j.link}' title='${j.name}' target='_blank'>
|
<a href="${j.link}" title="${j.name}" target="_blank">
|
||||||
<div class='flink-item-icon'>
|
<div class="flink-item-icon">
|
||||||
<img class='no-lightbox' src='${j.avatar}' onerror='this.onerror=null;this.src="${url_for(theme.error_img.flink)}"' alt='${j.name}' />
|
<img class="no-lightbox" src="${j.avatar}" onerror='this.onerror=null;this.src="${url_for(theme.error_img.flink)}"' alt="${j.name}" />
|
||||||
</div>
|
</div>
|
||||||
<div class='flink-item-name'>${j.name}</div>
|
<div class="flink-item-name">${j.name}</div>
|
||||||
<div class='flink-item-desc' title='${j.descr}'>${j.descr}</div>
|
<div class="flink-item-desc" title="${j.descr}">${j.descr}</div>
|
||||||
</a>
|
</a>
|
||||||
</div>`
|
</div>`
|
||||||
-
|
-
|
||||||
|
|
||||||
- result += `${className}${classDesc} <div class='flink-list'>${listResult}</div>`
|
- result += `${className}${classDesc} <div class="flink-list">${listResult}</div>`
|
||||||
|
|
||||||
- page.content = result + page.content
|
- page.content = result + page.content
|
||||||
!= page.content
|
!= page.content
|
||||||
|
|||||||
Vendored
+3
-2
@@ -27,10 +27,11 @@ script.
|
|||||||
document.addEventListener('pjax:send', function () {
|
document.addEventListener('pjax:send', function () {
|
||||||
|
|
||||||
// removeEventListener scroll
|
// removeEventListener scroll
|
||||||
window.removeEventListener('scroll', window.tocScrollFn)
|
window.tocScrollFn && window.removeEventListener('scroll', window.tocScrollFn)
|
||||||
window.removeEventListener('scroll', scrollCollect)
|
window.scrollCollect && window.removeEventListener('scroll', scrollCollect)
|
||||||
|
|
||||||
typeof preloader === 'object' && preloader.initLoading()
|
typeof preloader === 'object' && preloader.initLoading()
|
||||||
|
document.getElementById('rightside').style.cssText = "opacity: ''; transform: ''"
|
||||||
|
|
||||||
if (window.aplayers) {
|
if (window.aplayers) {
|
||||||
for (let i = 0; i < window.aplayers.length; i++) {
|
for (let i = 0; i < window.aplayers.length; i++) {
|
||||||
|
|||||||
Loaded 3 of 5 files, more files were not shown because too many files have changed in this diff.
Show more
Reference in new issue
Block a user