1、 通过替换网页原生右键菜单实现个性化右键 2、 仿照刀剑神域风格样式进行绘制 3、 支持自定义配置按钮功能 4、 通过在yaml文件中填写配置项来实现功能 5、有点击音效

对 Hexo 静态博客框架中 Butterfly 主题首页文章版块进行重写，移除原有文章样式，保留变量，重写版块结构，根据用户提供的设计图编写卡片样式，通过 CSS的 hover 属性提供动态交互效果。并针对白天黑夜不同模式提供明暗两套配色。 1、 完善客户提供的静态设计方案，根据客户需求确定动态交互效果和交互方式。 2、 针对不同设备的分辨率，通过@media 进行媒体选择，编写 PC 端及*端两套样式方案。 3、 PC 端通过 hover 伪类操作实现弹性卡片交互，实现信封抽出效果。 4、 *端隐藏冗余属性，改为竖屏布局。 5、 项目版块嵌入式开发，提供详细的魔改教程文档。针对每一步改动提供 diff 代码块指导删改内容。

针对 Hexo 静态博客网站设计的完全原创项目，主打科幻风格 UI 样式，通过 clip-path 切割和 calc 函数计算距离实现多边形自适应。 目前已完成的版块包括加载动画，菜单页面，顶栏，底栏，侧栏按钮，正文版块，归档页面，各类侧栏卡片组件。首页文章版块等。 1. 负责网页效果图的设计及草图绘制，主要包括首页文章卡片、侧栏分类标签、作者详情信息、加载动画、导航栏目录等的网页制作。 2、 使用了 Pug（HTML 预编译）、Stylus（CSS 预编译）对网页进行搭建，快速高效完成页面。 3、 利用 clip-path 属性、calc 函数，通过多边形切割和设置百分比布局以及限制最大最小宽度，并针对 PC 端及*端的不同屏宽比和分辨率，编写不同样式，达到页面自适应的效果。 4、 利用 javascript 实现页面的触摸事件和轮播图的滚动效果等。使用了 swiper 框架实现轮播图效果。使用 iconfont 矢量图标库，实现图标多彩化和自适应。 5、 针对 Hexo 静态博客框架文档提供的变量，设计具体的内容显示版块，做到页面元素疏密有致，和谐统一。