mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2025-09-15 12:58:48 +08:00
8014ddb65e
improvement: 文章頁標題改為h1(seo) improvement: 改用hexo 內置的 injector 插入 inject 的代碼 improvement: canonical 改為hexo提供的函數生成 improvement: 優化手機toc 的特效和按鈕出現的時機 remove: 刪除搜索不必要的配置 remove: 移除豆瓣配置,如需配置，請使用 hexo-butterfly-douban fix: 修復上一個版本導致的搜索按鈕在pjax下無法點擊的bugs close #387 fix: 修復上一個版本更新的toc z-index 過低的bugs
63 lines
2.1 KiB
JavaScript
63 lines
2.1 KiB
JavaScript
/**
|
|
* Tabs
|
|
* transplant from hexo-theme-next
|
|
* modify by Jerry
|
|
*/
|
|
|
|
'use strict'
|
|
|
|
function postTabs (args, content) {
|
|
const tabBlock = /<!--\s*tab (.*?)\s*-->\n([\w\W\s\S]*?)<!--\s*endtab\s*-->/g
|
|
|
|
args = args.join(' ').split(',')
|
|
const tabName = args[0]
|
|
const tabActive = Number(args[1]) || 0
|
|
|
|
const matches = []
|
|
let match
|
|
let tabId = 0
|
|
let tabNav = ''
|
|
let tabContent = ''
|
|
|
|
!tabName && hexo.log.warn('Tabs block must have unique name!')
|
|
|
|
while ((match = tabBlock.exec(content)) !== null) {
|
|
matches.push(match[1])
|
|
matches.push(match[2])
|
|
}
|
|
|
|
for (let i = 0; i < matches.length; i += 2) {
|
|
const tabParameters = matches[i].split('@')
|
|
let postContent = matches[i + 1]
|
|
let tabCaption = tabParameters[0] || ''
|
|
let tabIcon = tabParameters[1] || ''
|
|
let tabHref = ''
|
|
|
|
postContent = hexo.render.renderSync({ text: postContent, engine: 'markdown' }).trim()
|
|
|
|
tabId += 1
|
|
tabHref = (tabName + ' ' + tabId).toLowerCase().split(' ').join('-');
|
|
|
|
((tabCaption.length === 0) && (tabIcon.length === 0)) && (tabCaption = tabName + ' ' + tabId)
|
|
|
|
const isOnlyicon = tabIcon.length > 0 && tabCaption.length === 0 ? ' style="text-align: center;"' : ''
|
|
const icon = tabIcon.trim()
|
|
tabIcon.length > 0 && (tabIcon = `<i class="${icon}"${isOnlyicon}></i>`)
|
|
|
|
const toTop = '<button type="button" class="tab-to-top"><i class="fas fa-arrow-up"></i></button>'
|
|
|
|
const isActive = (tabActive > 0 && tabActive === tabId) || (tabActive === 0 && tabId === 1) ? ' active' : ''
|
|
tabNav += `<li class="tab${isActive}"><button type="button" data-href="#${tabHref}">${tabIcon + tabCaption.trim()}</button></li>`
|
|
tabContent += `<div class="tab-item-content${isActive}" id="${tabHref}">${postContent + toTop}</div>`
|
|
}
|
|
|
|
tabNav = `<ul class="nav-tabs">${tabNav}</ul>`
|
|
tabContent = `<div class="tab-contents">${tabContent}</div>`
|
|
|
|
return `<div class="tabs" id="${tabName.toLowerCase().split(' ').join('-')}">${tabNav + tabContent}</div>`
|
|
}
|
|
|
|
hexo.extend.tag.register('tabs', postTabs, { ends: true })
|
|
hexo.extend.tag.register('subtabs', postTabs, { ends: true })
|
|
hexo.extend.tag.register('subsubtabs', postTabs, { ends: true })
|