{post.title}
+ {post.summary &&{post.summary}
} + + +{page.title}
+
+
+ 归档
+
+ {posts.map((post) => (
+
+
+ {post.title}
+
+ ))}
+
+ {category}
+
+ {posts.map((post) =>
+ 分类
+
+ {categories.map((category) => (
+
+ {category}
+ {posts.filter((post) => post.categories.includes(category)).length}
+
+ ))}
+
+
+
+ 写给日常、技术和正在发生的自己
+Bi's Blog
+把折腾、学习和生活片段安静地收在这里。
+
+
+ 最新文章
+ 查看全部 +
+ {posts.slice(0, 16).map((post) =>
+ {post.title}
+ +
+
+ #{tag}
+
+ {posts.map((post) =>
+ 标签
+
+ {tags.map((tag) => (
+
+ {tag}
+ {posts.filter((post) => post.tags.includes(tag)).length}
+
+ ))}
+
+ '
+ const highlightFullpageEle = highlightFullpage ? '' : ''
+
+ const alertInfo = (ele, text) => {
+ if (GLOBAL_CONFIG.Snackbar !== undefined) {
+ btf.snackbarShow(text)
+ } else {
+ const newEle = document.createElement('div')
+ newEle.className = 'copy-notice'
+ newEle.textContent = text
+ document.body.appendChild(newEle)
+
+ const buttonRect = ele.getBoundingClientRect()
+ const scrollTop = window.pageYOffset || document.documentElement.scrollTop
+ const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft
+
+ // X-axis boundary check
+ const halfWidth = newEle.offsetWidth / 2
+ const centerLeft = buttonRect.left + scrollLeft + buttonRect.width / 2
+ const finalLeft = Math.max(halfWidth + 10, Math.min(window.innerWidth - halfWidth - 10, centerLeft))
+
+ // Show tooltip below button if too close to top
+ const normalTop = buttonRect.top + scrollTop - 40
+ const shouldShowBelow = buttonRect.top < 60 || normalTop < 10
+
+ const topValue = shouldShowBelow ? buttonRect.top + scrollTop + buttonRect.height + 10 : normalTop
+
+ newEle.style.cssText = `
+ top: ${topValue + 10}px;
+ left: ${finalLeft}px;
+ transform: translateX(-50%);
+ opacity: 0;
+ transition: opacity 0.3s ease, top 0.3s ease;
+ `
+
+ requestAnimationFrame(() => {
+ newEle.style.opacity = '1'
+ newEle.style.top = `${topValue}px`
+ })
+
+ setTimeout(() => {
+ newEle.style.opacity = '0'
+ newEle.style.top = `${topValue + 10}px`
+ setTimeout(() => {
+ newEle?.remove()
+ }, 300)
+ }, 800)
+ }
+ }
+
+ const copy = async (text, ctx) => {
+ try {
+ await navigator.clipboard.writeText(text)
+ alertInfo(ctx, GLOBAL_CONFIG.copy.success)
+ } catch (err) {
+ console.error('Failed to copy: ', err)
+ alertInfo(ctx, GLOBAL_CONFIG.copy.noSupport)
+ }
+ }
+
+ // click events
+ const highlightCopyFn = (ele, clickEle) => {
+ const $buttonParent = ele.parentNode
+ $buttonParent.classList.add('copy-true')
+ const preCodeSelector = isNotHighlightJs ? 'pre code' : 'table .code pre'
+ const codeElement = $buttonParent.querySelector(preCodeSelector)
+ if (!codeElement) return
+ copy(codeElement.innerText, clickEle)
+ $buttonParent.classList.remove('copy-true')
+ }
+
+ const highlightShrinkFn = ele => ele.classList.toggle('closed')
+
+ const codeFullpage = (item, clickEle) => {
+ const wrapEle = item.closest('figure.highlight')
+ const isFullpage = wrapEle.classList.toggle('code-fullpage')
+
+ document.body.style.overflow = isFullpage ? 'hidden' : ''
+ clickEle.classList.toggle('fa-down-left-and-up-right-to-center', isFullpage)
+ clickEle.classList.toggle('fa-up-right-and-down-left-from-center', !isFullpage)
+ }
+
+ const highlightToolsFn = e => {
+ const $target = e.target.classList
+ const currentElement = e.currentTarget
+ if ($target.contains('expand')) highlightShrinkFn(currentElement)
+ else if ($target.contains('copy-button')) highlightCopyFn(currentElement, e.target)
+ else if ($target.contains('fullpage-button')) codeFullpage(currentElement, e.target)
+ }
+
+ const expandCode = e => e.currentTarget.classList.toggle('expand-done')
+
+ // 獲取隱藏狀態下元素的真實高度
+ const getActualHeight = item => {
+ if (item.offsetHeight > 0) return item.offsetHeight
+ const hiddenElements = new Map()
+
+ const fix = () => {
+ let current = item
+ while (current !== document.body && current != null) {
+ if (window.getComputedStyle(current).display === 'none') {
+ hiddenElements.set(current, current.getAttribute('style') || '')
+ }
+ current = current.parentNode
+ }
+
+ const style = 'visibility: hidden !important; display: block !important;'
+ hiddenElements.forEach((originalStyle, elem) => {
+ elem.setAttribute('style', originalStyle ? originalStyle + ';' + style : style)
+ })
+ }
+
+ const restore = () => {
+ hiddenElements.forEach((originalStyle, elem) => {
+ if (originalStyle === '') elem.removeAttribute('style')
+ else elem.setAttribute('style', originalStyle)
+ })
+ }
+
+ fix()
+ const height = item.offsetHeight
+ restore()
+ return height
+ }
+
+ const createEle = (lang, item) => {
+ const fragment = document.createDocumentFragment()
+
+ if (isShowTool) {
+ const hlTools = document.createElement('div')
+ hlTools.className = `highlight-tools ${highlightShrinkClass}`
+ hlTools.innerHTML = highlightMacStyleEle + highlightShrinkEle + lang + highlightCopyEle + highlightFullpageEle
+ btf.addEventListenerPjax(hlTools, 'click', highlightToolsFn)
+ fragment.appendChild(hlTools)
+ }
+
+ if (highlightHeightLimit && getActualHeight(item) > highlightHeightLimit + 30) {
+ const ele = document.createElement('div')
+ ele.className = 'code-expand-btn'
+ ele.innerHTML = ''
+ btf.addEventListenerPjax(ele, 'click', expandCode)
+ fragment.appendChild(ele)
+ }
+
+ isNotHighlightJs ? item.parentNode.insertBefore(fragment, item) : item.insertBefore(fragment, item.firstChild)
+ }
+
+ $figureHighlight.forEach(item => {
+ let langName = ''
+ if (isNotHighlightJs) {
+ const newClassName = isPrismjs ? 'prismjs' : 'default'
+ btf.wrap(item, 'figure', { class: `highlight ${newClassName}` })
+ }
+
+ if (!highlightLang) {
+ createEle('', item)
+ return
+ }
+
+ if (isNotHighlightJs) {
+ langName = isPrismjs ? item.getAttribute('data-language') || 'Code' : item.querySelector('code').getAttribute('class').replace('language-', '')
+ } else {
+ langName = item.getAttribute('class').split(' ')[1]
+ if (langName === 'plain' || langName === undefined) langName = 'Code'
+ }
+ createEle(`
${langName}
`, item)
+ })
+ }
+
+ /**
+ * PhotoFigcaption
+ */
+ const addPhotoFigcaption = () => {
+ if (!GLOBAL_CONFIG.isPhotoFigcaption) return
+ document.querySelectorAll('#article-container img').forEach(item => {
+ const altValue = item.title || item.alt
+ if (!altValue) return
+ const ele = document.createElement('div')
+ ele.className = 'img-alt text-center'
+ ele.textContent = altValue
+ item.insertAdjacentElement('afterend', ele)
+ })
+ }
+
+ /**
+ * Lightbox
+ */
+ const runLightbox = () => {
+ btf.loadLightbox(document.querySelectorAll('#article-container img:not(.no-lightbox)'))
+ }
+
+ /**
+ * justified-gallery 圖庫排版
+ */
+
+ const fetchUrl = async url => {
+ try {
+ const response = await fetch(url)
+ return await response.json()
+ } catch (error) {
+ console.error('Failed to fetch URL:', error)
+ return []
+ }
+ }
+
+ const runJustifiedGallery = (container, data, config) => {
+ const { isButton, limit, firstLimit, tabs } = config
+
+ const dataLength = data.length
+ const maxGroupKey = Math.ceil((dataLength - firstLimit) / limit + 1)
+
+ // Gallery configuration
+ const igConfig = {
+ gap: 5,
+ isConstantSize: true,
+ sizeRange: [150, 600],
+ // useResizeObserver: true,
+ // observeChildren: true,
+ useTransform: true
+ // useRecycle: false
+ }
+
+ const ig = new InfiniteGrid.JustifiedInfiniteGrid(container, igConfig)
+ let isLayoutHidden = false
+
+ // Utility functions
+ const sanitizeString = str => (str && str.replace(/"/g, '"')) || ''
+
+ const createImageItem = item => {
+ const alt = item.alt ? `alt="${sanitizeString(item.alt)}"` : ''
+ const title = item.title ? `title="${sanitizeString(item.title)}"` : ''
+ return `
+ 
+
`
+ }
+
+ const getItems = (nextGroupKey, count, isFirst = false) => {
+ const startIndex = isFirst ? (nextGroupKey - 1) * count : (nextGroupKey - 2) * count + firstLimit
+ return data.slice(startIndex, startIndex + count).map(createImageItem)
+ }
+
+ // Load more button
+ const addLoadMoreButton = container => {
+ const button = document.createElement('button')
+ button.innerHTML = `${GLOBAL_CONFIG.infinitegrid.buttonText}`
+
+ button.addEventListener('click', () => {
+ button.remove()
+ btf.setLoading.add(container)
+ appendItems(ig.getGroups().length + 1, limit)
+ }, { once: true })
+
+ container.insertAdjacentElement('afterend', button)
+ }
+
+ const appendItems = (nextGroupKey, count, isFirst) => {
+ ig.append(getItems(nextGroupKey, count, isFirst), nextGroupKey)
+ }
+
+ // Event handlers
+ const handleRenderComplete = e => {
+ if (tabs) {
+ const parentNode = container.parentNode
+ if (isLayoutHidden) {
+ parentNode.style.visibility = 'visible'
+ }
+ if (container.offsetHeight === 0) {
+ parentNode.style.visibility = 'hidden'
+ isLayoutHidden = true
+ }
+ }
+
+ const { updated, isResize, mounted } = e
+ if (!updated.length || !mounted.length || isResize) return
+
+ btf.loadLightbox(container.querySelectorAll('img:not(.medium-zoom-image)'))
+
+ if (ig.getGroups().length === maxGroupKey) {
+ btf.setLoading.remove(container)
+ !tabs && ig.off('renderComplete', handleRenderComplete)
+ return
+ }
+
+ if (isButton) {
+ btf.setLoading.remove(container)
+ addLoadMoreButton(container)
+ }
+ }
+
+ const handleRequestAppend = btf.debounce(e => {
+ const nextGroupKey = (+e.groupKey || 0) + 1
+
+ if (nextGroupKey === 1) appendItems(nextGroupKey, firstLimit, true)
+ else appendItems(nextGroupKey, limit)
+
+ if (nextGroupKey === maxGroupKey) ig.off('requestAppend', handleRequestAppend)
+ }, 300)
+
+ btf.setLoading.add(container)
+ ig.on('renderComplete', handleRenderComplete)
+
+ if (isButton) {
+ appendItems(1, firstLimit, true)
+ } else {
+ ig.on('requestAppend', handleRequestAppend)
+ ig.renderItems()
+ }
+
+ btf.addGlobalFn('pjaxSendOnce', () => ig.destroy())
+ }
+
+ const addJustifiedGallery = async (elements, tabs = false) => {
+ if (!elements.length) return
+
+ const initGallery = async () => {
+ for (const element of elements) {
+ if (btf.isHidden(element) || element.classList.contains('loaded')) continue
+
+ const config = {
+ isButton: element.getAttribute('data-button') === 'true',
+ limit: parseInt(element.getAttribute('data-limit'), 10),
+ firstLimit: parseInt(element.getAttribute('data-first'), 10),
+ tabs
+ }
+
+ const container = element.firstElementChild
+ const content = container.textContent
+ container.textContent = ''
+ element.classList.add('loaded')
+
+ try {
+ const data = element.getAttribute('data-type') === 'url' ? await fetchUrl(content) : JSON.parse(content)
+ runJustifiedGallery(container, data, config)
+ } catch (error) {
+ console.error('Gallery data parsing failed:', error)
+ }
+ }
+ }
+
+ if (typeof InfiniteGrid === 'function') {
+ await initGallery()
+ } else {
+ await btf.getScript(GLOBAL_CONFIG.infinitegrid.js)
+ await initGallery()
+ }
+ }
+
+ /**
+ * rightside scroll percent
+ */
+ const rightsideScrollPercent = currentTop => {
+ const scrollPercent = btf.getScrollPercent(currentTop, document.body)
+ const goUpElement = document.getElementById('go-up')
+
+ if (scrollPercent < 95) {
+ goUpElement.classList.add('show-percent')
+ goUpElement.querySelector('.scroll-percent').textContent = scrollPercent
+ } else {
+ goUpElement.classList.remove('show-percent')
+ }
+ }
+
+ /**
+ * 滾動處理
+ */
+ const scrollFn = () => {
+ const $rightside = document.getElementById('rightside')
+ const innerHeight = window.innerHeight + 56
+ let initTop = 0
+ const $header = document.getElementById('page-header')
+ const isChatBtn = typeof chatBtn !== 'undefined'
+ const isShowPercent = GLOBAL_CONFIG.percent.rightside
+
+ // 檢查文檔高度是否小於視窗高度
+ const checkDocumentHeight = () => {
+ if (document.body.scrollHeight <= innerHeight) {
+ $rightside.classList.add('rightside-show')
+ return true
+ }
+ return false
+ }
+
+ // 如果文檔高度小於視窗高度,直接返回
+ if (checkDocumentHeight()) return
+
+ // find the scroll direction
+ const scrollDirection = currentTop => {
+ const result = currentTop > initTop // true is down & false is up
+ initTop = currentTop
+ return result
+ }
+
+ let flag = ''
+ const scrollTask = btf.throttle(() => {
+ const currentTop = window.scrollY || document.documentElement.scrollTop
+ const isDown = scrollDirection(currentTop)
+ if (currentTop > 56) {
+ if (flag === '') {
+ $header.classList.add('nav-fixed')
+ $rightside.classList.add('rightside-show')
+ }
+
+ if (isDown) {
+ if (flag !== 'down') {
+ $header.classList.remove('nav-visible')
+ isChatBtn && window.chatBtn.hide()
+ flag = 'down'
+ }
+ } else {
+ if (flag !== 'up') {
+ $header.classList.add('nav-visible')
+ isChatBtn && window.chatBtn.show()
+ flag = 'up'
+ }
+ }
+ } else {
+ flag = ''
+ if (currentTop === 0) {
+ $header.classList.remove('nav-fixed', 'nav-visible')
+ }
+ $rightside.classList.remove('rightside-show')
+ }
+
+ isShowPercent && rightsideScrollPercent(currentTop)
+ checkDocumentHeight()
+ }, 300)
+
+ btf.addEventListenerPjax(window, 'scroll', scrollTask, { passive: true })
+ }
+
+ /**
+ * toc,anchor
+ */
+ const scrollFnToDo = () => {
+ const isToc = GLOBAL_CONFIG_SITE.isToc
+ const isAnchor = GLOBAL_CONFIG.isAnchor
+ const $article = document.getElementById('article-container')
+
+ if (!($article && (isToc || isAnchor))) return
+
+ let $tocLink, $cardToc, autoScrollToc, $tocPercentage, isExpand
+
+ if (isToc) {
+ const $cardTocLayout = document.getElementById('card-toc')
+ $cardToc = $cardTocLayout.querySelector('.toc-content')
+ $tocLink = $cardToc.querySelectorAll('.toc-link')
+ $tocPercentage = $cardTocLayout.querySelector('.toc-percentage')
+ isExpand = $cardToc.classList.contains('is-expand')
+
+ // toc元素點擊
+ const tocItemClickFn = e => {
+ const target = e.target.closest('.toc-link')
+ if (!target) return
+
+ e.preventDefault()
+ btf.scrollToDest(btf.getEleTop(document.getElementById(decodeURI(target.getAttribute('href')).replace('#', ''))), 300)
+ if (window.innerWidth < 900) {
+ $cardTocLayout.classList.remove('open')
+ }
+ }
+
+ btf.addEventListenerPjax($cardToc, 'click', tocItemClickFn)
+
+ autoScrollToc = item => {
+ const sidebarHeight = $cardToc.clientHeight
+ const itemOffsetTop = item.offsetTop
+ const itemHeight = item.clientHeight
+ const scrollTop = $cardToc.scrollTop
+ const offset = itemOffsetTop - scrollTop
+ const middlePosition = (sidebarHeight - itemHeight) / 2
+
+ if (offset !== middlePosition) {
+ $cardToc.scrollTop = scrollTop + (offset - middlePosition)
+ }
+ }
+
+ // 處理 hexo-blog-encrypt 事件
+ $cardToc.style.display = 'block'
+ }
+
+ // find head position & add active class
+ const $articleList = $article.querySelectorAll('h1,h2,h3,h4,h5,h6')
+ let detectItem = ''
+
+ // Optimization: Cache header positions
+ let headerList = []
+ const updateHeaderPositions = () => {
+ headerList = Array.from($articleList).map(ele => ({
+ ele,
+ top: btf.getEleTop(ele),
+ id: ele.id
+ }))
+ }
+
+ updateHeaderPositions()
+ btf.addEventListenerPjax(window, 'resize', btf.throttle(updateHeaderPositions, 200))
+
+ const findHeadPosition = top => {
+ if (top === 0) return false
+
+ let currentId = ''
+ let currentIndex = ''
+
+ for (let i = 0; i < headerList.length; i++) {
+ const item = headerList[i]
+ if (top > item.top - 80) {
+ currentId = item.id ? '#' + encodeURI(item.id) : ''
+ currentIndex = i
+ } else {
+ break
+ }
+ }
+
+ if (detectItem === currentIndex) return
+
+ if (isAnchor) btf.updateAnchor(currentId)
+
+ detectItem = currentIndex
+
+ if (isToc) {
+ $cardToc.querySelectorAll('.active').forEach(i => i.classList.remove('active'))
+
+ if (currentId) {
+ const currentActive = $tocLink[currentIndex]
+ currentActive.classList.add('active')
+
+ setTimeout(() => autoScrollToc(currentActive), 0)
+
+ if (!isExpand) {
+ let parent = currentActive.parentNode
+ while (!parent.matches('.toc')) {
+ if (parent.matches('li')) parent.classList.add('active')
+ parent = parent.parentNode
+ }
+ }
+ }
+ }
+ }
+
+ // main of scroll
+ const tocScrollFn = btf.throttle(() => {
+ const currentTop = window.scrollY || document.documentElement.scrollTop
+ if (isToc && GLOBAL_CONFIG.percent.toc) {
+ $tocPercentage.textContent = btf.getScrollPercent(currentTop, $article)
+ }
+ findHeadPosition(currentTop)
+ }, 100)
+
+ btf.addEventListenerPjax(window, 'scroll', tocScrollFn, { passive: true })
+ }
+
+ const handleThemeChange = mode => {
+ const globalFn = window.globalFn || {}
+ const themeChange = globalFn.themeChange || {}
+ if (!themeChange) {
+ return
+ }
+
+ Object.keys(themeChange).forEach(key => {
+ const themeChangeFn = themeChange[key]
+ if (['disqus', 'disqusjs'].includes(key)) {
+ setTimeout(() => themeChangeFn(mode), 300)
+ } else {
+ themeChangeFn(mode)
+ }
+ })
+ }
+
+ /**
+ * Rightside
+ */
+ const rightSideFn = {
+ readmode: () => { // read mode
+ const $body = document.body
+ const newEle = document.createElement('button')
+
+ const exitReadMode = () => {
+ $body.classList.remove('read-mode')
+ newEle.remove()
+ newEle.removeEventListener('click', exitReadMode)
+ }
+
+ $body.classList.add('read-mode')
+ newEle.type = 'button'
+ newEle.className = 'exit-readmode'
+ newEle.innerHTML = ''
+ newEle.addEventListener('click', exitReadMode)
+ $body.appendChild(newEle)
+ },
+ darkmode: () => { // switch between light and dark mode
+ const willChangeMode = document.documentElement.getAttribute('data-theme') === 'dark' ? 'light' : 'dark'
+ if (willChangeMode === 'dark') {
+ btf.activateDarkMode()
+ GLOBAL_CONFIG.Snackbar !== undefined && btf.snackbarShow(GLOBAL_CONFIG.Snackbar.day_to_night)
+ } else {
+ btf.activateLightMode()
+ GLOBAL_CONFIG.Snackbar !== undefined && btf.snackbarShow(GLOBAL_CONFIG.Snackbar.night_to_day)
+ }
+ btf.saveToLocal.set('theme', willChangeMode, 2)
+ handleThemeChange(willChangeMode)
+ },
+ 'rightside-config': item => { // Show or hide rightside-hide-btn
+ const hideLayout = item.firstElementChild
+ if (hideLayout.classList.contains('show')) {
+ hideLayout.classList.add('status')
+ setTimeout(() => {
+ hideLayout.classList.remove('status')
+ }, 300)
+ }
+
+ hideLayout.classList.toggle('show')
+ },
+ 'go-up': () => { // Back to top
+ btf.scrollToDest(0, 500)
+ },
+ 'hide-aside-btn': () => { // Hide aside
+ const $htmlDom = document.documentElement.classList
+ const saveStatus = $htmlDom.contains('hide-aside') ? 'show' : 'hide'
+ btf.saveToLocal.set('aside-status', saveStatus, 2)
+ $htmlDom.toggle('hide-aside')
+ },
+ 'mobile-toc-button': (p, item) => { // Show mobile toc
+ const tocEle = document.getElementById('card-toc')
+ tocEle.style.transition = 'transform 0.3s ease-in-out'
+
+ const tocEleHeight = tocEle.clientHeight
+ const btData = item.getBoundingClientRect()
+
+ const tocEleBottom = window.innerHeight - btData.bottom - 30
+ if (tocEleHeight > tocEleBottom) {
+ tocEle.style.transformOrigin = `right ${tocEleHeight - tocEleBottom - btData.height / 2}px`
+ }
+
+ tocEle.classList.toggle('open')
+ tocEle.addEventListener('transitionend', () => {
+ tocEle.style.cssText = ''
+ }, { once: true })
+ },
+ 'chat-btn': () => { // Show chat
+ window.chatBtnFn()
+ },
+ translateLink: () => { // switch between traditional and simplified chinese
+ window.translateFn.translatePage()
+ }
+ }
+
+ document.getElementById('rightside').addEventListener('click', e => {
+ const $target = e.target.closest('[id]')
+ if ($target && rightSideFn[$target.id]) {
+ rightSideFn[$target.id](e.currentTarget, $target)
+ }
+ })
+
+ /**
+ * menu
+ * 側邊欄sub-menu 展開/收縮
+ */
+ const clickFnOfSubMenu = () => {
+ const handleClickOfSubMenu = e => {
+ const target = e.target.closest('.site-page.group')
+ if (!target) return
+ target.classList.toggle('hide')
+ }
+
+ const menusItems = document.querySelector('#sidebar-menus .menus_items')
+ menusItems && menusItems.addEventListener('click', handleClickOfSubMenu)
+ }
+
+ /**
+ * 手机端目录点击
+ */
+ const openMobileMenu = () => {
+ const toggleMenu = document.getElementById('toggle-menu')
+ if (!toggleMenu) return
+ btf.addEventListenerPjax(toggleMenu, 'click', () => { sidebarFn.open() })
+ }
+
+ /**
+ * 複製時加上版權信息
+ */
+ const addCopyright = () => {
+ const { limitCount, languages } = GLOBAL_CONFIG.copyright
+
+ const handleCopy = e => {
+ e.preventDefault()
+ const copyFont = window.getSelection(0).toString()
+ let textFont = copyFont
+ if (copyFont.length > limitCount) {
+ textFont = `${copyFont}\n\n\n${languages.author}\n${languages.link}${window.location.href}\n${languages.source}\n${languages.info}`
+ }
+ if (e.clipboardData) {
+ return e.clipboardData.setData('text', textFont)
+ } else {
+ return window.clipboardData.setData('text', textFont)
+ }
+ }
+
+ document.body.addEventListener('copy', handleCopy)
+ }
+
+ /**
+ * 網頁運行時間
+ */
+ const addRuntime = () => {
+ const $runtimeCount = document.getElementById('runtimeshow')
+ if ($runtimeCount) {
+ const publishDate = $runtimeCount.getAttribute('data-publishDate')
+ $runtimeCount.textContent = `${btf.diffDate(publishDate)} ${GLOBAL_CONFIG.runtime}`
+ }
+ }
+
+ /**
+ * 最後一次更新時間
+ */
+ const addLastPushDate = () => {
+ const $lastPushDateItem = document.getElementById('last-push-date')
+ if ($lastPushDateItem) {
+ const lastPushDate = $lastPushDateItem.getAttribute('data-lastPushDate')
+ $lastPushDateItem.textContent = btf.diffDate(lastPushDate, true)
+ }
+ }
+
+ /**
+ * table overflow
+ */
+ const addTableWrap = () => {
+ const $table = document.querySelectorAll('#article-container table')
+ if (!$table.length) return
+
+ $table.forEach(item => {
+ if (!item.closest('.highlight')) {
+ btf.wrap(item, 'div', { class: 'table-wrap' })
+ }
+ })
+ }
+
+ /**
+ * tag-hide
+ */
+ const clickFnOfTagHide = () => {
+ const hideButtons = document.querySelectorAll('#article-container .hide-button')
+ if (!hideButtons.length) return
+ hideButtons.forEach(item => item.addEventListener('click', e => {
+ const currentTarget = e.currentTarget
+ currentTarget.classList.add('open')
+ addJustifiedGallery(currentTarget.nextElementSibling.querySelectorAll('.gallery-container'))
+ }, { once: true }))
+ }
+
+ const tabsFn = () => {
+ const navTabsElements = document.querySelectorAll('#article-container .tabs')
+ if (!navTabsElements.length) return
+
+ const setActiveClass = (elements, activeIndex) => {
+ elements.forEach((el, index) => {
+ el.classList.toggle('active', index === activeIndex)
+ })
+ }
+
+ const handleNavClick = e => {
+ const target = e.target.closest('button')
+ if (!target || target.classList.contains('active')) return
+
+ const navItems = [...e.currentTarget.children]
+ const tabContents = [...e.currentTarget.nextElementSibling.children]
+ const indexOfButton = navItems.indexOf(target)
+ setActiveClass(navItems, indexOfButton)
+ e.currentTarget.classList.remove('no-default')
+ setActiveClass(tabContents, indexOfButton)
+ addJustifiedGallery(tabContents[indexOfButton].querySelectorAll('.gallery-container'), true)
+ }
+
+ const handleToTopClick = tabElement => e => {
+ if (e.target.closest('button')) {
+ btf.scrollToDest(btf.getEleTop(tabElement), 300)
+ }
+ }
+
+ navTabsElements.forEach(tabElement => {
+ btf.addEventListenerPjax(tabElement.firstElementChild, 'click', handleNavClick)
+ btf.addEventListenerPjax(tabElement.lastElementChild, 'click', handleToTopClick(tabElement))
+ })
+ }
+
+ const toggleCardCategory = () => {
+ const cardCategory = document.querySelector('#aside-cat-list.expandBtn')
+ if (!cardCategory) return
+
+ const handleToggleBtn = e => {
+ const target = e.target
+ if (target.nodeName === 'I') {
+ e.preventDefault()
+ target.parentNode.classList.toggle('expand')
+ }
+ }
+ btf.addEventListenerPjax(cardCategory, 'click', handleToggleBtn, true)
+ }
+
+ const addPostOutdateNotice = () => {
+ const ele = document.getElementById('post-outdate-notice')
+ if (!ele) return
+
+ const { limitDay, messagePrev, messageNext, postUpdate } = JSON.parse(ele.getAttribute('data'))
+ const diffDay = btf.diffDate(postUpdate)
+ if (diffDay >= limitDay) {
+ ele.textContent = `${messagePrev} ${diffDay} ${messageNext}`
+ ele.hidden = false
+ }
+ }
+
+ const lazyloadImg = () => {
+ window.lazyLoadInstance = new LazyLoad({
+ elements_selector: 'img',
+ threshold: 0,
+ data_src: 'lazy-src'
+ })
+
+ btf.addGlobalFn('pjaxComplete', () => {
+ window.lazyLoadInstance.update()
+ }, 'lazyload')
+ }
+
+ const relativeDate = selector => {
+ selector.forEach(item => {
+ item.textContent = btf.diffDate(item.getAttribute('datetime'), true)
+ item.style.display = 'inline'
+ })
+ }
+
+ const justifiedIndexPostUI = () => {
+ const recentPostsElement = document.getElementById('recent-posts')
+ if (!(recentPostsElement && recentPostsElement.classList.contains('masonry'))) return
+
+ const init = () => {
+ const masonryItem = new InfiniteGrid.MasonryInfiniteGrid('.recent-post-items', {
+ gap: { horizontal: 10, vertical: 20 },
+ useTransform: true,
+ useResizeObserver: true
+ })
+ masonryItem.renderItems()
+ btf.addGlobalFn('pjaxCompleteOnce', () => { masonryItem.destroy() }, 'removeJustifiedIndexPostUI')
+ }
+
+ typeof InfiniteGrid === 'function' ? init() : btf.getScript(`${GLOBAL_CONFIG.infinitegrid.js}`).then(init)
+ }
+
+ const unRefreshFn = () => {
+ window.addEventListener('resize', () => {
+ adjustMenu(false)
+ syncAsideToSidebar()
+ mobileSidebarOpen && btf.isHidden(document.getElementById('toggle-menu')) && sidebarFn.close()
+ })
+
+ const menuMask = document.getElementById('menu-mask')
+ menuMask && menuMask.addEventListener('click', () => { sidebarFn.close() })
+
+ const sidebarMenus = document.getElementById('sidebar-menus')
+ sidebarMenus && sidebarMenus.addEventListener('click', e => {
+ const clickedLink = e.target.closest('a')
+ if (!clickedLink) return
+ sidebarFn.close()
+ })
+
+ clickFnOfSubMenu()
+ GLOBAL_CONFIG.islazyloadPlugin && lazyloadImg()
+ GLOBAL_CONFIG.copyright !== undefined && addCopyright()
+
+ if (GLOBAL_CONFIG.autoDarkmode) {
+ window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', e => {
+ if (btf.saveToLocal.get('theme') !== undefined) return
+ e.matches ? handleThemeChange('dark') : handleThemeChange('light')
+ })
+ }
+ }
+
+ const forPostFn = () => {
+ addHighlightTool()
+ addPhotoFigcaption()
+ addJustifiedGallery(document.querySelectorAll('#article-container .gallery-container'))
+ runLightbox()
+ scrollFnToDo()
+ addTableWrap()
+ clickFnOfTagHide()
+ tabsFn()
+ }
+
+ const refreshFn = () => {
+ initAdjust()
+ syncAsideToSidebar()
+ justifiedIndexPostUI()
+
+ if (GLOBAL_CONFIG_SITE.pageType === 'post') {
+ addPostOutdateNotice()
+ GLOBAL_CONFIG.relativeDate.post && relativeDate(document.querySelectorAll('#post-meta time'))
+ } else {
+ GLOBAL_CONFIG.relativeDate.homepage && relativeDate(document.querySelectorAll('#recent-posts time'))
+ GLOBAL_CONFIG.runtime && addRuntime()
+ addLastPushDate()
+ toggleCardCategory()
+ }
+
+ GLOBAL_CONFIG_SITE.pageType === 'home' && scrollDownInIndex()
+ scrollFn()
+
+ forPostFn()
+ GLOBAL_CONFIG_SITE.pageType !== 'shuoshuo' && btf.switchComments(document)
+ openMobileMenu()
+ }
+
+ btf.addGlobalFn('pjaxComplete', refreshFn, 'refreshFn')
+ refreshFn()
+ unRefreshFn()
+
+ // 處理 hexo-blog-encrypt 事件
+ window.addEventListener('hexo-blog-decrypt', e => {
+ forPostFn()
+ window.translateFn.translateInitialization()
+ Object.values(window.globalFn.encrypt).forEach(fn => {
+ fn()
+ })
+ })
+})
diff --git a/static/js/random.js b/static/js/random.js
new file mode 100644
index 0000000..6989557
--- /dev/null
+++ b/static/js/random.js
@@ -0,0 +1,13 @@
+function randomPost() {
+ fetch('/sitemap.xml').then(res => res.text()).then(str => (new window.DOMParser()).parseFromString(str, "text/xml")).then(data => {
+ let ls = data.querySelectorAll('url loc');
+ let locationHref,locSplit;
+ do {
+ locationHref = ls[Math.floor(Math.random() * ls.length)].innerHTML
+ locSplit = locationHref.split('/')[3] || ''
+ } while (locSplit !== 'posts');
+ //若所有文章都如 https://…….com/posts/2022/07/…… 格式，主域名后字符是 posts，则循环条件改为：
+ //while (locSplit !== 'posts');
+ location.href = locationHref
+ })
+}
\ No newline at end of file
diff --git a/static/js/search/algolia.js b/static/js/search/algolia.js
new file mode 100644
index 0000000..ed69d2e
--- /dev/null
+++ b/static/js/search/algolia.js
@@ -0,0 +1,562 @@
+window.addEventListener('load', () => {
+ const { algolia } = GLOBAL_CONFIG
+ const { appId, apiKey, indexName, hitsPerPage = 5, languages } = algolia
+
+ if (!appId || !apiKey || !indexName) {
+ return console.error('Algolia setting is invalid!')
+ }
+
+ const $searchMask = document.getElementById('search-mask')
+ const $searchDialog = document.querySelector('#algolia-search .search-dialog')
+
+ const animateElements = show => {
+ const action = show ? 'animateIn' : 'animateOut'
+ const maskAnimation = show ? 'to_show 0.5s' : 'to_hide 0.5s'
+ const dialogAnimation = show ? 'titleScale 0.5s' : 'search_close .5s'
+ btf[action]($searchMask, maskAnimation)
+ btf[action]($searchDialog, dialogAnimation)
+ }
+
+ const fixSafariHeight = () => {
+ if (window.innerWidth < 768) {
+ $searchDialog.style.setProperty('--search-height', `${window.innerHeight}px`)
+ }
+ }
+
+ const openSearch = () => {
+ btf.overflowPaddingR.add()
+ animateElements(true)
+ showLoading(false)
+
+ setTimeout(() => {
+ const searchInput = document.querySelector('#algolia-search-input .ais-SearchBox-input')
+ if (searchInput) searchInput.focus()
+ }, 100)
+
+ const handleEscape = event => {
+ if (event.code === 'Escape') {
+ closeSearch()
+ document.removeEventListener('keydown', handleEscape)
+ }
+ }
+
+ document.addEventListener('keydown', handleEscape)
+ fixSafariHeight()
+ window.addEventListener('resize', fixSafariHeight)
+ }
+
+ const closeSearch = () => {
+ btf.overflowPaddingR.remove()
+ animateElements(false)
+ window.removeEventListener('resize', fixSafariHeight)
+ }
+
+ const searchClickFn = () => {
+ btf.addEventListenerPjax(document.querySelector('#search-button > .search'), 'click', openSearch)
+ }
+
+ const searchFnOnce = () => {
+ $searchMask.addEventListener('click', closeSearch)
+ document.querySelector('#algolia-search .search-close-button').addEventListener('click', closeSearch)
+ }
+
+ const cutContent = content => {
+ if (!content) return ''
+
+ let contentStr = ''
+ if (typeof content === 'string') {
+ contentStr = content.trim()
+ } else if (typeof content === 'object') {
+ if (content.value !== undefined) {
+ contentStr = String(content.value).trim()
+ if (!contentStr) return ''
+ } else if (content.matchedWords || content.matchLevel || content.fullyHighlighted !== undefined) {
+ return ''
+ } else {
+ try {
+ contentStr = JSON.stringify(content).trim()
+ if (contentStr === '{}' || contentStr === '[]' || contentStr === '""') {
+ return ''
+ }
+ } catch (e) {
+ return ''
+ }
+ }
+ } else if (content.toString && typeof content.toString === 'function') {
+ contentStr = content.toString().trim()
+ if (contentStr === '[object Object]' || contentStr === '[object Array]') {
+ return ''
+ }
+ } else {
+ return ''
+ }
+
+ const firstOccur = contentStr.indexOf('')
+ let start = firstOccur - 30
+ let end = firstOccur + 120
+ let pre = ''
+ let post = ''
+
+ if (start <= 0) {
+ start = 0
+ end = 140
+ } else {
+ pre = '...'
+ }
+
+ if (end > contentStr.length) {
+ end = contentStr.length
+ } else {
+ post = '...'
+ }
+
+ // Ensure we don't cut off HTML tags in the middle
+ let substr = contentStr.substring(start, end)
+
+ // Handle tag completeness
+ // Check for incomplete opening tags at the beginning
+ const firstCloseBracket = substr.indexOf('>')
+ const firstOpenBracket = substr.indexOf('<')
+
+ // If there's a closing bracket but no opening bracket before it, we've cut a tag
+ if (firstCloseBracket !== -1 && (firstOpenBracket === -1 || firstCloseBracket < firstOpenBracket)) {
+ substr = substr.substring(firstCloseBracket + 1)
+ }
+
+ // Check for incomplete closing tags at the end
+ const lastOpenBracket = substr.lastIndexOf('<')
+ const lastCloseBracket = substr.lastIndexOf('>')
+
+ // If there's an opening bracket after the last closing bracket, we've cut a tag
+ if (lastOpenBracket !== -1 && lastOpenBracket > lastCloseBracket) {
+ substr = substr.substring(0, lastOpenBracket)
+ }
+
+ // Balance tags in the substring
+ const tagStack = []
+ let balancedStr = ''
+ let i = 0
+
+ while (i < substr.length) {
+ if (substr[i] === '<') {
+ // Check if it's a closing tag
+ if (substr[i + 1] === '/') {
+ const closeTagEnd = substr.indexOf('>', i)
+ if (closeTagEnd !== -1) {
+ const closeTagName = substr.substring(i + 2, closeTagEnd)
+ // Remove matching opening tag from stack
+ for (let j = tagStack.length - 1; j >= 0; j--) {
+ if (tagStack[j] === closeTagName) {
+ tagStack.splice(j, 1)
+ break
+ }
+ }
+ balancedStr += substr.substring(i, closeTagEnd + 1)
+ i = closeTagEnd + 1
+ continue
+ }
+ } else if (substr.substr(i, 2) === '', i) !== -1 && substr.indexOf('/>', i) < substr.indexOf('>', i))) {
+ const tagEnd = substr.indexOf('>', i)
+ if (tagEnd !== -1) {
+ balancedStr += substr.substring(i, tagEnd + 1)
+ i = tagEnd + 1
+ continue
+ }
+ } else {
+ const tagEnd = substr.indexOf('>', i)
+ if (tagEnd !== -1) {
+ const tagName = substr.substring(i + 1, (substr.indexOf(' ', i) > -1 && substr.indexOf(' ', i) < tagEnd)
+ ? substr.indexOf(' ', i)
+ : tagEnd).split(/\s/)[0]
+ tagStack.push(tagName)
+ balancedStr += substr.substring(i, tagEnd + 1)
+ i = tagEnd + 1
+ continue
+ }
+ }
+ }
+ balancedStr += substr[i]
+ i++
+ }
+
+ // Close any unclosed tags
+ while (tagStack.length > 0) {
+ const tagName = tagStack.pop()
+ balancedStr += ``
+ }
+
+ // If we removed content from the beginning, add prefix
+ if (start > 0 || pre) {
+ const actualFirstOpenBracket = contentStr.indexOf('<', start > 0 ? start - 30 : 0)
+ const actualFirstMark = contentStr.indexOf('', start > 0 ? start - 30 : 0)
+
+ if (actualFirstOpenBracket !== -1 &&
+ (actualFirstMark === -1 || actualFirstOpenBracket < actualFirstMark)) {
+ pre = '...'
+ }
+ }
+
+ substr = balancedStr
+ return `${pre}${substr}${post}`
+ }
+
+ // Helper function to handle Algolia highlight results
+ const extractHighlightValue = highlightObj => {
+ if (!highlightObj) return ''
+
+ if (typeof highlightObj === 'string') {
+ return highlightObj.trim()
+ }
+
+ if (typeof highlightObj === 'object' && highlightObj.value !== undefined) {
+ return String(highlightObj.value).trim()
+ }
+
+ return ''
+ }
+
+ // Initialize Algolia client
+ let searchClient
+
+ if (window['algoliasearch/lite'] && typeof window['algoliasearch/lite'].liteClient === 'function') {
+ searchClient = window['algoliasearch/lite'].liteClient(appId, apiKey)
+ } else if (typeof window.algoliasearch === 'function') {
+ searchClient = window.algoliasearch(appId, apiKey)
+ } else {
+ return console.error('Algolia search client not found!')
+ }
+
+ if (!searchClient) {
+ return console.error('Failed to initialize Algolia search client')
+ }
+
+ // Search state
+ let currentQuery = ''
+
+ // Show loading state
+ const showLoading = show => {
+ const loadingIndicator = document.getElementById('loading-status')
+ if (loadingIndicator) {
+ loadingIndicator.hidden = !show
+ }
+ }
+
+ // Cache frequently used elements
+ const elements = {
+ get searchInput () { return document.querySelector('#algolia-search-input .ais-SearchBox-input') },
+ get hits () { return document.getElementById('algolia-hits') },
+ get hitsEmpty () { return document.getElementById('algolia-hits-empty') },
+ get hitsList () { return document.querySelector('#algolia-hits .ais-Hits-list') },
+ get hitsWrapper () { return document.querySelector('#algolia-hits .ais-Hits') },
+ get pagination () { return document.getElementById('algolia-pagination') },
+ get paginationList () { return document.querySelector('#algolia-pagination .ais-Pagination-list') },
+ get stats () { return document.querySelector('#algolia-info .ais-Stats-text') },
+ }
+
+ // Show/hide search results area
+ const toggleResultsVisibility = hasResults => {
+ elements.pagination.style.display = hasResults ? '' : 'none'
+ elements.stats.style.display = hasResults ? '' : 'none'
+ }
+
+ // Render search results
+ const renderHits = (hits, query, page = 0) => {
+ if (hits.length === 0 && query) {
+ elements.hitsEmpty.textContent = languages.hits_empty.replace(/\$\{query}/, query)
+ elements.hitsEmpty.style.display = ''
+ elements.hitsWrapper.style.display = 'none'
+ elements.stats.style.display = 'none'
+ return
+ }
+
+ elements.hitsEmpty.style.display = 'none'
+
+ const hitsHTML = hits.map((hit, index) => {
+ const itemNumber = page * hitsPerPage + index + 1
+ const link = hit.permalink || (GLOBAL_CONFIG.root + hit.path)
+ const result = hit._highlightResult || hit
+
+ // Content extraction
+ let content = ''
+ try {
+ if (result.contentStripTruncate) {
+ content = cutContent(result.contentStripTruncate)
+ } else if (result.contentStrip) {
+ content = cutContent(result.contentStrip)
+ } else if (result.content) {
+ content = cutContent(result.content)
+ } else if (hit.contentStripTruncate) {
+ content = cutContent(hit.contentStripTruncate)
+ } else if (hit.contentStrip) {
+ content = cutContent(hit.contentStrip)
+ } else if (hit.content) {
+ content = cutContent(hit.content)
+ }
+ } catch (error) {
+ content = ''
+ }
+
+ // Title handling
+ let title = 'no-title'
+ try {
+ if (result.title) {
+ title = extractHighlightValue(result.title) || 'no-title'
+ } else if (hit.title) {
+ title = extractHighlightValue(hit.title) || 'no-title'
+ }
+
+ if (!title || title === 'no-title') {
+ if (typeof hit.title === 'string' && hit.title.trim()) {
+ title = hit.title.trim()
+ } else if (hit.title && typeof hit.title === 'object' && hit.title.value) {
+ title = String(hit.title.value).trim() || 'no-title'
+ } else {
+ title = 'no-title'
+ }
+ }
+ } catch (error) {
+ title = 'no-title'
+ }
+
+ return `
+ ${content}
` : ''}
+
+ ${stats}` + elements.stats.style.display = '' + } else { + elements.stats.style.display = 'none' + } + } + + // Perform search + const performSearch = async (query, page = 0) => { + if (!query.trim()) { + currentQuery = '' + renderHits([], '', 0) + renderPagination(0, 0) + renderStats(0, 0, '') + toggleResultsVisibility(false) + return + } + + showLoading(true) + currentQuery = query + + try { + let result + + if (searchClient && typeof searchClient.search === 'function') { + // v5 multi-index search + const searchResult = await searchClient.search([{ + indexName, + query, + params: { + page, + hitsPerPage, + highlightPreTag: '', + highlightPostTag: '', + attributesToHighlight: ['title', 'content', 'contentStrip', 'contentStripTruncate'] + } + }]) + result = searchResult.results[0] + } else if (searchClient && typeof searchClient.initIndex === 'function') { + // v4 single-index search + const index = searchClient.initIndex(indexName) + result = await index.search(query, { + page, + hitsPerPage, + highlightPreTag: '', + highlightPostTag: '', + attributesToHighlight: ['title', 'content', 'contentStrip', 'contentStripTruncate'] + }) + } else { + throw new Error('Algolia: No compatible search method available') + } + + renderHits(result.hits || [], query, page) + + const actualNbPages = result.nbHits <= hitsPerPage ? 1 : (result.nbPages || 0) + renderPagination(page, actualNbPages) + renderStats(result.nbHits || 0, result.processingTimeMS || 0, query) + + const hasResults = result.hits && result.hits.length > 0 + toggleResultsVisibility(hasResults) + + // Refresh Pjax links + if (window.pjax) { + window.pjax.refresh(document.getElementById('algolia-hits')) + } + } catch (error) { + console.error('Algolia search error:', error) + renderHits([], query, page) + renderPagination(0, 0) + renderStats(0, 0, query) + } finally { + showLoading(false) + } + } + + // Debounced search + let searchTimeout + const debouncedSearch = (query, delay = 300) => { + clearTimeout(searchTimeout) + searchTimeout = setTimeout(() => performSearch(query), delay) + } + + // Initialize search box and events + const initializeSearch = () => { + showLoading(false) + + if (elements.searchInput) { + elements.searchInput.addEventListener('input', e => { + const query = e.target.value + debouncedSearch(query) + }) + } + + const searchForm = document.querySelector('#algolia-search-input .ais-SearchBox-form') + if (searchForm) { + searchForm.addEventListener('submit', e => { + e.preventDefault() + const query = elements.searchInput.value + performSearch(query) + }) + } + + // Pagination event delegation + elements.pagination.addEventListener('click', e => { + e.preventDefault() + const link = e.target.closest('a[data-page]') + if (link) { + const page = parseInt(link.dataset.page, 10) + if (!isNaN(page) && currentQuery) { + performSearch(currentQuery, page) + } + } + }) + + // Initial state + toggleResultsVisibility(false) + } + + // Initialize + initializeSearch() + searchClickFn() + searchFnOnce() + + window.addEventListener('pjax:complete', () => { + if (!btf.isHidden($searchMask)) closeSearch() + searchClickFn() + }) +}) diff --git a/static/js/search/local-search.js b/static/js/search/local-search.js new file mode 100644 index 0000000..f2ccb06 --- /dev/null +++ b/static/js/search/local-search.js @@ -0,0 +1,567 @@ +/** + * Refer to hexo-generator-searchdb + * https://github.com/next-theme/hexo-generator-searchdb/blob/main/dist/search.js + * Modified by hexo-theme-butterfly + */ + +class LocalSearch { + constructor ({ + path = '', + unescape = false, + top_n_per_article = 1 + }) { + this.path = path + this.unescape = unescape + this.top_n_per_article = top_n_per_article + this.isfetched = false + this.datas = null + } + + getIndexByWord (words, text, caseSensitive = false) { + const index = [] + const included = new Set() + + if (!caseSensitive) { + text = text.toLowerCase() + } + words.forEach(word => { + if (this.unescape) { + const div = document.createElement('div') + div.innerText = word + word = div.innerHTML + } + const wordLen = word.length + if (wordLen === 0) return + let startPosition = 0 + let position = -1 + if (!caseSensitive) { + word = word.toLowerCase() + } + while ((position = text.indexOf(word, startPosition)) > -1) { + index.push({ position, word }) + included.add(word) + startPosition = position + wordLen + } + }) + // Sort index by position of keyword + index.sort((left, right) => { + if (left.position !== right.position) { + return left.position - right.position + } + return right.word.length - left.word.length + }) + return [index, included] + } + + // Merge hits into slices + mergeIntoSlice (start, end, index) { + let item = index[0] + let { position, word } = item + const hits = [] + const count = new Set() + while (position + word.length <= end && index.length !== 0) { + count.add(word) + hits.push({ + position, + length: word.length + }) + const wordEnd = position + word.length + + // Move to next position of hit + index.shift() + while (index.length !== 0) { + item = index[0] + position = item.position + word = item.word + if (wordEnd > position) { + index.shift() + } else { + break + } + } + } + return { + hits, + start, + end, + count: count.size + } + } + + // Highlight title and content + highlightKeyword (val, slice) { + let result = '' + let index = slice.start + for (const { position, length } of slice.hits) { + result += val.substring(index, position) + index = position + length + result += `${val.substr(position, length)}` + } + result += val.substring(index, slice.end) + return result + } + + getResultItems (keywords) { + const resultItems = [] + this.datas.forEach(({ title, content, url }) => { + // The number of different keywords included in the article. + const [indexOfTitle, keysOfTitle] = this.getIndexByWord(keywords, title) + const [indexOfContent, keysOfContent] = this.getIndexByWord(keywords, content) + const includedCount = new Set([...keysOfTitle, ...keysOfContent]).size + + // Show search results + const hitCount = indexOfTitle.length + indexOfContent.length + if (hitCount === 0) return + + const slicesOfTitle = [] + if (indexOfTitle.length !== 0) { + slicesOfTitle.push(this.mergeIntoSlice(0, title.length, indexOfTitle)) + } + + let slicesOfContent = [] + while (indexOfContent.length !== 0) { + const item = indexOfContent[0] + const { position } = item + // Cut out 120 characters. The maxlength of .search-input is 80. + const start = Math.max(0, position - 20) + const end = Math.min(content.length, position + 100) + slicesOfContent.push(this.mergeIntoSlice(start, end, indexOfContent)) + } + + // Sort slices in content by included keywords' count and hits' count + slicesOfContent.sort((left, right) => { + if (left.count !== right.count) { + return right.count - left.count + } else if (left.hits.length !== right.hits.length) { + return right.hits.length - left.hits.length + } + return left.start - right.start + }) + + // Select top N slices in content + const upperBound = parseInt(this.top_n_per_article, 10) + if (upperBound >= 0) { + slicesOfContent = slicesOfContent.slice(0, upperBound) + } + + let resultItem = '' + + url = new URL(url, location.origin) + url.searchParams.append('highlight', keywords.join(' ')) + + if (slicesOfTitle.length !== 0) { + resultItem += `
${this.highlightKeyword(content, slice)}...
` + }) + + resultItem += '- ${numberedItems.join('')}
${stats}
`
+
+ // Handle pagination
+ if (enablePagination) {
+ const nbPages = Math.ceil(currentResultItems.length / hitsPerPage)
+ renderPagination(currentPage, nbPages, searchText)
+ }
+
+ const hasResults = resultItems.length > 0
+ toggleResultsVisibility(hasResults)
+
+ window.pjax && window.pjax.refresh(container)
+ }
+
+ // Render pagination
+ const renderPagination = (page, nbPages, query) => {
+ if (nbPages <= 1) {
+ elements.pagination.style.display = 'none'
+ elements.paginationList.innerHTML = ''
+ return
+ }
+
+ elements.pagination.style.display = 'block'
+
+ const isFirstPage = page === 0
+ const isLastPage = page === nbPages - 1
+
+ // Responsive page display
+ const isMobile = window.innerWidth < 768
+ const maxVisiblePages = isMobile ? 3 : 5
+ let startPage = Math.max(0, page - Math.floor(maxVisiblePages / 2))
+ const endPage = Math.min(nbPages - 1, startPage + maxVisiblePages - 1)
+
+ // Adjust starting page to maintain max visible pages
+ if (endPage - startPage + 1 < maxVisiblePages) {
+ startPage = Math.max(0, endPage - maxVisiblePages + 1)
+ }
+
+ let pagesHTML = ''
+
+ // Only add ellipsis and first page when there are many pages
+ if (nbPages > maxVisiblePages && startPage > 0) {
+ pagesHTML += `
+ ' +
+ '
';
+ }
+
+ // ============================================================================
+ // 1. 动态插入 HTML 结构
+ // ============================================================================
+ const searchHTML = `
+
+
+
+ `;
+
+ document.body.insertAdjacentHTML('beforeend', searchHTML);
+
+ const mask = document.getElementById('typesense-search-mask');
+ const closeBtn = document.getElementById('close-typesense');
+ const container = document.getElementById('typesense-search-container');
+
+ // ============================================================================
+ // 搜索控制
+ // ============================================================================
+ function openSearch() {
+ if (isSearchOpen) return;
+ isSearchOpen = true;
+ mask.style.display = 'block';
+ void mask.offsetWidth;
+ mask.classList.add('active');
+ document.body.style.overflow = 'hidden';
+
+ if (!isInitialized) {
+ initTypesense();
+ }
+ focusSearchInput();
+ }
+
+ function closeSearch() {
+ if (!isSearchOpen) return;
+ isSearchOpen = false;
+ mask.classList.remove('active');
+ setTimeout(function() {
+ mask.style.display = 'none';
+ document.body.style.overflow = '';
+ }, CONFIG.ui.animationDuration);
+ }
+
+ function focusSearchInput(retryCount) {
+ retryCount = retryCount || 0;
+ const input = document.querySelector('.ais-SearchBox-input');
+ if (input) {
+ input.focus();
+ input.select();
+ } else if (retryCount < CONFIG.ui.maxRetries) {
+ setTimeout(function() {
+ focusSearchInput(retryCount + 1);
+ }, CONFIG.ui.retryDelay);
+ }
+ }
+
+ // ============================================================================
+ // 事件监听
+ // ============================================================================
+ document.addEventListener('click', function(e) {
+ if (e.target.closest('.search-typesense-trigger')) {
+ e.preventDefault();
+ openSearch();
+ }
+ });
+
+ closeBtn.addEventListener('click', closeSearch);
+ mask.addEventListener('click', function(e) {
+ if (e.target === mask) closeSearch();
+ });
+ container.addEventListener('click', function(e) {
+ e.stopPropagation();
+ });
+ window.addEventListener('keydown', function(e) {
+ if (e.key === 'Escape' && isSearchOpen) {
+ closeSearch();
+ }
+ if ((e.ctrlKey || e.metaKey) && e.key === 'k') {
+ e.preventDefault();
+ openSearch();
+ }
+ });
+
+ // ============================================================================
+ // Typesense 初始化（带重试限制）
+ // ============================================================================
+ function initTypesense() {
+ if (isInitialized || searchInstance) {
+ console.warn('Typesense 搜索已初始化');
+ return;
+ }
+
+ var instantsearchLoaded = typeof instantsearch !== 'undefined';
+ var adapterLoaded = typeof TypesenseInstantSearchAdapter !== 'undefined' ||
+ typeof window.TypesenseInstantSearchAdapter !== 'undefined';
+
+ console.log('📦 依赖库检查 (' + (initRetryCount + 1) + '/' + MAX_INIT_RETRIES + '):');
+ console.log(' instantsearch.js:', instantsearchLoaded ? '✅ 已加载' : '❌ 未加载');
+ console.log(' TypesenseAdapter:', adapterLoaded ? '✅ 已加载' : '❌ 未加载');
+
+ if (!instantsearchLoaded || !adapterLoaded) {
+ initRetryCount++;
+
+ if (initRetryCount >= MAX_INIT_RETRIES) {
+ console.error('');
+ console.error('❌ Typesense 依赖库加载失败！');
+ console.error('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');
+ console.error('');
+ console.error('🔧 请检查 _config.butterfly.yml 配置：');
+ console.error('');
+ console.error('inject:');
+ console.error(' bottom: # ⚠️ 使用 bottom 而不是 head');
+ console.error(' - ');
+ console.error(' - ');
+ console.error(' - ');
+ console.error('');
+ console.error('💡 或在控制台手动检查：');
+ console.error(' typeof instantsearch');
+ console.error(' typeof TypesenseInstantSearchAdapter');
+ console.error('');
+ console.error('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');
+
+ showErrorMessage();
+ return;
+ }
+
+ console.warn('⏳ 100ms 后重试...');
+ setTimeout(initTypesense, 100);
+ return;
+ }
+
+ initRetryCount = 0;
+ console.log('🚀 开始初始化 Typesense...');
+
+ try {
+ const typesenseAdapter = new TypesenseInstantSearchAdapter({
+ server: {
+ apiKey: CONFIG.apiKey,
+ nodes: [{
+ host: CONFIG.server.host,
+ port: CONFIG.server.port,
+ protocol: CONFIG.server.protocol
+ }],
+ cacheSearchResultsForSeconds: 120
+ },
+ additionalSearchParameters: CONFIG.searchParams
+ });
+
+ searchInstance = instantsearch({
+ searchClient: typesenseAdapter.searchClient,
+ indexName: CONFIG.indexName,
+ routing: false
+ });
+
+ searchInstance.addWidgets([
+ instantsearch.widgets.searchBox({
+ container: '#searchbox',
+ placeholder: '输入关键词寻找故事...',
+ autofocus: true,
+ showReset: true,
+ showSubmit: false,
+ showLoadingIndicator: true
+ }),
+ instantsearch.widgets.stats({
+ container: '#stats',
+ templates: {
+ text: function(data) {
+ if (!data.query) return '';
+ return '找到 ' + data.nbHits + ' 条结果 (' + data.processingTimeMS + 'ms)';
+ }
+ }
+ }),
+ instantsearch.widgets.hits({
+ container: '#hits',
+ templates: {
+ empty: function(results) {
+ return '' +
+ '
搜索服务加载失败
' +
+ '' +
+ '
' +
+ '依赖库未能正确加载，请检查以下配置：
' + + '- ' +
+ '
- 确认已在
_config.butterfly.yml中正确引入依赖 ' +
+ ' - 检查 JS 文件加载顺序（先 instantsearch.js，再 adapter） ' + + '
- 尝试更换 CDN 或使用本地文件 ' + + '
- 打开浏览器控制台查看详细错误信息 ' + + '
' +
+ '' +
+ '
' +
+ '' +
+ '
';
+ },
+ item: function(hit) {
+ // 使用 _highlightResult 获取高亮文本
+ var titleHighlight = hit._highlightResult && hit._highlightResult.title
+ ? hit._highlightResult.title.value
+ : (hit.title || '');
+
+ var contentHighlight = hit._highlightResult && hit._highlightResult.content
+ ? hit._highlightResult.content.value
+ : (hit.content || '');
+
+ // 截取内容长度
+ if (contentHighlight.length > 200) {
+ contentHighlight = contentHighlight.substring(0, 200) + '...';
+ }
+
+ return '' +
+ '' +
+ '
找不到与 "' + results.query + '" 相关的内容
' +
+ '试试其他关键词吧 (´·ω·`)
' +
+ '' + titleHighlight + '
' +
+ '' + contentHighlight + '
' +
+ '';
+ }
+ }
+ }),
+ instantsearch.widgets.pagination({
+ container: '#pagination',
+ padding: 2,
+ showFirst: false,
+ showLast: false
+ })
+ ]);
+
+ searchInstance.start();
+ isInitialized = true;
+
+ console.log('✅ Typesense 初始化成功！');
+
+ searchInstance.on('render', function() {
+ if (isSearchOpen) {
+ const input = document.querySelector('.ais-SearchBox-input');
+ if (input && document.activeElement !== input) {
+ input.focus();
+ }
+ }
+ });
+
+ } catch (error) {
+ console.error('❌ 初始化失败:', error);
+ showErrorMessage();
+ }
+ }
+
+ // ============================================================================
+ // 初始化
+ // ============================================================================
+ function init() {
+ console.log('🔍 Typesense 搜索已准备就绪');
+ console.log('💡 快捷键: Ctrl/Cmd + K');
+ }
+
+ if (document.readyState === 'loading') {
+ document.addEventListener('DOMContentLoaded', init);
+ } else {
+ init();
+ }
+
+ // ============================================================================
+ // 全局接口
+ // ============================================================================
+ window.TypesenseSearch = {
+ open: openSearch,
+ close: closeSearch,
+ isOpen: function() { return isSearchOpen; },
+ getInstance: function() { return searchInstance; }
+ };
+
+})();
\ No newline at end of file
diff --git a/static/js/shuoshuo.js b/static/js/shuoshuo.js
new file mode 100644
index 0000000..5858ebf
--- /dev/null
+++ b/static/js/shuoshuo.js
@@ -0,0 +1,321 @@
+function renderTalks() {
+ const talkContainer = document.querySelector('#talk');
+ if (!talkContainer) return;
+ talkContainer.innerHTML = '';
+ const generateIconSVG = () => {
+ return ``;
+ }
+ const waterfall = (a) => {
+ function b(a, b) {
+ var c = window.getComputedStyle(b);
+ return parseFloat(c["margin" + a]) || 0
+ }
+
+ function c(a) {
+ return a + "px"
+ }
+
+ function d(a) {
+ return parseFloat(a.style.top)
+ }
+
+ function e(a) {
+ return parseFloat(a.style.left)
+ }
+
+ function f(a) {
+ return a.clientWidth
+ }
+
+ function g(a) {
+ return a.clientHeight
+ }
+
+ function h(a) {
+ return d(a) + g(a) + b("Bottom", a)
+ }
+
+ function i(a) {
+ return e(a) + f(a) + b("Right", a)
+ }
+
+ function j(a) {
+ a = a.sort(function (a, b) {
+ return h(a) === h(b) ? e(b) - e(a) : h(b) - h(a)
+ })
+ }
+
+ function k(b) {
+ f(a) != t && (b.target.removeEventListener(b.type, arguments.callee), waterfall(a))
+ }
+ "string" == typeof a && (a = document.querySelector(a));
+ var l = [].map.call(a.children, function (a) {
+ return a.style.position = "absolute", a
+ });
+ a.style.position = "relative";
+ var m = [];
+ l.length && (l[0].style.top = "0px", l[0].style.left = c(b("Left", l[0])), m.push(l[0]));
+ for (var n = 1; n < l.length; n++) {
+ var o = l[n - 1],
+ p = l[n],
+ q = i(o) + f(p) <= f(a);
+ if (!q) break;
+ p.style.top = o.style.top, p.style.left = c(i(o) + b("Left", p)), m.push(p)
+ }
+ for (; n < l.length; n++) {
+ j(m);
+ var p = l[n],
+ r = m.pop();
+ p.style.top = c(h(r) + b("Top", p)), p.style.left = c(e(r)), m.push(p)
+ }
+ j(m);
+ var s = m[0];
+ a.style.height = c(h(s) + b("Bottom", s));
+ var t = f(a);
+ window.addEventListener ? window.addEventListener("resize", k) : document.body.onresize = k
+ };
+
+ const fetchAndRenderTalks = () => {
+ const url = 'https://mm.biss.click/api/echo/page';
+ const cacheKey = 'talksCache';
+ const cacheTimeKey = 'talksCacheTime';
+ const cacheDuration = 30 * 60 * 1000;
+ const cachedData = localStorage.getItem(cacheKey);
+ const cachedTime = localStorage.getItem(cacheTimeKey);
+ const now = Date.now();
+
+ if (cachedData && cachedTime && (now - cachedTime < cacheDuration)) {
+ renderTalksList(JSON.parse(cachedData));
+ } else {
+ fetch(url, {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ page: 1, pageSize: 30 })
+ })
+ .then(res => res.json())
+ .then(data => {
+ if (data.code === 1 && data.data && Array.isArray(data.data.items)) {
+ localStorage.setItem(cacheKey, JSON.stringify(data.data.items));
+ localStorage.setItem(cacheTimeKey, now.toString());
+ renderTalksList(data.data.items);
+ }
+ })
+ .catch(err => console.error('Error fetching:', err));
+ }
+ };
+
+ const renderTalksList = (list) => {
+ list.map(formatTalk).forEach(item => talkContainer.appendChild(generateTalkElement(item)));
+ waterfall('#talk');
+ };
+
+ const formatTalk = (item) => {
+ const date = formatTime(item.created_at);
+ let content = item.content || '';
+ content = content.replace(/\[(.*?)\]\((.*?)\)/g, `@$1`)
+ .replace(/- \[ \]/g, '⚪')
+ .replace(/- \[x\]/g, '⚫')
+ .replace(/\n/g, ''); + content = `
${content}
`;
+
+ // 图片
+ if (Array.isArray(item.images) && item.images.length > 0) {
+ const imgDiv = document.createElement('div');
+ imgDiv.className = 'zone_imgbox';
+ item.images.forEach(img => {
+ const link = document.createElement('a');
+ link.href = img.image_url + "?fmt=webp&q=75";
+ link.setAttribute('data-fancybox', 'gallery');
+ link.className = 'fancybox';
+ const imgTag = document.createElement('img');
+ imgTag.src = img.image_url + "?fmt=webp&q=75";
+ link.appendChild(imgTag);
+ imgDiv.appendChild(link);
+ });
+ content += imgDiv.outerHTML;
+ }
+
+ // 外链 / GitHub 项目
+ // 外链 / GitHub 项目
+ if (['WEBSITE', 'GITHUBPROJ'].includes(item.extension_type)) {
+ let siteUrl = '', title = '';
+ let extensionBack = "https://pic.biss.click/image/1971bdc1-4349-4bb9-b683-20404f5da7d7.webp";
+
+ // 解析 extension 字段
+ try {
+ const extObj = typeof item.extension === 'string' ? JSON.parse(item.extension) : item.extension;
+ siteUrl = extObj.site || extObj.url || item.extension;
+ title = extObj.title || siteUrl;
+ } catch {
+ siteUrl = item.extension;
+ title = siteUrl;
+ }
+
+ // 特殊处理 GitHub 项目
+ if (item.extension_type === 'GITHUBPROJ') {
+ extensionBack = "https://pic.biss.click/image/ed410d4e-d3f8-4b26-8840-50dd58f7dc4e.webp";
+
+ // 提取 GitHub 项目名
+ const match = siteUrl.match(/^https?:\/\/github\.com\/[^/]+\/([^/?#]+)/i);
+ if (match) {
+ title = match[1]; // 获取仓库名
+ } else {
+ // fallback：从最后一个路径段提取
+ try {
+ const parts = new URL(siteUrl).pathname.split('/').filter(Boolean);
+ title = parts.pop() || siteUrl;
+ } catch {
+ // 如果 URL 无效则保留原始
+ }
+ }
+ }
+
+ // 输出 HTML 结构
+ content += `
+ `;
+ }
+
+
+ // 音乐
+ if (item.extension_type === 'MUSIC' && item.extension) {
+ const link = item.extension;
+ let server = '';
+ if (link.includes('music.163.com')) server = 'netease';
+ else if (link.includes('y.qq.com')) server = 'tencent';
+ const idMatch = link.match(/id=(\d+)/);
+ const id = idMatch ? idMatch[1] : '';
+ if (server && id) {
+ content += `
+
+
`;
+ } else {
+ const youtubeUrl = `https://www.youtube.com/embed/${video}`;
+ content += `
+
+
+
`;
+ }
+ }
+
+ return {
+ content,
+ user: item.username || '匿名',
+ avatar: 'https://free.picui.cn/free/2025/08/10/689845496a283.png',
+ date,
+ location: '',
+ tags: Array.isArray(item.tags) && item.tags.length ? item.tags.map(t => t.name) : ['无标签'],
+ text: content.replace(/\[(.*?)\]\((.*?)\)/g, '[链接]')
+ };
+ };
+
+ const generateTalkElement = (item) => {
+ const talkItem = document.createElement('div');
+ talkItem.className = 'talk_item';
+
+ const talkMeta = document.createElement('div');
+ talkMeta.className = 'talk_meta';
+ const avatar = document.createElement('img');
+ avatar.className = 'no-lightbox avatar';
+ avatar.src = item.avatar;
+
+ const info = document.createElement('div');
+ info.className = 'info';
+ const nick = document.createElement('span');
+ nick.className = 'talk_nick';
+ nick.innerHTML = `${item.user} ${generateIconSVG()}`;
+ const date = document.createElement('span');
+ date.className = 'talk_date';
+ date.textContent = item.date;
+ info.appendChild(nick);
+ info.appendChild(date);
+ talkMeta.appendChild(avatar);
+ talkMeta.appendChild(info);
+
+ const talkContent = document.createElement('div');
+ talkContent.className = 'talk_content';
+ talkContent.innerHTML = item.content;
+
+ const talkBottom = document.createElement('div');
+ talkBottom.className = 'talk_bottom';
+ const tags = document.createElement('div');
+ const tag = document.createElement('span');
+ tag.className = 'talk_tag';
+ tag.textContent = `🏷️${item.tags}`;
+ //const loc = document.createElement('span');
+ //loc.className = 'location_tag';
+ //loc.textContent = `🌍${item.location}`;
+ tags.appendChild(tag);
+ //tags.appendChild(loc);
+
+ const commentLink = document.createElement('a');
+ commentLink.href = 'javascript:;';
+ commentLink.onclick = () => goComment(item.text);
+ const icon = document.createElement('span');
+ icon.className = 'icon';
+ icon.innerHTML = '';
+ commentLink.appendChild(icon);
+
+ talkBottom.appendChild(tags);
+ talkBottom.appendChild(commentLink);
+
+ talkItem.appendChild(talkMeta);
+ talkItem.appendChild(talkContent);
+ talkItem.appendChild(talkBottom);
+
+ return talkItem;
+ };
+
+ const goComment = (e) => {
+ const match = e.match(/([\s\S]*?)<\/div>/);
+ const textContent = match ? match[1] : "";
+ const textarea = document.querySelector("#twikoo .el-textarea__inner");
+ textarea.value = `> ${textContent}\n\n`;
+ textarea.focus();
+ btf.snackbarShow("已为您引用该说说，不删除空格效果更佳");
+ };
+
+ const formatTime = (time) => {
+ const d = new Date(time);
+ const pad = (n) => n.toString().padStart(2, '0');
+ return `${d.getFullYear()}-${pad(d.getMonth()+1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`;
+ };
+
+ fetchAndRenderTalks();
+}
+
+renderTalks();
+
+// function whenDOMReady() {
+// const talkContainer = document.querySelector('#talk');
+// talkContainer.innerHTML = '';
+// fetchAndRenderTalks();
+// }
+// whenDOMReady();
+// document.addEventListener("pjax:complete", whenDOMReady);
diff --git a/static/js/shuoshuoshouye.js b/static/js/shuoshuoshouye.js
new file mode 100644
index 0000000..f5a2594
--- /dev/null
+++ b/static/js/shuoshuoshouye.js
@@ -0,0 +1,97 @@
+let talkTimer = null;
+
+const cacheKey = 'talksCache';
+const cacheTimeKey = 'talksCacheTime';
+const cacheDuration = 30 * 60 * 1000; // 缓存有效期 30分钟
+
+function indexTalk() {
+ if (talkTimer) {
+ clearInterval(talkTimer);
+ talkTimer = null;
+ }
+
+ if (!document.getElementById('bber-talk')) return;
+
+ function toText(ls) {
+ return ls.map(item => {
+ let c = item.content || '';
+
+ const hasImg = /\!\[.*?\]\(.*?\)/.test(c);
+ const hasLink = /\[.*?\]\(.*?\)/.test(c);
+
+ c = c
+ .replace(/#(.*?)\s/g, '')
+ .replace(/\{.*?\}/g, '')
+ .replace(/\!\[.*?\]\(.*?\)/g, '')
+ .replace(/\[.*?\]\(.*?\)/g, '');
+
+ const icons = [];
+
+ if (item.images?.length && !hasImg) icons.push('fa-solid fa-image');
+ if (item.extension_type === 'VIDEO') icons.push('fa-solid fa-video');
+ if (item.extension_type === 'MUSIC') icons.push('fa-solid fa-music');
+ if (item.extension_type === 'WEBSITE' && !hasLink) icons.push('fa-solid fa-link');
+ if (item.extension_type === 'GITHUBPROJ' && !hasLink) icons.push('fab fa-github');
+
+ if (icons.length) c += ' ' + icons.map(i => ``).join(' ');
+ return c;
+ });
+ }
+
+ // 渲染与轮播
+ function talk(ls) {
+ let html = '';
+ ls.forEach((item, i) => {
+ html += `${item} `;
+ });
+
+ let box = document.querySelector("#bber-talk .talk-list");
+ if (!box) return;
+
+ box.innerHTML = html;
+
+ talkTimer = setInterval(() => {
+ if (box.children.length > 0) {
+ box.appendChild(box.children[0]);
+ }
+ }, 3000);
+ }
+
+ const cachedData = localStorage.getItem(cacheKey);
+ const cachedTime = localStorage.getItem(cacheTimeKey);
+ const currentTime = new Date().getTime();
+
+ // 判断缓存是否有效
+ if (cachedData && cachedTime && (currentTime - cachedTime < cacheDuration)) {
+ const data = toText(JSON.parse(cachedData));
+ talk(data.slice(0, 6)); // 使用缓存渲染数据
+ } else {
+ fetch('https://mm.biss.click/api/echo/page', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ page: 1, pageSize: 30 })
+ })
+ .then(res => res.json())
+ .then(data => {
+ // 适配新版结构：code=1 且 data.items 存在
+ if (data.code === 1 && data.data && Array.isArray(data.data.items)) {
+ localStorage.setItem(cacheKey, JSON.stringify(data.data.items));
+ localStorage.setItem(cacheTimeKey, currentTime.toString());
+
+ const formattedData = toText(data.data.items);
+ talk(formattedData.slice(0, 6));
+ } else {
+ console.warn('Unexpected API response format:', data);
+ }
+ })
+ .catch(error => console.error('Error fetching data:', error));
+ }
+}
+
+// pjax 支持
+function whenDOMReady() {
+ indexTalk();
+}
+
+whenDOMReady();
+document.addEventListener("pjax:complete", whenDOMReady);
diff --git a/static/js/tw_cn.js b/static/js/tw_cn.js
new file mode 100644
index 0000000..43228dd
--- /dev/null
+++ b/static/js/tw_cn.js
@@ -0,0 +1,117 @@
+document.addEventListener('DOMContentLoaded', () => {
+ const { defaultEncoding, translateDelay, msgToTraditionalChinese, msgToSimplifiedChinese } = GLOBAL_CONFIG.translate
+ const snackbarData = GLOBAL_CONFIG.Snackbar
+ const targetEncodingCookie = 'translate-chn-cht'
+
+ let currentEncoding = defaultEncoding
+ let targetEncoding = Number(btf.saveToLocal.get(targetEncodingCookie)) || defaultEncoding
+ const translateButtonObject = document.getElementById('translateLink')
+ const isSnackbar = snackbarData !== undefined
+
+ const setLang = () => {
+ document.documentElement.lang = targetEncoding === 1 ? 'zh-TW' : 'zh-CN'
+ }
+
+ const translateText = txt => {
+ if (!txt) return ''
+ if (currentEncoding === 1 && targetEncoding === 2) return Simplized(txt)
+ if (currentEncoding === 2 && targetEncoding === 1) return Traditionalized(txt)
+ return txt
+ }
+
+ const translateBody = fobj => {
+ const nodes = typeof fobj === 'object' ? fobj.childNodes : document.body.childNodes
+
+ for (const node of nodes) {
+ // Skip BR, HR tags, or the translate button object
+ if (['BR', 'HR'].includes(node.tagName) || node === translateButtonObject) continue
+
+ if (node.nodeType === Node.ELEMENT_NODE) {
+ const { tagName, title, alt, placeholder, value, type } = node
+
+ // Translate title, alt, placeholder
+ if (title) node.title = translateText(title)
+ if (alt) node.alt = translateText(alt)
+ if (placeholder) node.placeholder = translateText(placeholder)
+
+ // Translate input value except text and hidden types
+ if (tagName === 'INPUT' && value && type !== 'text' && type !== 'hidden') {
+ node.value = translateText(value)
+ }
+
+ // Recursively translate child nodes
+ translateBody(node)
+ } else if (node.nodeType === Node.TEXT_NODE) {
+ // Translate text node data
+ node.data = translateText(node.data)
+ }
+ }
+ }
+
+ const translatePage = () => {
+ if (targetEncoding === 1) {
+ currentEncoding = 1
+ targetEncoding = 2
+ translateButtonObject.textContent = msgToTraditionalChinese
+ isSnackbar && btf.snackbarShow(snackbarData.cht_to_chs)
+ } else if (targetEncoding === 2) {
+ currentEncoding = 2
+ targetEncoding = 1
+ translateButtonObject.textContent = msgToSimplifiedChinese
+ isSnackbar && btf.snackbarShow(snackbarData.chs_to_cht)
+ }
+ btf.saveToLocal.set(targetEncodingCookie, targetEncoding, 2)
+ setLang()
+ translateBody()
+ }
+
+ const JTPYStr = () => '万与丑专业丛东丝丢两严丧个丬丰临为丽举么义乌乐乔习乡书买乱争于亏云亘亚产亩亲亵亸亿仅从仑仓仪们价众优伙会伛伞伟传伤伥伦伧伪伫体余佣佥侠侣侥侦侧侨侩侪侬俣俦俨俩俪俭债倾偬偻偾偿傥傧储傩儿兑兖党兰关兴兹养兽冁内冈册写军农冢冯冲决况冻净凄凉凌减凑凛几凤凫凭凯击凼凿刍划刘则刚创删别刬刭刽刿剀剂剐剑剥剧劝办务劢动励劲劳势勋勐勚匀匦匮区医华协单卖卢卤卧卫却卺厂厅历厉压厌厍厕厢厣厦厨厩厮县参叆叇双发变叙叠叶号叹叽吁后吓吕吗吣吨听启吴呒呓呕呖呗员呙呛呜咏咔咙咛咝咤咴咸哌响哑哒哓哔哕哗哙哜哝哟唛唝唠唡唢唣唤唿啧啬啭啮啰啴啸喷喽喾嗫呵嗳嘘嘤嘱噜噼嚣嚯团园囱围囵国图圆圣圹场坂坏块坚坛坜坝坞坟坠垄垅垆垒垦垧垩垫垭垯垱垲垴埘埙埚埝埯堑堕塆墙壮声壳壶壸处备复够头夸夹夺奁奂奋奖奥妆妇妈妩妪妫姗姜娄娅娆娇娈娱娲娴婳婴婵婶媪嫒嫔嫱嬷孙学孪宁宝实宠审宪宫宽宾寝对寻导寿将尔尘尧尴尸尽层屃屉届属屡屦屿岁岂岖岗岘岙岚岛岭岳岽岿峃峄峡峣峤峥峦崂崃崄崭嵘嵚嵛嵝嵴巅巩巯币帅师帏帐帘帜带帧帮帱帻帼幂幞干并广庄庆庐庑库应庙庞废庼廪开异弃张弥弪弯弹强归当录彟彦彻径徕御忆忏忧忾怀态怂怃怄怅怆怜总怼怿恋恳恶恸恹恺恻恼恽悦悫悬悭悯惊惧惨惩惫惬惭惮惯愍愠愤愦愿慑慭憷懑懒懔戆戋戏戗战戬户扎扑扦执扩扪扫扬扰抚抛抟抠抡抢护报担拟拢拣拥拦拧拨择挂挚挛挜挝挞挟挠挡挢挣挤挥挦捞损捡换捣据捻掳掴掷掸掺掼揸揽揿搀搁搂搅携摄摅摆摇摈摊撄撑撵撷撸撺擞攒敌敛数斋斓斗斩断无旧时旷旸昙昼昽显晋晒晓晔晕晖暂暧札术朴机杀杂权条来杨杩杰极构枞枢枣枥枧枨枪枫枭柜柠柽栀栅标栈栉栊栋栌栎栏树栖样栾桊桠桡桢档桤桥桦桧桨桩梦梼梾检棂椁椟椠椤椭楼榄榇榈榉槚槛槟槠横樯樱橥橱橹橼檐檩欢欤欧歼殁殇残殒殓殚殡殴毁毂毕毙毡毵氇气氢氩氲汇汉污汤汹沓沟没沣沤沥沦沧沨沩沪沵泞泪泶泷泸泺泻泼泽泾洁洒洼浃浅浆浇浈浉浊测浍济浏浐浑浒浓浔浕涂涌涛涝涞涟涠涡涢涣涤润涧涨涩淀渊渌渍渎渐渑渔渖渗温游湾湿溃溅溆溇滗滚滞滟滠满滢滤滥滦滨滩滪漤潆潇潋潍潜潴澜濑濒灏灭灯灵灾灿炀炉炖炜炝点炼炽烁烂烃烛烟烦烧烨烩烫烬热焕焖焘煅煳熘爱爷牍牦牵牺犊犟状犷犸犹狈狍狝狞独狭狮狯狰狱狲猃猎猕猡猪猫猬献獭玑玙玚玛玮环现玱玺珉珏珐珑珰珲琎琏琐琼瑶瑷璇璎瓒瓮瓯电画畅畲畴疖疗疟疠疡疬疮疯疱疴痈痉痒痖痨痪痫痴瘅瘆瘗瘘瘪瘫瘾瘿癞癣癫癯皑皱皲盏盐监盖盗盘眍眦眬着睁睐睑瞒瞩矫矶矾矿砀码砖砗砚砜砺砻砾础硁硅硕硖硗硙硚确硷碍碛碜碱碹磙礼祎祢祯祷祸禀禄禅离秃秆种积称秽秾稆税稣稳穑穷窃窍窑窜窝窥窦窭竖竞笃笋笔笕笺笼笾筑筚筛筜筝筹签简箓箦箧箨箩箪箫篑篓篮篱簖籁籴类籼粜粝粤粪粮糁糇紧絷纟纠纡红纣纤纥约级纨纩纪纫纬纭纮纯纰纱纲纳纴纵纶纷纸纹纺纻纼纽纾线绀绁绂练组绅细织终绉绊绋绌绍绎经绐绑绒结绔绕绖绗绘给绚绛络绝绞统绠绡绢绣绤绥绦继绨绩绪绫绬续绮绯绰绱绲绳维绵绶绷绸绹绺绻综绽绾绿缀缁缂缃缄缅缆缇缈缉缊缋缌缍缎缏缐缑缒缓缔缕编缗缘缙缚缛缜缝缞缟缠缡缢缣缤缥缦缧缨缩缪缫缬缭缮缯缰缱缲缳缴缵罂网罗罚罢罴羁羟羡翘翙翚耢耧耸耻聂聋职聍联聩聪肃肠肤肷肾肿胀胁胆胜胧胨胪胫胶脉脍脏脐脑脓脔脚脱脶脸腊腌腘腭腻腼腽腾膑臜舆舣舰舱舻艰艳艹艺节芈芗芜芦苁苇苈苋苌苍苎苏苘苹茎茏茑茔茕茧荆荐荙荚荛荜荞荟荠荡荣荤荥荦荧荨荩荪荫荬荭荮药莅莜莱莲莳莴莶获莸莹莺莼萚萝萤营萦萧萨葱蒇蒉蒋蒌蓝蓟蓠蓣蓥蓦蔷蔹蔺蔼蕲蕴薮藁藓虏虑虚虫虬虮虽虾虿蚀蚁蚂蚕蚝蚬蛊蛎蛏蛮蛰蛱蛲蛳蛴蜕蜗蜡蝇蝈蝉蝎蝼蝾螀螨蟏衅衔补衬衮袄袅袆袜袭袯装裆裈裢裣裤裥褛褴襁襕见观觃规觅视觇览觉觊觋觌觍觎觏觐觑觞触觯詟誉誊讠计订讣认讥讦讧讨让讪讫训议讯记讱讲讳讴讵讶讷许讹论讻讼讽设访诀证诂诃评诅识诇诈诉诊诋诌词诎诏诐译诒诓诔试诖诗诘诙诚诛诜话诞诟诠诡询诣诤该详诧诨诩诪诫诬语诮误诰诱诲诳说诵诶请诸诹诺读诼诽课诿谀谁谂调谄谅谆谇谈谊谋谌谍谎谏谐谑谒谓谔谕谖谗谘谙谚谛谜谝谞谟谠谡谢谣谤谥谦谧谨谩谪谫谬谭谮谯谰谱谲谳谴谵谶谷豮贝贞负贠贡财责贤败账货质贩贪贫贬购贮贯贰贱贲贳贴贵贶贷贸费贺贻贼贽贾贿赀赁赂赃资赅赆赇赈赉赊赋赌赍赎赏赐赑赒赓赔赕赖赗赘赙赚赛赜赝赞赟赠赡赢赣赪赵赶趋趱趸跃跄跖跞践跶跷跸跹跻踊踌踪踬踯蹑蹒蹰蹿躏躜躯车轧轨轩轪轫转轭轮软轰轱轲轳轴轵轶轷轸轹轺轻轼载轾轿辀辁辂较辄辅辆辇辈辉辊辋辌辍辎辏辐辑辒输辔辕辖辗辘辙辚辞辩辫边辽达迁过迈运还这进远违连迟迩迳迹适选逊递逦逻遗遥邓邝邬邮邹邺邻郁郄郏郐郑郓郦郧郸酝酦酱酽酾酿释里鉅鉴銮錾钆钇针钉钊钋钌钍钎钏钐钑钒钓钔钕钖钗钘钙钚钛钝钞钟钠钡钢钣钤钥钦钧钨钩钪钫钬钭钮钯钰钱钲钳钴钵钶钷钸钹钺钻钼钽钾钿铀铁铂铃铄铅铆铈铉铊铋铍铎铏铐铑铒铕铗铘铙铚铛铜铝铞铟铠铡铢铣铤铥铦铧铨铪铫铬铭铮铯铰铱铲铳铴铵银铷铸铹铺铻铼铽链铿销锁锂锃锄锅锆锇锈锉锊锋锌锍锎锏锐锑锒锓锔锕锖锗错锚锜锞锟锠锡锢锣锤锥锦锨锩锫锬锭键锯锰锱锲锳锴锵锶锷锸锹锺锻锼锽锾锿镀镁镂镃镆镇镈镉镊镌镍镎镏镐镑镒镕镖镗镙镚镛镜镝镞镟镠镡镢镣镤镥镦镧镨镩镪镫镬镭镮镯镰镱镲镳镴镶长门闩闪闫闬闭问闯闰闱闲闳间闵闶闷闸闹闺闻闼闽闾闿阀阁阂阃阄阅阆阇阈阉阊阋阌阍阎阏阐阑阒阓阔阕阖阗阘阙阚阛队阳阴阵阶际陆陇陈陉陕陧陨险随隐隶隽难雏雠雳雾霁霉霭靓静靥鞑鞒鞯鞴韦韧韨韩韪韫韬韵页顶顷顸项顺须顼顽顾顿颀颁颂颃预颅领颇颈颉颊颋颌颍颎颏颐频颒颓颔颕颖颗题颙颚颛颜额颞颟颠颡颢颣颤颥颦颧风飏飐飑飒飓飔飕飖飗飘飙飚飞飨餍饤饥饦饧饨饩饪饫饬饭饮饯饰饱饲饳饴饵饶饷饸饹饺饻饼饽饾饿馀馁馂馃馄馅馆馇馈馉馊馋馌馍馎馏馐馑馒馓馔馕马驭驮驯驰驱驲驳驴驵驶驷驸驹驺驻驼驽驾驿骀骁骂骃骄骅骆骇骈骉骊骋验骍骎骏骐骑骒骓骔骕骖骗骘骙骚骛骜骝骞骟骠骡骢骣骤骥骦骧髅髋髌鬓魇魉鱼鱽鱾鱿鲀鲁鲂鲄鲅鲆鲇鲈鲉鲊鲋鲌鲍鲎鲏鲐鲑鲒鲓鲔鲕鲖鲗鲘鲙鲚鲛鲜鲝鲞鲟鲠鲡鲢鲣鲤鲥鲦鲧鲨鲩鲪鲫鲬鲭鲮鲯鲰鲱鲲鲳鲴鲵鲶鲷鲸鲹鲺鲻鲼鲽鲾鲿鳀鳁鳂鳃鳄鳅鳆鳇鳈鳉鳊鳋鳌鳍鳎鳏鳐鳑鳒鳓鳔鳕鳖鳗鳘鳙鳛鳜鳝鳞鳟鳠鳡鳢鳣鸟鸠鸡鸢鸣鸤鸥鸦鸧鸨鸩鸪鸫鸬鸭鸮鸯鸰鸱鸲鸳鸴鸵鸶鸷鸸鸹鸺鸻鸼鸽鸾鸿鹀鹁鹂鹃鹄鹅鹆鹇鹈鹉鹊鹋鹌鹍鹎鹏鹐鹑鹒鹓鹔鹕鹖鹗鹘鹚鹛鹜鹝鹞鹟鹠鹡鹢鹣鹤鹥鹦鹧鹨鹩鹪鹫鹬鹭鹯鹰鹱鹲鹳鹴鹾麦麸黄黉黡黩黪黾龙历志制一台皋准复猛钟注范签'
+ const FTPYStr = () => '萬與醜專業叢東絲丟兩嚴喪個爿豐臨為麗舉麼義烏樂喬習鄉書買亂爭於虧雲亙亞產畝親褻嚲億僅從侖倉儀們價眾優夥會傴傘偉傳傷倀倫傖偽佇體餘傭僉俠侶僥偵側僑儈儕儂俁儔儼倆儷儉債傾傯僂僨償儻儐儲儺兒兌兗黨蘭關興茲養獸囅內岡冊寫軍農塚馮衝決況凍淨淒涼淩減湊凜幾鳳鳧憑凱擊氹鑿芻劃劉則剛創刪別剗剄劊劌剴劑剮劍剝劇勸辦務勱動勵勁勞勢勳猛勩勻匭匱區醫華協單賣盧鹵臥衛卻巹廠廳曆厲壓厭厙廁廂厴廈廚廄廝縣參靉靆雙發變敘疊葉號歎嘰籲後嚇呂嗎唚噸聽啟吳嘸囈嘔嚦唄員咼嗆嗚詠哢嚨嚀噝吒噅鹹呱響啞噠嘵嗶噦嘩噲嚌噥喲嘜嗊嘮啢嗩唕喚呼嘖嗇囀齧囉嘽嘯噴嘍嚳囁嗬噯噓嚶囑嚕劈囂謔團園囪圍圇國圖圓聖壙場阪壞塊堅壇壢壩塢墳墜壟壟壚壘墾坰堊墊埡墶壋塏堖塒塤堝墊垵塹墮壪牆壯聲殼壺壼處備複夠頭誇夾奪奩奐奮獎奧妝婦媽嫵嫗媯姍薑婁婭嬈嬌孌娛媧嫻嫿嬰嬋嬸媼嬡嬪嬙嬤孫學孿寧寶實寵審憲宮寬賓寢對尋導壽將爾塵堯尷屍盡層屭屜屆屬屢屨嶼歲豈嶇崗峴嶴嵐島嶺嶽崠巋嶨嶧峽嶢嶠崢巒嶗崍嶮嶄嶸嶔崳嶁脊巔鞏巰幣帥師幃帳簾幟帶幀幫幬幘幗冪襆幹並廣莊慶廬廡庫應廟龐廢廎廩開異棄張彌弳彎彈強歸當錄彠彥徹徑徠禦憶懺憂愾懷態慫憮慪悵愴憐總懟懌戀懇惡慟懨愷惻惱惲悅愨懸慳憫驚懼慘懲憊愜慚憚慣湣慍憤憒願懾憖怵懣懶懍戇戔戲戧戰戩戶紮撲扡執擴捫掃揚擾撫拋摶摳掄搶護報擔擬攏揀擁攔擰撥擇掛摯攣掗撾撻挾撓擋撟掙擠揮撏撈損撿換搗據撚擄摑擲撣摻摜摣攬撳攙擱摟攪攜攝攄擺搖擯攤攖撐攆擷擼攛擻攢敵斂數齋斕鬥斬斷無舊時曠暘曇晝曨顯晉曬曉曄暈暉暫曖劄術樸機殺雜權條來楊榪傑極構樅樞棗櫪梘棖槍楓梟櫃檸檉梔柵標棧櫛櫳棟櫨櫟欄樹棲樣欒棬椏橈楨檔榿橋樺檜槳樁夢檮棶檢欞槨櫝槧欏橢樓欖櫬櫚櫸檟檻檳櫧橫檣櫻櫫櫥櫓櫞簷檁歡歟歐殲歿殤殘殞殮殫殯毆毀轂畢斃氈毿氌氣氫氬氳彙漢汙湯洶遝溝沒灃漚瀝淪滄渢溈滬濔濘淚澩瀧瀘濼瀉潑澤涇潔灑窪浹淺漿澆湞溮濁測澮濟瀏滻渾滸濃潯濜塗湧濤澇淶漣潿渦溳渙滌潤澗漲澀澱淵淥漬瀆漸澠漁瀋滲溫遊灣濕潰濺漵漊潷滾滯灩灄滿瀅濾濫灤濱灘澦濫瀠瀟瀲濰潛瀦瀾瀨瀕灝滅燈靈災燦煬爐燉煒熗點煉熾爍爛烴燭煙煩燒燁燴燙燼熱煥燜燾煆糊溜愛爺牘犛牽犧犢強狀獷獁猶狽麅獮獰獨狹獅獪猙獄猻獫獵獼玀豬貓蝟獻獺璣璵瑒瑪瑋環現瑲璽瑉玨琺瓏璫琿璡璉瑣瓊瑤璦璿瓔瓚甕甌電畫暢佘疇癤療瘧癘瘍鬁瘡瘋皰屙癰痙癢瘂癆瘓癇癡癉瘮瘞瘺癟癱癮癭癩癬癲臒皚皺皸盞鹽監蓋盜盤瞘眥矓著睜睞瞼瞞矚矯磯礬礦碭碼磚硨硯碸礪礱礫礎硜矽碩硤磽磑礄確鹼礙磧磣堿镟滾禮禕禰禎禱禍稟祿禪離禿稈種積稱穢穠穭稅穌穩穡窮竊竅窯竄窩窺竇窶豎競篤筍筆筧箋籠籩築篳篩簹箏籌簽簡籙簀篋籜籮簞簫簣簍籃籬籪籟糴類秈糶糲粵糞糧糝餱緊縶糸糾紆紅紂纖紇約級紈纊紀紉緯紜紘純紕紗綱納紝縱綸紛紙紋紡紵紖紐紓線紺絏紱練組紳細織終縐絆紼絀紹繹經紿綁絨結絝繞絰絎繪給絢絳絡絕絞統綆綃絹繡綌綏絛繼綈績緒綾緓續綺緋綽緔緄繩維綿綬繃綢綯綹綣綜綻綰綠綴緇緙緗緘緬纜緹緲緝縕繢緦綞緞緶線緱縋緩締縷編緡緣縉縛縟縝縫縗縞纏縭縊縑繽縹縵縲纓縮繆繅纈繚繕繒韁繾繰繯繳纘罌網羅罰罷羆羈羥羨翹翽翬耮耬聳恥聶聾職聹聯聵聰肅腸膚膁腎腫脹脅膽勝朧腖臚脛膠脈膾髒臍腦膿臠腳脫腡臉臘醃膕齶膩靦膃騰臏臢輿艤艦艙艫艱豔艸藝節羋薌蕪蘆蓯葦藶莧萇蒼苧蘇檾蘋莖蘢蔦塋煢繭荊薦薘莢蕘蓽蕎薈薺蕩榮葷滎犖熒蕁藎蓀蔭蕒葒葤藥蒞蓧萊蓮蒔萵薟獲蕕瑩鶯蓴蘀蘿螢營縈蕭薩蔥蕆蕢蔣蔞藍薊蘺蕷鎣驀薔蘞藺藹蘄蘊藪槁蘚虜慮虛蟲虯蟣雖蝦蠆蝕蟻螞蠶蠔蜆蠱蠣蟶蠻蟄蛺蟯螄蠐蛻蝸蠟蠅蟈蟬蠍螻蠑螿蟎蠨釁銜補襯袞襖嫋褘襪襲襏裝襠褌褳襝褲襇褸襤繈襴見觀覎規覓視覘覽覺覬覡覿覥覦覯覲覷觴觸觶讋譽謄訁計訂訃認譏訐訌討讓訕訖訓議訊記訒講諱謳詎訝訥許訛論訩訟諷設訪訣證詁訶評詛識詗詐訴診詆謅詞詘詔詖譯詒誆誄試詿詩詰詼誠誅詵話誕詬詮詭詢詣諍該詳詫諢詡譸誡誣語誚誤誥誘誨誑說誦誒請諸諏諾讀諑誹課諉諛誰諗調諂諒諄誶談誼謀諶諜謊諫諧謔謁謂諤諭諼讒諮諳諺諦謎諞諝謨讜謖謝謠謗諡謙謐謹謾謫譾謬譚譖譙讕譜譎讞譴譫讖穀豶貝貞負貟貢財責賢敗賬貨質販貪貧貶購貯貫貳賤賁貰貼貴貺貸貿費賀貽賊贄賈賄貲賃賂贓資賅贐賕賑賚賒賦賭齎贖賞賜贔賙賡賠賧賴賵贅賻賺賽賾贗讚贇贈贍贏贛赬趙趕趨趲躉躍蹌蹠躒踐躂蹺蹕躚躋踴躊蹤躓躑躡蹣躕躥躪躦軀車軋軌軒軑軔轉軛輪軟轟軲軻轤軸軹軼軤軫轢軺輕軾載輊轎輈輇輅較輒輔輛輦輩輝輥輞輬輟輜輳輻輯轀輸轡轅轄輾轆轍轔辭辯辮邊遼達遷過邁運還這進遠違連遲邇逕跡適選遜遞邐邏遺遙鄧鄺鄔郵鄒鄴鄰鬱郤郟鄶鄭鄆酈鄖鄲醞醱醬釅釃釀釋裏钜鑒鑾鏨釓釔針釘釗釙釕釷釺釧釤鈒釩釣鍆釹鍚釵鈃鈣鈈鈦鈍鈔鍾鈉鋇鋼鈑鈐鑰欽鈞鎢鉤鈧鈁鈥鈄鈕鈀鈺錢鉦鉗鈷缽鈳鉕鈽鈸鉞鑽鉬鉭鉀鈿鈾鐵鉑鈴鑠鉛鉚鈰鉉鉈鉍鈹鐸鉶銬銠鉺銪鋏鋣鐃銍鐺銅鋁銱銦鎧鍘銖銑鋌銩銛鏵銓鉿銚鉻銘錚銫鉸銥鏟銃鐋銨銀銣鑄鐒鋪鋙錸鋱鏈鏗銷鎖鋰鋥鋤鍋鋯鋨鏽銼鋝鋒鋅鋶鐦鐧銳銻鋃鋟鋦錒錆鍺錯錨錡錁錕錩錫錮鑼錘錐錦鍁錈錇錟錠鍵鋸錳錙鍥鍈鍇鏘鍶鍔鍤鍬鍾鍛鎪鍠鍰鎄鍍鎂鏤鎡鏌鎮鎛鎘鑷鐫鎳鎿鎦鎬鎊鎰鎔鏢鏜鏍鏰鏞鏡鏑鏃鏇鏐鐔钁鐐鏷鑥鐓鑭鐠鑹鏹鐙鑊鐳鐶鐲鐮鐿鑔鑣鑞鑲長門閂閃閆閈閉問闖閏闈閑閎間閔閌悶閘鬧閨聞闥閩閭闓閥閣閡閫鬮閱閬闍閾閹閶鬩閿閽閻閼闡闌闃闠闊闋闔闐闒闕闞闤隊陽陰陣階際陸隴陳陘陝隉隕險隨隱隸雋難雛讎靂霧霽黴靄靚靜靨韃鞽韉韝韋韌韍韓韙韞韜韻頁頂頃頇項順須頊頑顧頓頎頒頌頏預顱領頗頸頡頰頲頜潁熲頦頤頻頮頹頷頴穎顆題顒顎顓顏額顳顢顛顙顥纇顫顬顰顴風颺颭颮颯颶颸颼颻飀飄飆飆飛饗饜飣饑飥餳飩餼飪飫飭飯飲餞飾飽飼飿飴餌饒餉餄餎餃餏餅餑餖餓餘餒餕餜餛餡館餷饋餶餿饞饁饃餺餾饈饉饅饊饌饢馬馭馱馴馳驅馹駁驢駔駛駟駙駒騶駐駝駑駕驛駘驍罵駰驕驊駱駭駢驫驪騁驗騂駸駿騏騎騍騅騌驌驂騙騭騤騷騖驁騮騫騸驃騾驄驏驟驥驦驤髏髖髕鬢魘魎魚魛魢魷魨魯魴魺鮁鮃鯰鱸鮋鮓鮒鮊鮑鱟鮍鮐鮭鮚鮳鮪鮞鮦鰂鮜鱠鱭鮫鮮鮺鯗鱘鯁鱺鰱鰹鯉鰣鰷鯀鯊鯇鮶鯽鯒鯖鯪鯕鯫鯡鯤鯧鯝鯢鯰鯛鯨鯵鯴鯔鱝鰈鰏鱨鯷鰮鰃鰓鱷鰍鰒鰉鰁鱂鯿鰠鼇鰭鰨鰥鰩鰟鰜鰳鰾鱈鱉鰻鰵鱅鰼鱖鱔鱗鱒鱯鱤鱧鱣鳥鳩雞鳶鳴鳲鷗鴉鶬鴇鴆鴣鶇鸕鴨鴞鴦鴒鴟鴝鴛鴬鴕鷥鷙鴯鴰鵂鴴鵃鴿鸞鴻鵐鵓鸝鵑鵠鵝鵒鷳鵜鵡鵲鶓鵪鶤鵯鵬鵮鶉鶊鵷鷫鶘鶡鶚鶻鶿鶥鶩鷊鷂鶲鶹鶺鷁鶼鶴鷖鸚鷓鷚鷯鷦鷲鷸鷺鸇鷹鸌鸏鸛鸘鹺麥麩黃黌黶黷黲黽龍歷誌製壹臺臯準復勐鐘註範籤'
+
+ const Traditionalized = cc => {
+ let str = ''
+ const ss = JTPYStr()
+ const tt = FTPYStr()
+ for (let i = 0; i < cc.length; i++) {
+ if (cc.charCodeAt(i) > 10000 && ss.indexOf(cc.charAt(i)) !== -1) {
+ str += tt.charAt(ss.indexOf(cc.charAt(i)))
+ } else str += cc.charAt(i)
+ }
+ return str
+ }
+
+ const Simplized = cc => {
+ let str = ''
+ const ss = JTPYStr()
+ const tt = FTPYStr()
+ for (let i = 0; i < cc.length; i++) {
+ if (cc.charCodeAt(i) > 10000 && tt.indexOf(cc.charAt(i)) !== -1) {
+ str += ss.charAt(tt.indexOf(cc.charAt(i)))
+ } else str += cc.charAt(i)
+ }
+ return str
+ }
+
+ const translateInitialization = () => {
+ if (translateButtonObject) {
+ if (currentEncoding !== targetEncoding) {
+ translateButtonObject.textContent =
+ targetEncoding === 1
+ ? msgToSimplifiedChinese
+ : msgToTraditionalChinese
+ setLang()
+ setTimeout(translateBody, translateDelay)
+ }
+ }
+ }
+
+ window.translateFn = {
+ translatePage,
+ Traditionalized,
+ Simplized,
+ translateInitialization
+ }
+
+ translateInitialization()
+ btf.addGlobalFn('pjaxComplete', translateInitialization, 'translateInitialization')
+})
diff --git a/static/js/utils.js b/static/js/utils.js
new file mode 100644
index 0000000..1dd5386
--- /dev/null
+++ b/static/js/utils.js
@@ -0,0 +1,338 @@
+(() => {
+ const btfFn = {
+ debounce: (func, wait = 0, immediate = false) => {
+ let timeout
+ return (...args) => {
+ const later = () => {
+ timeout = null
+ if (!immediate) func(...args)
+ }
+ const callNow = immediate && !timeout
+ clearTimeout(timeout)
+ timeout = setTimeout(later, wait)
+ if (callNow) func(...args)
+ }
+ },
+
+ throttle: (func, wait, options = {}) => {
+ let timeout, args
+ let previous = 0
+
+ const later = () => {
+ previous = options.leading === false ? 0 : new Date().getTime()
+ timeout = null
+ func(...args)
+ if (!timeout) args = null
+ }
+
+ return (...params) => {
+ const now = new Date().getTime()
+ if (!previous && options.leading === false) previous = now
+ const remaining = wait - (now - previous)
+ args = params
+
+ if (remaining <= 0 || remaining > wait) {
+ if (timeout) {
+ clearTimeout(timeout)
+ timeout = null
+ }
+ previous = now
+ func(...args)
+ if (!timeout) args = null
+ } else if (!timeout && options.trailing !== false) {
+ timeout = setTimeout(later, remaining)
+ }
+ }
+ },
+
+ overflowPaddingR: {
+ add: () => {
+ const paddingRight = window.innerWidth - document.body.clientWidth
+
+ if (paddingRight > 0) {
+ document.body.style.paddingRight = `${paddingRight}px`
+ document.body.style.overflow = 'hidden'
+ const menuElement = document.querySelector('#page-header.nav-fixed #menus')
+ if (menuElement) {
+ menuElement.style.paddingRight = `${paddingRight}px`
+ }
+ }
+ },
+ remove: () => {
+ document.body.style.paddingRight = ''
+ document.body.style.overflow = ''
+ const menuElement = document.querySelector('#page-header.nav-fixed #menus')
+ if (menuElement) {
+ menuElement.style.paddingRight = ''
+ }
+ }
+ },
+
+ snackbarShow: (text, showAction = false, duration = 2000) => {
+ const { position, bgLight, bgDark } = GLOBAL_CONFIG.Snackbar
+ const bg = document.documentElement.getAttribute('data-theme') === 'light' ? bgLight : bgDark
+ Snackbar.show({
+ text,
+ backgroundColor: bg,
+ showAction,
+ duration,
+ pos: position,
+ customClass: 'snackbar-css'
+ })
+ },
+
+ diffDate: (inputDate, more = false) => {
+ const dateNow = new Date()
+ const datePost = new Date(inputDate)
+ const diffMs = dateNow - datePost
+ const diffSec = diffMs / 1000
+ const diffMin = diffSec / 60
+ const diffHour = diffMin / 60
+ const diffDay = diffHour / 24
+ const diffMonth = diffDay / 30
+ const { dateSuffix } = GLOBAL_CONFIG
+
+ if (!more) return Math.floor(diffDay)
+
+ if (diffMonth > 12) return datePost.toISOString().slice(0, 10)
+ if (diffMonth >= 1) return `${Math.floor(diffMonth)} ${dateSuffix.month}`
+ if (diffDay >= 1) return `${Math.floor(diffDay)} ${dateSuffix.day}`
+ if (diffHour >= 1) return `${Math.floor(diffHour)} ${dateSuffix.hour}`
+ if (diffMin >= 1) return `${Math.floor(diffMin)} ${dateSuffix.min}`
+ return dateSuffix.just
+ },
+
+ loadComment: (dom, callback) => {
+ if ('IntersectionObserver' in window) {
+ const observerItem = new IntersectionObserver(entries => {
+ if (entries[0].isIntersecting) {
+ callback()
+ observerItem.disconnect()
+ }
+ }, { threshold: [0] })
+ observerItem.observe(dom)
+ } else {
+ callback()
+ }
+ },
+
+ scrollToDest: (pos, time = 500) => {
+ const currentPos = window.scrollY
+ const isNavFixed = document.getElementById('page-header').classList.contains('fixed')
+ if (currentPos > pos || isNavFixed) pos = pos - 70
+
+ if ('scrollBehavior' in document.documentElement.style) {
+ window.scrollTo({
+ top: pos,
+ behavior: 'smooth'
+ })
+ return
+ }
+
+ const startTime = performance.now()
+ const animate = currentTime => {
+ const timeElapsed = currentTime - startTime
+ const progress = Math.min(timeElapsed / time, 1)
+ window.scrollTo(0, currentPos + (pos - currentPos) * progress)
+ if (progress < 1) {
+ requestAnimationFrame(animate)
+ }
+ }
+ requestAnimationFrame(animate)
+ },
+
+ animateIn: (ele, animation) => {
+ ele.style.display = 'block'
+ ele.style.animation = animation
+ },
+
+ animateOut: (ele, animation) => {
+ const handleAnimationEnd = () => {
+ ele.style.display = ''
+ ele.style.animation = ''
+ ele.removeEventListener('animationend', handleAnimationEnd)
+ }
+ ele.addEventListener('animationend', handleAnimationEnd)
+ ele.style.animation = animation
+ },
+
+ wrap: (selector, eleType, options) => {
+ const createEle = document.createElement(eleType)
+ for (const [key, value] of Object.entries(options)) {
+ createEle.setAttribute(key, value)
+ }
+ selector.parentNode.insertBefore(createEle, selector)
+ createEle.appendChild(selector)
+ },
+
+ isHidden: ele => ele.offsetHeight === 0 && ele.offsetWidth === 0,
+
+ getEleTop: ele => ele.getBoundingClientRect().top + window.scrollY,
+
+ loadLightbox: ele => {
+ const service = GLOBAL_CONFIG.lightbox
+
+ if (service === 'medium_zoom') {
+ mediumZoom(ele, { background: 'var(--zoom-bg)' })
+ return
+ }
+
+ if (service === 'fancybox') {
+ ele.forEach(i => {
+ if (i.parentNode.tagName !== 'A') {
+ const dataSrc = i.dataset.lazySrc || i.src
+ const dataCaption = i.title || i.alt || ''
+ btf.wrap(i, 'a', { href: dataSrc, 'data-fancybox': 'gallery', 'data-caption': dataCaption, 'data-thumb': dataSrc })
+ }
+ })
+
+ if (!window.fancyboxRun) {
+ let options = ''
+ if (Fancybox.version < '6') {
+ options = {
+ Hash: false,
+ Thumbs: {
+ showOnStart: false
+ },
+ Images: {
+ Panzoom: {
+ maxScale: 4
+ }
+ },
+ Carousel: {
+ transition: 'slide'
+ },
+ Toolbar: {
+ display: {
+ left: ['infobar'],
+ middle: [
+ 'zoomIn',
+ 'zoomOut',
+ 'toggle1to1',
+ 'rotateCCW',
+ 'rotateCW',
+ 'flipX',
+ 'flipY'
+ ],
+ right: ['slideshow', 'thumbs', 'close']
+ }
+ }
+ }
+ } else {
+ options = {
+ Hash: false,
+ Carousel: {
+ transition: 'slide',
+ Thumbs: {
+ showOnStart: false
+ },
+ Toolbar: {
+ display: {
+ left: ['counter'],
+ middle: [
+ 'zoomIn',
+ 'zoomOut',
+ 'toggle1to1',
+ 'rotateCCW',
+ 'rotateCW',
+ 'flipX',
+ 'flipY',
+ 'reset'
+ ],
+ right: ['autoplay', 'thumbs', 'close']
+ }
+ },
+ Zoomable: {
+ Panzoom: {
+ maxScale: 4
+ }
+ }
+ }
+ }
+ }
+
+ Fancybox.bind('[data-fancybox]', options)
+ window.fancyboxRun = true
+ }
+ }
+ },
+
+ setLoading: {
+ add: ele => {
+ const html = `
+
+
+ `
+ ele.insertAdjacentHTML('afterend', html)
+ },
+ remove: ele => {
+ ele.nextElementSibling.remove()
+ }
+ },
+
+ updateAnchor: anchor => {
+ if (anchor !== window.location.hash) {
+ if (!anchor) anchor = location.pathname
+ const title = GLOBAL_CONFIG_SITE.title
+ window.history.replaceState({
+ url: location.href,
+ title
+ }, title, anchor)
+ }
+ },
+
+ getScrollPercent: (() => {
+ let docHeight, winHeight, headerHeight, contentMath
+
+ return (currentTop, ele) => {
+ if (!docHeight || ele.clientHeight !== docHeight) {
+ docHeight = ele.clientHeight
+ winHeight = window.innerHeight
+ headerHeight = ele.offsetTop
+ contentMath = Math.max(docHeight - winHeight, document.documentElement.scrollHeight - winHeight)
+ }
+
+ const scrollPercent = (currentTop - headerHeight) / contentMath
+ return Math.max(0, Math.min(100, Math.round(scrollPercent * 100)))
+ }
+ })(),
+
+ addEventListenerPjax: (ele, event, fn, option = false) => {
+ ele.addEventListener(event, fn, option)
+ btf.addGlobalFn('pjaxSendOnce', () => {
+ ele.removeEventListener(event, fn, option)
+ })
+ },
+
+ removeGlobalFnEvent: (key, parent = window) => {
+ const globalFn = parent.globalFn || {}
+ const keyObj = globalFn[key]
+ if (!keyObj) return
+
+ Object.keys(keyObj).forEach(i => keyObj[i]())
+
+ delete globalFn[key]
+ },
+
+ switchComments: (el = document, path) => {
+ const switchBtn = el.querySelector('#switch-btn')
+ if (!switchBtn) return
+
+ let switchDone = false
+ const postComment = el.querySelector('#post-comment')
+ const handleSwitchBtn = () => {
+ postComment.classList.toggle('move')
+ if (!switchDone && typeof loadOtherComment === 'function') {
+ switchDone = true
+ loadOtherComment(el, path)
+ }
+ }
+ btf.addEventListenerPjax(switchBtn, 'click', handleSwitchBtn)
+ }
+ }
+
+ window.btf = { ...window.btf, ...btfFn }
+})()
diff --git a/static/js/weather.js b/static/js/weather.js
new file mode 100644
index 0000000..c2876c6
--- /dev/null
+++ b/static/js/weather.js
@@ -0,0 +1,204 @@
+// weather.js
+
+(function () {
+
+ const WEATHER_ID = "aside-weather";
+ const LOCATION_WAIT_MS = 3000;
+ const LOCATION_POLL_INTERVAL_MS = 100;
+ const WEATHER_KEY = "70201debab4245379e376d116b05f8a2";
+ const WEATHER_HOST = "https://ny5vxmbbkd.re.qweatherapi.com";
+ const WEATHER_LANG = "zh";
+
+ function debugLog(label, payload) {
+ console.log(`[weather.js] ${label}`, payload);
+ }
+
+ function maskSecret(secret) {
+ if (!secret || secret.length < 10) return secret;
+ return `${secret.slice(0, 4)}***${secret.slice(-4)}`;
+ }
+
+ function readExistingLocation() {
+ return window.ipLocation?.result?.location || null;
+ }
+
+ function waitForExistingLocation(timeout = LOCATION_WAIT_MS) {
+ return new Promise((resolve, reject) => {
+ const existingLocation = readExistingLocation();
+ if (existingLocation) {
+ resolve(existingLocation);
+ return;
+ }
+
+ const startTime = Date.now();
+ const timer = window.setInterval(() => {
+ const location = readExistingLocation();
+ if (location) {
+ window.clearInterval(timer);
+ resolve(location);
+ return;
+ }
+
+ if (Date.now() - startTime >= timeout) {
+ window.clearInterval(timer);
+ reject(new Error("等待 ipLocation 超时"));
+ }
+ }, LOCATION_POLL_INTERVAL_MS);
+ });
+ }
+
+ function requestLocationFallback() {
+ return new Promise((resolve, reject) => {
+ if (!window.$?.ajax) {
+ reject(new Error("jQuery 未加载，无法执行定位兜底请求"));
+ return;
+ }
+
+ $.ajax({
+ type: 'get',
+ url: 'https://apis.map.qq.com/ws/location/v1/ip',
+ data: {
+ key: '你的key',
+ output: 'jsonp',
+ callback: '?',
+ },
+ dataType: 'jsonp',
+ success: function (res) {
+ debugLog("定位兜底返回", res);
+ if (res && res.status === 0 && res.result?.location) {
+ window.ipLocation = res;
+ resolve(res.result.location);
+ } else {
+ reject(new Error("定位失败"));
+ }
+ },
+ error: function () {
+ reject(new Error("定位请求失败"));
+ }
+ });
+ });
+ }
+
+ function getLocation() {
+ return waitForExistingLocation()
+ .then(location => {
+ debugLog("使用 txmap.js 定位", location);
+ return location;
+ })
+ .catch(error => {
+ debugLog("等待 txmap.js 定位失败，转兜底请求", error);
+ return requestLocationFallback();
+ });
+ }
+
+
+ function getWeather(lng, lat) {
+ const location = `${lng.toFixed(2)},${lat.toFixed(2)}`;
+ const params = new URLSearchParams({
+ location,
+ lang: WEATHER_LANG,
+ key: WEATHER_KEY
+ });
+ const requestUrl = `${WEATHER_HOST}/v7/weather/now?${params.toString()}`;
+
+ debugLog("天气请求参数", {
+ host: WEATHER_HOST,
+ location,
+ lang: WEATHER_LANG,
+ key: maskSecret(WEATHER_KEY)
+ });
+
+ return fetch(requestUrl, {
+ headers: {
+ Accept: "application/json"
+ }
+ }).then(async res => {
+ const responseText = await res.text();
+ let data;
+
+ try {
+ data = JSON.parse(responseText);
+ } catch (parseError) {
+ debugLog("天气接口返回非 JSON", {
+ status: res.status,
+ statusText: res.statusText,
+ body: responseText
+ });
+ throw new Error(`天气接口返回非 JSON，HTTP ${res.status}`);
+ }
+
+ debugLog("天气接口响应", {
+ status: res.status,
+ statusText: res.statusText,
+ body: data
+ });
+
+ if (!res.ok) {
+ const detail = data?.error?.detail || data?.msg || `HTTP ${res.status}`;
+ throw new Error(`天气接口请求失败：${detail}`);
+ }
+
+ return data;
+ });
+ }
+
+
+ function renderWeather(data) {
+ const el = document.getElementById(WEATHER_ID);
+ if (!el) return;
+
+ if (data.code !== "200") {
+ debugLog("天气接口业务错误", data);
+ el.innerHTML = `天气获取失败：${data.code || "未知错误"}`;
+ return;
+ }
+
+ const now = data.now;
+
+ const emojiMap = {
+ "晴": "☀️",
+ "多云": "⛅",
+ "阴": "☁️",
+ "雨": "🌧️",
+ "雪": "❄️",
+ "雷": "⛈️"
+ };
+
+ const emoji = emojiMap[now.text] || "🌡️";
+ const weatherSentence = `当前天气${now.text}，气温${now.temp}℃，体感${now.feelsLike}℃，${now.windDir}${now.windScale}级，湿度${now.humidity}%，能见度${now.vis}km。`;
+
+ el.innerHTML = `
+
+
+
+
+
+ `;
+ }
+
+
+ function initWeather() {
+ const el = document.getElementById(WEATHER_ID);
+ if (!el) return;
+
+ el.innerHTML = "🌥️ 获取天气中...";
+
+ getLocation()
+ .then(loc => getWeather(loc.lng, loc.lat))
+ .then(renderWeather)
+ .catch(err => {
+ console.error("[weather.js] 天气加载失败", err);
+ el.innerHTML = `🌧️ 天气加载失败：${err.message || "未知错误"}`;
+ });
+ }
+
+
+ // 🚀 初次加载
+ window.addEventListener("load", initWeather);
+
+ // 🔄 pjax
+ document.addEventListener("pjax:complete", initWeather);
+
+})();
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..c5450d3
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,9 @@
+{
+ "extends": "astro/tsconfigs/strict",
+ "compilerOptions": {
+ "baseUrl": ".",
+ "paths": {
+ "@/*": ["src/*"]
+ }
+ }
+}
+
+
+ ${weatherSentence}
+
+