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