lavender

文件树、代码树、步骤流、图片网格、GitHub 卡片、行内批注、参数卡片与 3D 留声机的可复制示例，以及流程图查看器和阅读增强的使用说明。

把 Shoka 的普通音乐播放器改造成一个可以旋转、换唱片、看歌词和跟随音乐律动的 Three.js 三维留声机，并保证 Three.js 只在留声机页面加载。 搞这个活也是为了消耗下 token #前言 Shoka 原本已经支持 media audio 音乐标签，但它主要负责播放音乐，并不会把音乐状态呈现在三维场景中。本次改造保留主题原来的音频解析和播放能力，在它外面增加一层 Three.js...

本来想浏览主题作者的博客，奈何作者大大很久没更新了，网站：琉璃的医学 & 编程笔记打不开了，控制台找到报错： Uncaught SyntaxError: Identifier 't' has already been declared (at app.js?v=0.2.5:1:1) ，直接的意思是：在 app.js 第 1 行，变量 t 被声明了两次。浏览器直接拒绝执行这个文件；这样的报错许多 shoka 主题的很久没有维护的网站都出现了，但是我想临时看下博主网页内容，查到如下方法，作为记录，说不定以后也能用得上…… 适用场景：线上网站 JS 有语法错误 /...

为 Shoka 右下角音乐播放器加入默认开启的桌面歌词开关，将当前 LRC 歌词以主题色浮层显示在屏幕底部，并同步播放、暂停、拖动进度、切歌和刷新后的状态。 #前言 Shoka 播放器原本可以在音乐面板内部滚动显示歌词，但关闭面板后就无法继续看到当前歌词。本次改造会复用播放器已有的 LRC 解析结果，在页面底部增加一条独立的桌面歌词浮层。 最终效果包含： 在音乐面板控制栏中加入桌面歌词按钮； 默认开启，用户关闭后记住选择； 当前歌词显示在屏幕最下方； 使用主题色文字、半透明背景和模糊效果提高可读性； 播放时显示，暂停时自然隐藏； 拖动进度条时立即同步歌词； 切歌后重新解析新歌曲的...

为 Shoka 右下角音乐播放器增加音效可视化开关，使用 Web Audio API 分析真实音乐能量，并在页面顶部原有波浪区域绘制彩色、平滑且随节奏起伏的音频波形。 #前言 Shoka 自带的音乐播放器可以播放歌单，但默认页面波浪只是固定动画，与当前音乐内容没有关系。本次改造会在播放器内部加入一个音效可视化按钮：开启后，原有 SVG 波浪自然淡出，Canvas...

将 Shoka 默认的线性归档、分类和标签列表改造成统一的卡片页面，加入数据概览、层级分类、最近文章、日期卡片、面包屑和移动端适配。 #前言 Shoka 默认归档页面使用时间轴展示文章，结构清晰，但当文章、分类和标签逐渐增多后，页面会显得较长，也不容易快速浏览。本次改造把归档、分类和标签统一为一套视觉系统，同时保留 Hexo 原有分页、分类层级和 PJAX 行为。 改造后的页面分为四类： /archives/ ：按年份分组的文章卡片； /categories/分类名/ ：当前分类下的文章卡片； /tags/标签名/ ：当前标签下的文章卡片； /categories/ 和 /tags/...

重新设计 Shoka 主题统计页面，加入多年份文章日历、发布趋势、创作时钟、文章体量散点图、标签排行、分类分布以及分类与标签旭日图。 #前言 早期的统计页面只包含几个基础 ECharts 图表，功能可以使用，但在移动端、PJAX 页面切换、日间与夜间模式以及大量数据展示方面不够完善。本次改造在保留 Shoka 配色的基础上，重新设计图表卡片和加载方式，并让图表只在接近可视区域时初始化。 最终页面包含以下内容： 可从左侧切换年份的文章发布日历； 支持最近 6、12、24 个月、全部月份和自定义范围的发布趋势； 按星期和 24...

💌依赖插件 - 📌基本配置 - 🌈界面显示 - 🦄特殊功能 以下介绍可以使用的 markdown 或者标签代码。 功能大部分基于 hexo-renderer-multi-markdown-it 渲染器，尤其是代码块的显示，与默认渲染器不兼容。 links 链接块 本功能参考 NexT，基于 Hexo Tag 功能，用来建立友链或其他网址链接功能。 文章中的使用格式： 使用 links 标签块，包围 yml 语法书写的内容，字段包括 site 站点名称 必填 owner 管理员名字 可选，默认为 site 的值 url 站点链接 必填 desc 站点描述 可选，默认为...

💌依赖插件 - 📌基本配置 - 🌈界面显示 - 🦄特殊功能 首页置顶文章 在文章的 Front Matter 设置 sticky: true ，则该文章将显示在首页最上方的 置顶文章 列。 多篇文章按照发布时间倒序排列，不分页。 ---title: 置顶文章sticky: true--- 首页精选分类 想要在首页显示分类翻转块，需要按照以下示例的方式，给需要显示的分类加上封面图。 首先，修改站点配置： 找到 category_map: ，配置每个分类对应的英文映射，比如： category_map: 计算机科学: computer-science Java: java C++:...

💌依赖插件 - 📌基本配置 - 🌈界面显示 - 🦄特殊功能 站点别称 alternate: Yume Shoka 这里设置的名称代替 Logo，显示在页面顶部，以及页尾©️处 静态文件目录 statics: / #//cdn.jsdelivr.net/gh/amehime/shoka@latest/ 默认值是 / ，指使用本地静态文件 可以修改成 //cdn.jsdelivr.net/gh/您的github用户名/您的项目名@latest/ 这种形式，以使用 jsDelivr 进行加速。 PS：jsDelivr 并不是实时更新，重新生成文件后需要耐心等待 css: cssjs:...