kukualのblog

这篇文章将带你深入了解如何通过纯手工的方式美化你的“关于”页面。从创建页面文件到编写自定义的HTML和CSS代码，作者展示了如何打造一个充满个性和视觉吸引力的“关于”页面。文章中不仅提供了详细的代码示例，还展示了如何通过自定义样式和动画效果，让你的页面在众多站点中脱颖而出。无论你是前端开发者还是设计爱好者，这篇文章都将为你提供丰富的灵感和实用的技巧。

如果你希望为你的博客增添一个独特的留言板页面，这篇文章将是你不可或缺的指南。通过安装 hexo-butterfly-envelope 插件并进行简单的配置，你可以轻松创建一个充满创意的留言板页面。文章详细介绍了如何自定义留言板的样式，包括信笺头部图片、信封样式以及提示信息等，让你的留言板成为访客互动的亮点。

这篇文章详细介绍了如何通过Butterfly主题的魔改，提升文章页面的用户体验。从目录设置、版权声明到打赏功能和相关文章推荐，作者展示了如何通过配置文件的调整，让文章页面更加丰富和实用。同时，文章还探讨了代码块的美化、标题前缀图标以及分享系统的配置，帮助读者打造出一个既美观又功能强大的文章页面。无论你是技术博主还是创意写作者，这篇文章都将为你提供实用的美化技巧。

本文指导用户通过插件hexo-butterfly-categories-card改造分类页面。安装插件后，新建CSS文件并修改插件的JavaScript与Pug模板，实现瀑布流式分类卡片布局。卡片支持背景图动态缩放、悬停文字平移特效，并适配移动端响应式设计。配置文件定义分类卡片的列数、行数、封面图及描述信息，最终生成高交互性的分类导航页。修改后的分类页面以视觉化的卡片形式展示分类名称、文章数量及简介，大幅提升内容呈现的层次感与吸引力。

本文聚焦页脚与右下角功能按钮的深度定制。页脚部分通过注入HTML和CSS代码，实现居中布局的社交图标链接，搭配动态悬浮效果与渐变背景，并添加访问量统计脚本（支持本地存储模拟增长）。右下角按钮设置涵盖繁简转换、阅读模式、暗黑模式等功能开关，允许调整按钮顺序与显示逻辑。配置文件详细说明了按钮位置、自动切换暗黑模式的时间规则，以及滚动百分比显示等细节。最终效果使页脚兼具美观与实用性，右下角按钮提升用户操作便捷性。

本文重点改造侧边栏模块与全局页面背景。侧边栏新增毛玻璃效果卡片，包括作者信息、公告栏、分类/标签云等，通过CSS注入渐变背景与动画，适配暗黑模式。公告栏使用HTML自定义样式，突出关键内容。全局页面（如文章、分类、归档）添加半透明渐变背景，结合backdrop-filter实现模糊效果，增强视觉层次。导航栏同步优化为渐变悬浮样式。最终，侧边栏与页面背景形成统一的轻拟物风格，提升整体设计的质感与沉浸感。