悬浮按钮使用示例
🔘 悬浮按钮功能简介 Demius 主题的悬浮按钮功能为您提供了一组强大且便捷的页面操作按钮。通过现代化的图标设计和流畅的动画效果,这些悬浮按钮可以帮助用户快速访问常用功能,提升浏览体验。 主要特性 🔝 返回顶部:滚动页面后自动显示,快速返回页面顶部 📊 阅读进度:实时显示文章阅读进度(0-100%) ⚙️ 设置菜单:点击展开更多功能按钮 🌙 主题切换:一键切换亮色/暗色主题 📚 侧栏切换:快速显示/隐藏左右侧栏 📖 沉浸阅读:隐藏干扰元素,专注阅读 💬 评论弹幕:将评论转换为弹幕形式展示 📱 响应式设计:完美适配各种设备尺寸 🎨 现代化图标:使用 SVG 图标,清晰美观 ⚡ 流畅动画:悬停和点击动画流畅自然 🚀 快速开始 1. 基础配置 在 hugo.toml 文件中配置: [params.floatButtons] position = "right" # 浮动按钮位置:left 或 right showBackToTop = true # 是否显示返回顶部按钮 showThemeToggle = true