Live2D 看板娘集成指南
基于 l2d-widget 库,将初音未来 Live2D 看板娘集成到 Hugo 博客,支持菜单导航、提示气泡、打字嘴型同步等丰富交互
基于 l2d-widget 库,将初音未来 Live2D 看板娘集成到 Hugo 博客,支持菜单导航、提示气泡、打字嘴型同步等丰富交互
全面介绍 Lumin Blog 3.0 的所有功能模块,涵盖首页、文章系统、分类体系、娱乐板块、独立页面、交互体验、SEO 运营、评论互动、后台管理、基础设施等…
Markdown 全格式渲染测试 本文用于检测博客系统对各种 Markdown 语法的支持情况。 一、代码高亮(Chroma) 每个代码块左上角应显示语言标签。…
Lumin 主题音乐播放器从单页播放升级为全局跨页播放,支持多平台歌单切换、播放模式控制、歌词同步、进度条拖拽,以及右下角迷你播放器挂件
用 Canvas 和 DOM 动画实现鼠标点击特效(烟花、爱心、文字、气泡、星星、雪花),详解每种特效的实现原理与核心代码
今天周末没事在家,升级了一下飞牛系统,想着在下载几个高清电影,奈何硬盘空间都快红了,看了一下狗东狗多多的硬盘价格,真是离谱到家了,查了下狗多多购买记录,2022…
今天偶然翻开新浪网,一下子被这复古的界面拉回十几年前。版式、按钮、排版,几乎一成不变,带着浓浓的历史年代感,像一件被时光封存的老古董,这么多年过去,几乎没有半点…
井字棋人机对战游戏,电脑 AI 采用攻守兼备策略,支持胜率统计和获胜连线高亮动画
打砖块游戏使用 Canvas 渲染,实现挡板移动、小球碰撞反弹、砖块消除和生命值系统
记忆翻牌游戏使用 CSS 3D transform 实现卡片翻转动画,支持简单 4x4 和困难 6x6 两种难度模式
Flappy Bird 游戏使用 Canvas 渲染,实现重力模拟、管道生成、碰撞检测和分数统计
2048 数字合并游戏使用 4x4 CSS Grid 棋盘,实现方向键滑动合并、随机生成、分数计算和最高分持久化
俄罗斯方块游戏使用 Canvas 渲染,实现 7 种标准方块旋转、消行判定、预览下一个方块和速度递增机制
贪吃蛇游戏使用 Canvas 渲染,实现蛇身移动、食物生成、碰撞检测和最高分 localStorage 持久化
扫雷游戏采用 BFS 区域展开算法,支持三级难度、标旗/翻开双模式、右键菜单和胜率统计
五子棋游戏采用 15x15 CSS Grid 棋盘,支持双人对弈、悔棋功能和落子历史记录
Lumin 博客游戏厅集成 9 款经典小游戏,采用单页标签切换架构,支持 Canvas 渲染、localStorage 持久化、暗色主题适配
归档页面新增 GitHub 风格日历热力图,展示全年文章发布频率,支持鼠标悬停查看每日发文数量,暗色模式自动适配
日落
常见操作系统下载,linux,Windows11,Windows10,SQL server,Ubuntu,UOS
从架构设计到具体实现,深度解析 Hugo 博客在线工具集模块:数据驱动的 TOML 配置、分类筛选侧边栏、42+ 个纯前端工具 partial、共享样式体系与暗…
统一全站评论功能模块,消除重复实现,美化评论区UI样式,包括加载动画、错误状态、卡片容器适配和便签墙布局优化
在 Hugo 博客中实现 14 种全屏屏幕特效(蓝屏/更新/数字雨/黑客终端/白噪音/FBI/碎屏/DVD/CRT/故障/星空/火焰/假加载),涵盖…
在 Hugo 博客中基于 Canvas 2D API 实现像素画在线绘制工具的完整方案,涵盖画笔/橡皮擦/填充/取色器、撤销重做、PNG 导出、触摸屏适配、暗色…
基于高德地图 JS API 2.0 实现出行轨迹回放功能,支持导航链接导入、驾车路径自动规划、小车动画回放、速度调节和地图交互,后台仅需起终点信息即可自动生成完…
基于纯前端实现的便签墙功能,支持随机散落布局、自由拖拽堆叠、分类筛选、用户发布、管理员删除,暗色模式完整适配
基于纯前端实现的番茄工作法计时器,支持三种模式切换、圆形进度条动画、白噪音合成、任务清单和今日统计,无需后端 API
为 Lumin 博客主题实现完整的广告管理系统——前后台全栈打通,9 个广告位覆盖全站关键位置,支持联盟代码/图片/色块,三级开关控制
在 Lumin 博客管理后台中实现游戏数据的 CRUD 管理功能,涵盖 Go(Gin) API 设计、Vue 3 组件开发、TOML 序列化、封面管理、路由集成…
在 Hugo 博客中基于 Data 模板和 TOML 数据文件实现游戏展示页面的完整方案,涵盖模板设计、响应式布局、数据绑定、评论集成等技术细节。
基于 Open-Meteo 免费天气 API + IP 自动定位,在博客侧边栏展示实时天气、温度、风向、湿度、气压和能见度,完全零配置零密钥
基于 Canvas 2D API 实现的 HSL 色相旋转彩色飘带动画,参考 Hexo butterfly 主题方案,飘带随机分布、流动自然,为博客增添动态视觉…
新增图书/娱乐独立展示页面,支持卡片网格展示、状态筛选、hover 详情面板、豆瓣链接、暗色模式,后台管理图书数据
Lumin 主题新增站内新文章订阅通知功能,纯前端实现,零后端、零数据库、零邮件配置,通过 RSS 与 localStorage 实现文章更新感知
Lumin 主题新增在线工具集功能,精选 37 款国内可快速访问的开发、实用与设计工具,支持后台管理与分类筛选
今日Epic再送惊喜,《孤星》与《卡莉可》两款游戏正在限免中,直接0元即可领取! 本次福利主打Epic平台,喜欢免费喜加一、独立佳作和轻松入手的玩家千万别错过,…
测试后台管理,上传图床功能,
介绍在 404 页面添加搜索表单的设计方案,让访客在 404 页面可以直接输入关键词触发全站搜索,减少页面跳出并改善用户体验
介绍将 CSS 文件中所有 transition:all 替换为精确过渡属性的优化方案,按选择器类型分类替换,解释 transition:all 的性能缺陷,并…
介绍如何恢复并自定义全局键盘焦点轮廓样式,使用 :focus-visible 伪类为键盘用户提供清晰的焦点指示器,同时适配暗色模式,替换浏览器默认…
介绍使用 sessionStorage 保存和恢复页面滚动位置的功能实现,包括被动滚动监听、300ms 节流优化,以及 SWUP 页面切换的兼容处理
介绍为文章 H2/H3/H4 标题自动添加锚点链接按钮的功能实现,hover 标题时显示 # 链接按钮,点击复制完整 URL 到剪贴板并显示确认图标
介绍在首页和归档列表的文章卡片上增加「已更新」绿色徽章的方案,通过 Hugo 模板比对修改日期和发布日期,当两日期不同时自动显示徽章
在已有 Fancybox 灯箱功能基础上,为文章正文图片增加悬停蒙层和放大镜图标交互效果,使用 CSS 伪元素和过渡动画提升用户操作感知
将文章底部的相关文章改为跨分类随机推荐,使用 Hugo 内置 shuffle 函数实现全站文章随机展示,提升内容发现能力
介绍为移动端设计浮动 TOC 目录按钮的方案,桌面端目录在侧边栏展示,移动端则通过右下角 FAB 按钮弹出底部抽屉面板展示完整目录结构
介绍将 CSS 中硬编码的颜色值统一替换为 CSS 自定义属性的技术方案,涵盖多个核心选择器的迁移细节,确保暗色模式自动切换且主题维护更加便捷
介绍如何使用 prefers-reduced-motion 媒体查询响应用户系统的动画减弱偏好,在用户开启减少动态效果后全局禁用动画、关闭闪烁效果并隐藏粒子特效
介绍 Hugo 博客侧边栏的模块化设计架构,支持 12 种可配置小部件的显示顺序、参数定制和独立样式
为博客文章页实现一键无干扰沉浸阅读模式,隐藏导航和侧边栏,优化排版和间距,支持快捷键退出
在 Hugo 博客中集成 APlayer 实现全局音乐播放器,支持跨页面播放状态同步、黑胶唱片动画、歌词同步和迷你挂件
从 robots.txt、sitemap、OG 标签、结构化数据、搜索引擎推送到性能优化,全面覆盖 Hugo 博客的 SEO 最佳实践
推荐四款免费开源的博客评论系统(Twikoo、Waline、Artalk、Giscus),附带详细的部署步骤和选型建议
介绍博客中文章密码保护和定时发布两个功能的实现原理,包括前端加密验证、后端校验、文章调度等核心机制
基于 Intersection Observer API 实现的自研图片懒加载引擎 v2,含骨架屏动画、自定义占位图、DOM 顺序队列加载,以及 Banner…
详解如何为 Hugo 静态博客实现基于 JSON 索引的即时全站搜索功能,无需任何后端服务
分享 Hugo 博客开发过程中用到的效率工具,涵盖代码编辑器、图片处理、版本管理、部署平台和自动化工具
记录博客明暗主题切换功能的开发过程,从基础的 class 切换升级到圆形扩散动画,实现流畅的视觉过渡
对比 Twikoo、Waline、Artalk、Disqus、Gitalk、Giscus 六种主流评论系统,分析各自的优缺点和适用场景
详解 Hugo 内置 Chroma 引擎的代码语法高亮配置,涵盖主题选择、行号样式、语言检测以及自定义 CSS 方案
我想说 这个世界不只有眼前的苟且,还有诗和远方。 先来个自我介绍吧 在坚硬的世界里,修得一颗温柔心~ 用文字记录生活,把生活写成文字。 95后程序媛,现工作于西…
这是一个用于测试专题管理功能的测试文档,不包含 topics 字段
详细介绍 Lumin Admin 应用市场的设计与实现,包含 10 个精选应用的展示、分类筛选、搜索功能,以及评分下载量等元数据管理
详细介绍 Lumin Admin 插件系统的设计与实现,包含 8 个内置插件的定义、安装/卸载机制、分类筛选,以及插件数据持久化方案
详细介绍 Lumin Admin 备份还原系统的设计与实现,支持一键全站备份、备份恢复、自动备份、云存储备份、备份文件管理等功能
详细介绍 Lumin Admin 站点预览功能的实现,支持一键启动本地 Hugo 预览服务器、远程站点访问、多种部署方式选择,以及自动状态检测机制
详细介绍 Lumin Admin 图床配置系统的设计与实现,支持七牛云、腾讯云 COS、阿里云 OSS、又拍云、GitHub、Cloudflare R2 六大平…
详细介绍 Lumin Admin 媒体库从单一目录扫描到全站媒体文件管理的改造过程,包括递归扫描、类型识别、智能上传路由、来源切换等功能的实现
详细介绍 Lumin Admin Dashboard 概览页面的升级过程,包括 10 个统计卡片、7 个 ECharts 图表、版本更新与站点信息面板的实现,以…
记录 Lumin Blog 后台管理系统的开发历程,包括 Dashboard 概览升级、媒体库改造、图床配置、站点预览、备份还原、插件系统、应用市场等核心功能模…
详细介绍 Lumin Blog 文章系列功能的实现原理,包括 series taxonomy 配置、有序目录列表、前后篇导航、与专题的区别及自定义方法
详细介绍 Lumin Blog 沉浸阅读模式的实现原理,包括浮动按钮交互、CSS 状态切换、键盘快捷键、状态持久化等核心机制
详细介绍 Lumin Blog 归档页的纯平铺时间线设计、前端分页实现、配置方法与样式定制
详细介绍 Lumin Blog 专题系统的架构设计、双页模板实现、自定义 Taxonomy 配置、卡片网格布局与 CSS 覆盖层动画
详细介绍 Lumin Blog 全站搜索功能的设计架构、搜索算法、权重排序、索引生成与配置方法
详细介绍 Lumin Blog 文章字数统计与阅读时长功能的技术实现、显示位置、中文优化与配置方法
详细介绍 Lumin Blog 标签云的漂浮碰撞动画、点击展开文章列表、封面卡片布局、前端分页实现与配置方法
详细介绍 Lumin Blog 复制文字时自动追加版权信息的功能设计、代码实现、触发逻辑与自定义方法
详细介绍 Lumin Blog 右下角评论跳转按钮的功能设计、代码实现、显隐逻辑与配置方法
详细介绍 Lumin Blog 的阅读进度条和返回顶部按钮功能的代码结构、技术实现、配置方法与已知问题
详细介绍 Lumin Blog 的鼠标点击特效和自定义指针功能,包括配置方法、技术实现和故障排查
详细介绍如何为 Lumin Blog 配置时区,支持全球主要城市和地区
详细介绍 Lumin Blog 的评论系统架构、配置方法、页面类型差异及自定义设置
这是一个定时发布测试功能
Fancybox 5 - 纯 Markdown 图片语法测试 说明:本页所有图片均使用标准 Markdown 语法  插入,由 JS 自动包裹…
删除测试
TRAE SOLO 是一款 AI 原生工作台,提供网页版、桌面版和移动版三种形态,并设有为不同用户群体设计的 More Than Coding (MTC) 与…
admin demo 测试文章第一个
测试文章
Confetti 礼花效果测试 欢迎测试 Confetti 礼花效果! 功能说明 这是一个庆祝特效,页面加载时会飘出五颜六色的纸屑动画。 效果特点 🎉 彩色纸屑…
🔒 加密文章测试 如果你能看到这段内容,说明密码验证通过! 测试清单 打开页面时只看到锁屏界面,看不到这篇文章 有密码输入框和解锁按钮 输入 test123 后…
对比静态博客与动态博客(WordPress 等)在性能、安全、成本、维护四个维度的优劣,探讨为什么静态博客是个人博客的最佳选择
这是一篇密码保护的示例文章,用于演示文章加密功能。
Fancybox 5 图片灯箱功能测试 点击下方任意图片,应该弹出 Fancybox 5 灯箱效果(支持缩放、全屏、下载等)。 一、基本点击放大 二、多图切换(…
这篇文章是草稿 这篇文章目前处于草稿状态,尚未发布。因此,它不会对普通读者可见。内容仍在进行中,可能需要进一步编辑和审查。 当文章准备发布时,您可以在…
在Firefly中使用表达性代码的代码块在 Markdown 中的外观。
演示在博客文章中嵌入 B站、YouTube、腾讯视频等多种平台视频。
一个简明的 Markdown 博客示例。
在 Markdown 中使用 PlantUML 创建 UML 图表(活动图、状态图、用例图等)。
一个包含 Mermaid 的 Markdown 博客文章简单示例。
了解 Firefly 中的 Markdown 功能
展示 Firefly 主题对 KaTeX 数学公式的支持,包括行内公式、块级公式和复杂数学符号。
深入了解 Firefly 的布局系统,包括侧边栏布局(左侧/双侧)和文章列表布局(列表/网格),以及自适应网格列数。
lumin 是一款基于 Astro 框架和 Fuwari 模板开发的清新美观且现代化个人博客主题模板,专为技术爱好者和内容创作者设计。该主题融合了现代 Web…
展示 Hugo 主题支持的各种短代码,包含国内常用网站嵌入和实用工具。
A comprehensive guide to creating diagrams with Mermaid in Hugo
在 Stack 主题中启用和使用 KaTeX 的指南
展示基本 Markdown 语法和 HTML 元素格式的示例文章。
展示内置的相册支持
A simple example of a Markdown blog post.
测试 Hugo Chroma 语法高亮对多种编程语言的支持情况,验证代码块复制按钮功能
记录从选择静态博客方案到搭建完成的全过程,分享遇到的选择困难、踩坑经验和最终收获
了解 Firefly 中的 Markdown 功能
展示 Firefly 主题对 KaTeX 数学公式的支持,包括行内公式、块级公式和复杂数学符号。
演示在 Markdown 中使用 Mermaid 创建流程图、时序图、甘特图等图表。
This is an article for testing the page encryption feature
用于验证 Firefly 中 PlantUML 插件渲染、主题切换与交互能力的示例文章。
深入了解 Firefly 的布局系统,包括侧边栏布局(左侧/双侧)和文章列表布局(列表/网格),以及自适应网格列数。
Firefly 是一款基于 Astro 框架和 Fuwari 模板开发的清新美观且现代化个人博客主题模板,专为技术爱好者和内容创作者设计。该主题融合了现代…
这是一篇密码保护的示例文章,用于演示文章加密功能。
This post demonstrates how to include embedded video in a blog post.
A simple example of a Markdown blog post.
A simple example of a Markdown blog post with Mermaid.
在Firefly中使用表达性代码的代码块在 Markdown 中的外观。
一个简明的 Markdown 博客示例。
这篇文章演示如何在博客文章中嵌入视频。
导航栏 首页 文档库 博客 专题 娱乐 生活 索引 关于 $_ Bash demo地址:https://onedayxyy.cn/ img 4种首页壁纸风格 支…
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…
Draft Example
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…
Read more about Markdown features in Mizuki
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…
这是第三个测试文章
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…
测试目录滚动高亮功能是否正常工作
第二行的标题
description
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…
第二行的标题
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…
本教程适用于 Windows11 全系版本,全程使用 PowerShell 管理员模式,支持将 WSL2(Ubuntu)完整安装至 D:\wsl 自定义目录,不…