(() => { const enhanceHome = () => { if (location.pathname !== '/') return const hero = document.querySelector("main [class~='lg:h-dvh']") if (!hero) return if (!hero.querySelector('.lk-hero-actions')) { const description = [...hero.querySelectorAll('span')].find((node) => node.textContent?.includes('代码、漏洞与 AI'), ) const descriptionRow = description?.parentElement if (descriptionRow) { const actions = document.createElement('div') actions.className = 'lk-hero-actions' actions.innerHTML = [ '阅读文章 ', '关于我', ].join('') const tags = document.createElement('div') tags.className = 'lk-hero-tags' tags.setAttribute('aria-label', '关注方向') tags.innerHTML = ['CTF', 'Reverse Engineering', 'Cyber Security', 'AI Explorer'] .map((tag) => `${tag}`) .join('') descriptionRow.insertAdjacentElement('afterend', actions) actions.insertAdjacentElement('afterend', tags) } } if (!document.querySelector('.lk-featured')) { const postItems = [...document.querySelectorAll('main .shiro-timeline li')] .filter((item) => item.querySelector('a[href^="/posts/"]')) .slice(0, 3) if (postItems.length) { const section = document.createElement('section') section.className = 'lk-featured' section.setAttribute('aria-label', '精选文章') const heading = document.createElement('div') heading.className = 'lk-featured-heading' heading.innerHTML = '

值得一读

查看全部文章 →' const grid = document.createElement('div') grid.className = 'lk-featured-grid' postItems.forEach((item, index) => { const source = item.querySelector('a[href^="/posts/"]') const postTitle = source.textContent.trim() const date = item.querySelector('span')?.textContent.trim() || '最近更新' const isAI = /\bAI\b|模型/i.test(postTitle) const isCTF = /WriteUp|CTF|杯|安全大赛/i.test(postTitle) const tone = isAI ? 'ai' : isCTF ? 'ctf' : 'tool' const label = isAI ? 'AI LAB' : isCTF ? 'CTF NOTES' : 'DEV TOOLS' const mark = isAI ? 'AI' : isCTF ? 'CTF' : '' const description = isAI ? '追踪主流模型迭代，整理版本节点与技术变化。' : isCTF ? '记录赛题思路、关键利用点与完整复盘过程。' : '开发环境、效率工具与实践配置的折腾笔记。' const card = document.createElement('a') card.className = 'lk-featured-card' card.href = source.getAttribute('href') card.dataset.tone = tone card.dataset.mark = mark const top = document.createElement('div') top.className = 'lk-featured-top' const badge = document.createElement('span') badge.className = 'lk-featured-badge' badge.textContent = label const dateNode = document.createElement('span') dateNode.className = 'lk-featured-date' dateNode.textContent = date top.append(badge, dateNode) const copy = document.createElement('div') const cardTitle = document.createElement('h3') cardTitle.textContent = postTitle const cardDescription = document.createElement('p') cardDescription.textContent = description copy.append(cardTitle, cardDescription) const arrow = document.createElement('span') arrow.className = 'lk-featured-card-arrow' arrow.textContent = '↗' card.append(top, copy, arrow) grid.append(card) }) section.append(heading, grid) hero.insertAdjacentElement('afterend', section) } } } const startHomeEnhancements = () => { window.setTimeout(() => { enhanceHome() const observer = new MutationObserver(enhanceHome) observer.observe(document.documentElement, { childList: true, subtree: true }) }, 1200) } if (document.readyState === 'complete') startHomeEnhancements() else window.addEventListener('load', startHomeEnhancements, { once: true }) })() ;(() => { const escapeHTML = (value = '') => String(value).replace(/[&<>'"]/g, (char) => ({ '&': '&', '<': '<', '>': '>', "'": ''', '"': '"', })[char]) const enhanceProjects = () => { if (!/^\/projects(?:\/|$)/.test(location.pathname)) return const outer = document.querySelector('main') const shell = outer?.firstElementChild if (!outer || !shell) return shell.classList.add('lk-projects-shell') if (location.pathname === '/projects') { const title = [...shell.querySelectorAll('h1')].find((h) => h.textContent.trim() === '项目') const projectLinks = [...shell.querySelectorAll('a[href^="/projects/"]')] const grid = projectLinks[0]?.parentElement title?.classList.add('lk-projects-original-title') grid?.classList.add('lk-project-grid') if (!shell.querySelector('.lk-projects-hero')) { const hero = document.createElement('section') hero.className = 'lk-projects-hero' hero.innerHTML = `Project laboratory

项目实验室

记录正在构建的安全工具、逆向实验与一些不一定成熟的想法。

${projectLinks.length} 个项目Reverse × Agent持续施工中

` const content = shell.firstElementChild || shell content.insertAdjacentElement('afterbegin', hero) } projectLinks.forEach((card) => { if (card.dataset.lkProjectEnhanced === 'true') return card.dataset.lkProjectEnhanced = 'true' card.classList.add('lk-project-card') const copy = card.querySelector('span') if (copy) { const meta = document.createElement('div') meta.className = 'lk-project-meta' meta.innerHTML = '开发中CTFReverseAgent' copy.append(meta) } }) return } if (shell.dataset.lkProjectDetailLoading === 'true') return shell.dataset.lkProjectDetailLoading = 'true' const id = location.pathname.split('/').filter(Boolean).pop() fetch('/api/v2/projects?size=50') .then((response) => response.ok ? response.json() : Promise.reject()) .then((payload) => payload.data?.find((project) => project.id === id)) .then((project) => { if (!project) return shell.innerHTML = `

Project detail

${escapeHTML((project.name || 'P').slice(0, 1).toUpperCase())}

${escapeHTML(project.name)}

${escapeHTML(project.description || '这个项目仍在整理中，更多内容会在完成后补充。')}

开发中CTFReverseAgent

当前进度36%

← 返回项目列表查看相关记录

` }) .catch(() => {}) } const mountGlobalSearch = () => { if (document.querySelector('#lk-global-search')) return const root = document.createElement('div') root.id = 'lk-global-search' root.innerHTML = ` ` document.body.append(root) const overlay = root.querySelector('.lk-search-overlay') const launcher = root.querySelector('.lk-search-launcher') const input = root.querySelector('.lk-search-input') const results = root.querySelector('.lk-search-results') let index = [] let activeType = 'all' let selected = 0 let loadingPromise = null const loadIndex = () => { if (loadingPromise) return loadingPromise loadingPromise = Promise.all([ fetch('/api/v2/posts?size=50').then((r) => r.json()), fetch('/api/v2/notes?size=50').then((r) => r.json()), fetch('/api/v2/projects?size=50').then((r) => r.json()), ]).then(([posts, notes, projects]) => { const postItems = (posts.data || []).map((item) => ({ type: 'post', label: '文章', icon: '', title: item.title, desc: item.summary || String(item.text || '').replace(/[#>*`\[\]]/g, ' ').replace(/\s+/g, ' ').slice(0, 100), url: `/posts/${item.category?.slug || 'default'}/${encodeURIComponent(item.slug)}`, created: item.created, })) const noteItems = (notes.data || []).map((item) => ({ type: 'note', label: '手记', icon: '✦', title: item.title || '无题手记', desc: String(item.text || '').replace(/[#>*`\[\]]/g, ' ').replace(/\s+/g, ' ').slice(0, 100), url: `/notes/${item.nid}`, created: item.created, })) const projectItems = (projects.data || []).map((item) => ({ type: 'project', label: '项目', icon: 'P', title: item.name, desc: item.description || '项目记录', url: `/projects/${item.id}`, created: item.created, })) index = [...postItems, ...noteItems, ...projectItems].sort((a, b) => new Date(b.created) - new Date(a.created)) return index }).catch(() => { index = [] return index }) return loadingPromise } const highlight = (text, query) => { const safe = escapeHTML(text) if (!query) return safe const pattern = query.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') return safe.replace(new RegExp(`(${pattern})`, 'ig'), '$1') } const render = () => { const query = input.value.trim() const normalized = query.toLowerCase() const filtered = index.filter((item) => { if (activeType !== 'all' && item.type !== activeType) return false return !normalized || `${item.title} ${item.desc}`.toLowerCase().includes(normalized) }).slice(0, 14) selected = Math.min(selected, Math.max(0, filtered.length - 1)) if (!filtered.length) { results.innerHTML = `

${index.length ? '没有找到相关内容。' : '正在建立搜索索引…'}

` return } results.innerHTML = filtered.map((item, i) => `${escapeHTML(item.icon)}${highlight(item.title, query)}${highlight(item.desc, query)}${item.label}`).join('') } const open = () => { overlay.classList.add('is-open') document.documentElement.style.overflow = 'hidden' loadIndex().then(render) window.setTimeout(() => input.focus(), 40) } const close = () => { overlay.classList.remove('is-open') document.documentElement.style.overflow = '' } launcher.addEventListener('click', open) root.querySelector('.lk-search-close').addEventListener('click', close) overlay.addEventListener('click', (event) => { if (event.target === overlay) close() }) input.addEventListener('input', () => { selected = 0; render() }) root.querySelectorAll('.lk-search-tab').forEach((tab) => tab.addEventListener('click', () => { root.querySelectorAll('.lk-search-tab').forEach((item) => item.classList.toggle('is-active', item === tab)) activeType = tab.dataset.type selected = 0 render() })) document.addEventListener('keydown', (event) => { if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 'k') { event.preventDefault() overlay.classList.contains('is-open') ? close() : open() return } if (!overlay.classList.contains('is-open')) return if (event.key === 'Escape') close() if (event.key === 'ArrowDown' || event.key === 'ArrowUp') { event.preventDefault() const items = [...results.querySelectorAll('.lk-search-result')] if (!items.length) return selected = (selected + (event.key === 'ArrowDown' ? 1 : -1) + items.length) % items.length items.forEach((item, i) => item.classList.toggle('is-selected', i === selected)) items[selected].scrollIntoView({ block: 'nearest' }) } if (event.key === 'Enter') results.querySelector('.lk-search-result.is-selected')?.click() }) } const mountLightbox = () => { if (document.querySelector('#lk-lightbox')) return const box = document.createElement('div') box.id = 'lk-lightbox' box.className = 'lk-lightbox' box.innerHTML = `` document.body.append(box) const image = box.querySelector('.lk-lightbox-image') const caption = box.querySelector('.lk-lightbox-caption') const count = box.querySelector('.lk-lightbox-count') const download = box.querySelector('.lk-lightbox-download') let images = [] let active = 0 const collect = (target) => { const scope = target.closest('article, .markdown_md__SEzck') || document images = [...scope.querySelectorAll('img')].filter((img) => !img.closest('a[href*="authjs"]') && !img.classList.contains('lk-no-lightbox')) } const show = (index) => { if (!images.length) return active = (index + images.length) % images.length const source = images[active] const src = source.currentSrc || source.src image.src = src image.alt = source.alt || '' caption.textContent = source.alt || source.closest('figure')?.querySelector('figcaption')?.textContent || '文章图片' count.textContent = `${active + 1} / ${images.length}` download.href = src } const open = (target) => { collect(target) const index = images.indexOf(target) if (index < 0) return show(index) box.classList.add('is-open') document.documentElement.style.overflow = 'hidden' } const close = () => { box.classList.remove('is-open') document.documentElement.style.overflow = '' window.setTimeout(() => { image.removeAttribute('src') }, 180) } document.addEventListener('click', (event) => { const target = event.target.closest?.('article img, .markdown_md__SEzck img') if (!target || target.classList.contains('lk-no-lightbox')) return event.preventDefault() open(target) }) box.querySelector('.lk-lightbox-close').addEventListener('click', close) box.querySelector('.lk-lightbox-prev').addEventListener('click', () => show(active - 1)) box.querySelector('.lk-lightbox-next').addEventListener('click', () => show(active + 1)) image.addEventListener('click', close) box.addEventListener('click', (event) => { if (event.target === box) close() }) document.addEventListener('keydown', (event) => { if (!box.classList.contains('is-open')) return if (event.key === 'Escape') close() if (event.key === 'ArrowLeft') show(active - 1) if (event.key === 'ArrowRight') show(active + 1) }) } const enhance404 = () => { const marker = [...document.querySelectorAll('main *')].find((node) => node.children.length === 0 && node.textContent.includes('这颗星球还没有知识哦')) const main = marker?.closest('main') if (!main || main.dataset.lk404Enhanced === 'true') return main.dataset.lk404Enhanced = 'true' main.className = 'lk-404-page' const path = escapeHTML(location.pathname) main.innerHTML = `

404Signal lost

迷失在二进制世界

没有在当前地址找到内容。也许它被移动、删除，或者还没有被写入这颗星球。

$ locate ${path}
→ no signal found
→ fallback route ready

返回首页浏览文章

` main.querySelector('[data-lk-open-search]').addEventListener('click', () => document.querySelector('.lk-search-launcher')?.click()) } const enhanceExperience = () => { enhanceProjects() mountGlobalSearch() mountLightbox() enhance404() } const start = () => { window.setTimeout(enhanceExperience, 950) window.setInterval(() => { enhanceProjects() enhance404() }, 1600) } if (document.readyState === 'complete') start() else window.addEventListener('load', start, { once: true }) })() ;(() => { const addNotesPolish = () => { if (location.pathname !== '/notes' && !/^\/notes\/\d+/.test(location.pathname)) return const paper = document.querySelector('.note-layout-main') const outer = paper && [...document.querySelectorAll('main')].find((main) => main !== paper && main.contains(paper)) const shell = outer?.firstElementChild if (!paper || !outer || !shell) return outer.classList.add('lk-notes-page') shell.classList.add('lk-notes-shell') paper.classList.add('lk-note-paper') const index = shell.children[0] if (index && index.querySelector('a[href^="/notes/"]')) { index.classList.add('lk-note-index') if (!index.querySelector('.lk-note-index-head')) { index.insertAdjacentHTML('afterbegin', '

Journal archive随手记下的片段

') } } const head = paper.firstElementChild const title = head?.querySelector('h1') if (head && title && head.dataset.lkNoteEnhanced !== 'true') { head.dataset.lkNoteEnhanced = 'true' head.classList.add('lk-note-entry-head') const eyebrow = document.createElement('span') eyebrow.className = 'lk-note-eyebrow' eyebrow.textContent = 'Journal · Lkaros' title.before(eyebrow) } } const addAboutPolish = () => { if (location.pathname !== '/about') return const markdown = document.querySelector('.markdown_md__SEzck') const article = markdown?.closest('article') const hero = article?.querySelector(':scope > header') const pageShell = article?.closest('main')?.firstElementChild if (!markdown || !article || !hero) return pageShell?.classList.add('lk-about-shell') article.classList.add('lk-about-article') markdown.classList.add('lk-about-content') if (hero.dataset.lkAboutEnhanced !== 'true') { hero.dataset.lkAboutEnhanced = 'true' hero.classList.add('lk-about-hero') const title = hero.querySelector('h1') if (title) { title.insertAdjacentHTML('beforebegin', 'Who am I') title.insertAdjacentHTML('afterend', '

在二进制世界里寻找答案，也在这里记录每一次成长。

CTF PlayerReverse EngineeringCyber SecurityKeep Learning

') } } if (markdown.dataset.lkAboutEnhanced === 'true') return markdown.dataset.lkAboutEnhanced = 'true' ;[...markdown.querySelectorAll('p')].filter((p) => p.textContent.trim() === '---').forEach((p) => p.classList.add('lk-about-divider')) const recordHeading = [...markdown.querySelectorAll('h2')].find((h) => h.textContent.includes('博客会记录什么')) const intro = recordHeading?.nextElementSibling if (recordHeading && intro) { const grid = document.createElement('div') grid.className = 'lk-about-grid' let node = intro.nextElementSibling while (node && node.tagName === 'H3') { const heading = node const copy = heading.nextElementSibling const next = copy?.nextElementSibling const card = document.createElement('section') card.className = 'lk-about-card' card.append(heading) if (copy?.tagName === 'P') card.append(copy) grid.append(card) node = next } intro.after(grid) } const contactHeading = [...markdown.querySelectorAll('h2')].find((h) => h.textContent.includes('联系我')) const contactIntro = contactHeading?.nextElementSibling const rawContact = [...markdown.querySelectorAll('p, ul')].find((node) => node.textContent.includes('GitHub：') || node.textContent.includes('Email：')) if (contactIntro) { const contacts = document.createElement('div') contacts.className = 'lk-about-contact-grid' contacts.innerHTML = ` ⌂BLOGlkaros.xin ⌘GITHUBpanda4556 @EMAIL906670705@qq.com ⚑CTFTIMELkaros` contactIntro.after(contacts) } rawContact?.classList.add('lk-about-contact-raw') const tagHeading = [...markdown.querySelectorAll('h2')].find((h) => h.textContent.includes('标签')) const tagLine = tagHeading?.nextElementSibling if (tagLine?.tagName === 'P') { const tags = tagLine.textContent.trim().split(/\s+/).filter(Boolean) tagLine.classList.add('lk-about-tags') tagLine.innerHTML = tags.map((tag) => `${tag}`).join('') } } const addFriendsPolish = () => { if (location.pathname !== '/friends') return const outer = document.querySelector('main') const shell = outer?.firstElementChild const heading = [...document.querySelectorAll('h1')].find((h) => h.textContent.trim() === '朋友们') const hero = heading?.closest('header') || heading?.parentElement const friendMain = shell?.querySelector('main') const friendGrid = friendMain?.querySelector('section') if (!outer || !shell || !hero || !friendGrid) return shell.classList.add('lk-friends-shell') hero.classList.add('lk-friends-hero') friendGrid.classList.add('lk-friend-grid') const friendCards = [...friendGrid.querySelectorAll('a')].filter((a) => a.querySelector('img')) friendCards.forEach((card) => card.classList.add('lk-friend-card')) if (hero.dataset.lkFriendsEnhanced !== 'true') { hero.dataset.lkFriendsEnhanced = 'true' heading.insertAdjacentHTML('beforebegin', 'Friendly links') hero.insertAdjacentHTML('beforeend', `♡ ${friendCards.length} 位朋友`) } const guide = [...shell.querySelectorAll('div.prose')].find((div) => div.querySelector('ul') && div.textContent.includes('申请友链')) if (guide) { guide.classList.add('lk-friend-guide') const siteInfo = [...guide.children].find((child) => child.textContent.includes('站点标题')) siteInfo?.classList.add('lk-friend-site-info') } const cta = [...shell.querySelectorAll('div')].find((div) => div.children.length < 4 && div.textContent.trim() === '和我做朋友吧！') cta?.classList.add('lk-friend-cta') } const polishProfilePages = () => { addNotesPolish() addAboutPolish() addFriendsPolish() } const start = () => { window.setTimeout(polishProfilePages, 900) window.setInterval(polishProfilePages, 1500) } if (document.readyState === 'complete') start() else window.addEventListener('load', start, { once: true }) })() ;(() => { const topicRules = [ { key: 'ai', label: 'AI 观察', accent: '#7468ed', test: /\bAI\b|模型|GPT|Claude|Gemini|DeepSeek|Qwen|人工智能/i }, { key: 'reverse', label: '逆向工程', accent: '#e59a42', test: /Reverse|逆向|IDA|Jadx|反编译|内核调试|Hook/i }, { key: 'ctf', label: 'CTF 赛事', accent: '#ee7b9e', test: /Write\s*Up|WriteUp|CTF|网杯|星芒杯|蓝桥杯|NCTF|网络安全大赛/i }, { key: 'tools', label: '开发工具', accent: '#3eb6a4', test: /Codex|SSH|MCP|配置|Windows|Linux|Docker|脚本/i }, ] const classify = (title = '') => topicRules.find((rule) => rule.test.test(title)) || { key: 'life', label: '随笔记录', accent: '#6d92c9', } const setPageMarker = () => { const path = location.pathname document.documentElement.dataset.lkPage = path === '/posts' ? 'posts' : (/^\/posts\/[^/]+\/.+/.test(path) ? 'article' : (path === '/' ? 'home' : 'page')) } const enhancePostArchive = () => { if (location.pathname !== '/posts') return const cards = [...document.querySelectorAll('main a[href^="/posts/"]')] .filter((link) => link.querySelector('h2')) if (!cards.length) return const postMain = cards[0].closest('main') const list = cards[0].closest('ul') || cards[0].parentElement if (!postMain || !list) return postMain.classList.add('lk-post-page') list.parentElement?.classList.add('lk-post-shell') list.classList.add('lk-post-list') if (!postMain.querySelector('.lk-post-archive-head')) { const header = document.createElement('section') header.className = 'lk-post-archive-head' header.innerHTML = ` Article archive

探索与记录

关于安全、逆向、AI 与开发工具的持续记录。

` list.before(header) header.querySelectorAll('.lk-post-filter').forEach((button) => { button.addEventListener('click', () => { header.querySelectorAll('.lk-post-filter').forEach((item) => item.classList.toggle('is-active', item === button)) const filter = button.dataset.filter cards.forEach((card) => card.classList.toggle('is-filtered-out', filter !== 'all' && card.dataset.topic !== filter)) }) }) } cards.forEach((card) => { if (card.dataset.lkPostEnhanced === 'true') return const heading = card.querySelector('h2') if (!heading) return const topic = classify(heading.textContent.trim()) card.dataset.lkPostEnhanced = 'true' card.dataset.topic = topic.key card.style.setProperty('--lk-post-accent', topic.accent) card.classList.add('lk-post-card') const excerpt = card.querySelector('p')?.textContent || '' const minutes = Math.max(1, Math.ceil(excerpt.replace(/\s/g, '').length / 180)) const extra = document.createElement('div') extra.className = 'lk-post-extra' extra.innerHTML = `${topic.label}约 ${minutes} 分钟` heading.before(extra) const category = [...card.querySelectorAll('button')].find((button) => /默认分类/.test(button.textContent)) if (category) { category.textContent = topic.label category.classList.add('lk-post-category-button') } }) } const enhanceArticleHeader = () => { if (!/^\/posts\/[^/]+\/.+/.test(location.pathname)) return const title = [...document.querySelectorAll('main h1')].find((heading) => !heading.closest('article')) const hero = title?.parentElement if (!title || !hero || hero.dataset.lkArticleEnhanced === 'true') return const topic = classify(title.textContent.trim()) const article = document.querySelector('article') const articleText = article?.innerText.replace(/\s/g, '') || '' const words = articleText.length const minutes = Math.max(1, Math.ceil(words / 500)) const sections = article?.querySelectorAll('h2, h3').length || 0 hero.dataset.lkArticleEnhanced = 'true' hero.classList.add('lk-article-hero') hero.style.setProperty('--lk-article-accent', topic.accent) const eyebrow = document.createElement('span') eyebrow.className = 'lk-article-eyebrow' eyebrow.textContent = `${topic.label} · Article` title.before(eyebrow) const category = [...hero.querySelectorAll('button')].find((button) => /默认分类/.test(button.textContent)) if (category) { category.textContent = topic.label category.classList.add('lk-post-category-button') } const stats = document.createElement('div') stats.className = 'lk-article-stats' stats.innerHTML = ` ◷ 约 ${minutes} 分钟 ⌁ ${words.toLocaleString('zh-CN')} 字 ${sections ? `§ ${sections} 个章节` : ''}` hero.append(stats) } const cleanupHomeActivity = () => { if (location.pathname !== '/') return const heading = [...document.querySelectorAll('h2')].find((item) => item.textContent.trim() === '最近发生的事') const zone = heading?.parentElement const timeline = zone?.querySelector('.shiro-timeline') if (!zone || !timeline || timeline.dataset.lkActivityCleaned === 'true') return zone.classList.add('lk-activity-zone') timeline.classList.add('lk-activity-list') timeline.dataset.lkActivityCleaned = 'true' let visible = 0 ;[...timeline.children].forEach((item) => { const text = item.textContent.replace(/\s+/g, ' ').trim() const noisy = /有人点赞了|111tql/.test(text) if (!noisy && visible < 6) visible += 1 else item.classList.add('lk-activity-hidden') }) } const enhanceContentHierarchy = () => { setPageMarker() enhancePostArchive() enhanceArticleHeader() cleanupHomeActivity() } const start = () => { window.setTimeout(enhanceContentHierarchy, 900) window.setInterval(enhanceContentHierarchy, 1400) } if (document.readyState === 'complete') start() else window.addEventListener('load', start, { once: true }) })() ;(() => { const mountMusicPlayer = () => { if (document.querySelector('#lk-music-player')) return const tracks = [ { title: '离开我的依赖', artist: '王艳薇', src: '/local-assets/music/leaving-dependence.mp3', lrc: '/local-assets/music/leaving-dependence-utf8.lrc', colors: ['#65b8ff', '#a78bfa'], }, { title: '落空', artist: '印子月', src: '/local-assets/music/luokong.mp3', lrc: '/local-assets/music/luokong-utf8.lrc', colors: ['#f59ab8', '#8b9cff'], }, ] const root = document.createElement('aside') root.id = 'lk-music-player' root.className = 'lk-music-player' root.setAttribute('aria-label', '音乐播放器') root.innerHTML = `

` const audio = document.createElement('audio') audio.preload = 'metadata' root.append(audio) document.body.append(root) const $ = (selector) => root.querySelector(selector) const title = $('.lk-music-title') const subtitle = $('.lk-music-subtitle') const nowTitle = $('.lk-music-now-text strong') const nowArtist = $('.lk-music-now-text span') const lyric = $('.lk-music-lyric') const miniLyric = $('.lk-music-mini-lyric') const progress = $('.lk-music-progress input') const current = $('.lk-music-current') const duration = $('.lk-music-duration') const playButtons = [$('.lk-music-play'), $('.lk-music-main-play')] const list = $('.lk-music-list') const volume = $('.lk-music-volume input') const modeButton = $('.lk-music-mode') let activeIndex = Number(localStorage.getItem('lk-music-index') || 0) let playMode = localStorage.getItem('lk-music-mode') === 'one' ? 'one' : 'list' let lyrics = [] if (!tracks[activeIndex]) activeIndex = 0 audio.volume = Math.min(1, Math.max(0, Number(localStorage.getItem('lk-music-volume') || 0.68))) volume.value = String(audio.volume) modeButton.textContent = playMode === 'one' ? '单曲循环' : '列表循环' const formatTime = (seconds) => { if (!Number.isFinite(seconds)) return '0:00' const minutes = Math.floor(seconds / 60) return `${minutes}:${String(Math.floor(seconds % 60)).padStart(2, '0')}` } const parseLrc = (text) => text .split(/\r?\n/) .flatMap((line) => { const content = line.replace(/\[[^\]]+\]/g, '').trim() if (!content) return [] return [...line.matchAll(/\[(\d{1,2}):(\d{2})(?:[.:](\d{1,3}))?\]/g)].map((match) => ({ time: Number(match[1]) * 60 + Number(match[2]) + Number(`0.${match[3] || 0}`), text: content, })) }) .sort((a, b) => a.time - b.time) const updateLyric = () => { let line = '' for (const item of lyrics) { if (item.time > audio.currentTime + 0.15) break line = item.text } lyric.textContent = line || (audio.paused ? '点击播放，听一首喜欢的歌' : '♪') miniLyric.textContent = line } const updatePlayState = () => { const playing = !audio.paused root.classList.toggle('is-playing', playing) playButtons.forEach((button) => { button.textContent = playing ? 'Ⅱ' : '▶' button.setAttribute('aria-label', playing ? '暂停' : '播放') }) } const renderList = () => { list.innerHTML = '' tracks.forEach((track, index) => { const button = document.createElement('button') button.type = 'button' button.className = `lk-music-track${index === activeIndex ? ' is-active' : ''}` button.innerHTML = `${track.title}${track.artist}` button.addEventListener('click', () => loadTrack(index, true)) list.append(button) }) } const loadTrack = async (index, shouldPlay = false) => { activeIndex = (index + tracks.length) % tracks.length const track = tracks[activeIndex] localStorage.setItem('lk-music-index', String(activeIndex)) root.style.setProperty('--music-a', track.colors[0]) root.style.setProperty('--music-b', track.colors[1]) title.textContent = track.title subtitle.textContent = track.artist nowTitle.textContent = track.title nowArtist.textContent = track.artist miniLyric.textContent = '' lyric.textContent = '歌词加载中…' audio.src = track.src audio.load() renderList() try { const response = await fetch(track.lrc) lyrics = response.ok ? parseLrc(await response.text()) : [] lyric.textContent = shouldPlay ? '♪' : '点击播放，听一首喜欢的歌' } catch { lyrics = [] lyric.textContent = '点击播放，听一首喜欢的歌' } if (shouldPlay) { try { await audio.play() } catch {} } } const togglePlay = async () => { if (audio.paused) { try { await audio.play() } catch {} } else { audio.pause() } } root.querySelectorAll('.lk-music-toggle').forEach((button) => { button.addEventListener('click', () => { const open = root.classList.toggle('is-open') $('.lk-music-panel').setAttribute('aria-hidden', String(!open)) root.querySelectorAll('.lk-music-toggle').forEach((toggle) => toggle.setAttribute('aria-expanded', String(open))) }) }) playButtons.forEach((button) => button.addEventListener('click', togglePlay)) $('.lk-music-prev').addEventListener('click', () => loadTrack(activeIndex - 1, true)) $('.lk-music-next').addEventListener('click', () => loadTrack(activeIndex + 1, true)) volume.addEventListener('input', () => { audio.volume = Number(volume.value) localStorage.setItem('lk-music-volume', String(audio.volume)) }) modeButton.addEventListener('click', () => { playMode = playMode === 'list' ? 'one' : 'list' localStorage.setItem('lk-music-mode', playMode) modeButton.textContent = playMode === 'one' ? '单曲循环' : '列表循环' }) progress.addEventListener('input', () => { if (Number.isFinite(audio.duration)) audio.currentTime = (Number(progress.value) / 1000) * audio.duration }) audio.addEventListener('play', updatePlayState) audio.addEventListener('pause', updatePlayState) audio.addEventListener('ended', () => { if (playMode === 'one') { audio.currentTime = 0 audio.play().catch(() => {}) } else { loadTrack(activeIndex + 1, true) } }) audio.addEventListener('loadedmetadata', () => { duration.textContent = formatTime(audio.duration) }) audio.addEventListener('timeupdate', () => { current.textContent = formatTime(audio.currentTime) duration.textContent = formatTime(audio.duration) progress.value = Number.isFinite(audio.duration) && audio.duration > 0 ? String(Math.round((audio.currentTime / audio.duration) * 1000)) : '0' updateLyric() }) loadTrack(activeIndex) } const startMusicPlayer = () => window.setTimeout(mountMusicPlayer, 1500) if (document.readyState === 'complete') startMusicPlayer() else window.addEventListener('load', startMusicPlayer, { once: true }) })() ;(() => { const mountReadingProgress = () => { if (document.querySelector('#lk-reading-progress')) return const bar = document.createElement('div') bar.id = 'lk-reading-progress' bar.className = 'lk-reading-progress' bar.setAttribute('aria-hidden', 'true') document.body.append(bar) const update = () => { const isArticle = /^\/posts\/[^/]+\/.+/.test(location.pathname) bar.classList.toggle('is-visible', isArticle) if (!isArticle) { bar.style.transform = 'scaleX(0)' return } const max = document.documentElement.scrollHeight - innerHeight const ratio = max > 0 ? Math.min(1, Math.max(0, scrollY / max)) : 0 bar.style.transform = `scaleX(${ratio})` } addEventListener('scroll', update, { passive: true }) addEventListener('resize', update, { passive: true }) window.setInterval(update, 1200) update() } const start = () => window.setTimeout(mountReadingProgress, 1600) if (document.readyState === 'complete') start() else window.addEventListener('load', start, { once: true }) })() ;(() => { const languageMeta = { c: ['C', 'Source code', '#4d8ff7'], cpp: ['C++', 'Source code', '#5b78ee'], csharp: ['C#', 'Source code', '#886be8'], asm: ['ASM', 'Assembly', '#e878a5'], python: ['PYTHON', 'Script', '#d69735'], py: ['PYTHON', 'Script', '#d69735'], javascript: ['JAVASCRIPT', 'Script', '#d6a632'], js: ['JAVASCRIPT', 'Script', '#d6a632'], typescript: ['TYPESCRIPT', 'Script', '#4f8fe8'], ts: ['TYPESCRIPT', 'Script', '#4f8fe8'], bash: ['BASH', 'Terminal', '#43a982'], shell: ['SHELL', 'Terminal', '#43a982'], powershell: ['POWERSHELL', 'Terminal', '#527fd8'], json: ['JSON', 'Data', '#a177df'], yaml: ['YAML', 'Config', '#dc758b'], text: ['TEXT', 'Plain text', '#73839a'], markup: ['TEXT', 'Plain text', '#73839a'], } const copyIcon = '' const codeSelector = ".markdown_md__SEzck [class*='CodeHighlighter_code-wrap']" const enhanceCodeBlock = (wrap) => { if (wrap.dataset.lkCodeEnhanced === 'true') return const pre = wrap.querySelector(':scope > pre') const header = wrap.querySelector(':scope > div:first-child') const copy = wrap.querySelector(':scope > [aria-label="Copy code"]') if (!pre || !header || !copy) return const languageClass = [...pre.classList].find((name) => name.startsWith('language-')) const language = (languageClass?.slice(9) || 'text').toLowerCase() const [label, subtitle, accent] = languageMeta[language] || [language.toUpperCase(), 'Code', '#6385d9'] wrap.dataset.lkCodeEnhanced = 'true' wrap.dataset.language = language wrap.style.setProperty('--lk-code-accent', accent) header.removeAttribute('style') header.className = 'lk-code-toolbar' header.innerHTML = `${label}${subtitle}` copy.removeAttribute('style') copy.className = 'lk-code-copy' copy.setAttribute('role', 'button') copy.setAttribute('tabindex', '0') copy.setAttribute('aria-label', '复制代码') copy.innerHTML = `${copyIcon}复制` const showCopied = () => { copy.classList.add('is-copied') copy.querySelector('span').textContent = '已复制' window.setTimeout(() => { copy.classList.remove('is-copied') copy.querySelector('span').textContent = '复制' }, 1500) } copy.addEventListener('click', showCopied) copy.addEventListener('keydown', (event) => { if (event.key === 'Enter' || event.key === ' ') { event.preventDefault() copy.click() } }) } const startCodeEnhancement = () => { window.setTimeout(() => { const pending = new WeakSet() const visibilityObserver = 'IntersectionObserver' in window ? new IntersectionObserver((entries) => { entries.forEach((entry) => { if (!entry.isIntersecting) return visibilityObserver.unobserve(entry.target) enhanceCodeBlock(entry.target) }) }, { rootMargin: '900px 0px' }) : null const queueCodeBlocks = (root = document) => { const blocks = [] if (root.nodeType === 1 && root.matches?.(codeSelector)) blocks.push(root) root.querySelectorAll?.(codeSelector).forEach((block) => blocks.push(block)) if (blocks.length > 50) document.documentElement.classList.add('lk-heavy-code-page') blocks.forEach((block) => { if (block.dataset.lkCodeEnhanced === 'true' || pending.has(block)) return pending.add(block) if (visibilityObserver) visibilityObserver.observe(block) else enhanceCodeBlock(block) }) } queueCodeBlocks() const observer = new MutationObserver((records) => { records.forEach((record) => record.addedNodes.forEach((node) => queueCodeBlocks(node))) }) observer.observe(document.documentElement, { childList: true, subtree: true }) }, 1700) } if (document.readyState === 'complete') startCodeEnhancement() else window.addEventListener('load', startCodeEnhancement, { once: true }) })()

Hi, I'm

Lkaros

👋。

最近更新的文稿

最近更新的手记

最近发生的事