了解Acrylic的设计理念
让需要获取信息的人高效获取，让随便浏览的人得到惊喜。
将所需要的信息模块化展现出来
使用经典的卡片式设计，并且整个网站通过各个模块的堆叠与配合，形成更为统一、和谐、无上手门槛的浏览体验。第一次来的访客也能轻松看懂整个文章甚至整个博客的内容架构。减少与博客无关的功能。和谐统一的设计语言
全站保持统一的风格，圆角与背景模糊的运用可以让整个站点的精致程度进行提升。使用大量的背景模糊表现层级关系，相比传统卡片通过阴影表现，通过模糊和边框表现的卡片更加简洁清爽。简易的操作，无操作门槛
所有功能位置都经过精心设计，无论是图标的含义、配色都是为了操作来服务的。用户无论是在看博客，还是在用博客，都会感受到独特的简易性。所以大量功能被移除，只为简单的控制体验。优雅的过渡
站点使用了大量的过渡动画，每个动画的时机都精心设计。你可以看出每个窗口、每个信息都是如何出现在你的眼前。包括他们是如何变化、表现什么状态。（灵动球、胶囊音乐等）丰富的功能扩展
Acrylic包含了大量可扩展的功能UI入口。比如导航栏的右侧是扩展功能最高频的入口。并配备「中控台」可以让不常用功能都罗列进来。自定义的右键菜单可以在必要的位置显示独特的信息。简单舒适，流畅自然。
Acrylic是如何帮助其他博主构建出非凡的网站
博客的和谐统一，便捷高效的设计内核被越来越多的博主所接受，标准化的DOM命名、颜色变量的标准性代码让其他开发者更加方便的借鉴和使用Acrylic的样式。即使没有开源，也很高兴能够看到越来越多的网站认可Acrylic的设计理念，构建出令人兴奋的博客网页。
以下网站是我发现的与Acrylic设计相接近并有自己个性的站点，很高兴我的设计能够帮助越来越多开发者构建属于他们的站点，让我们共同进步。
博客
安知鱼
并且我还搭建了一个Butterfly主题魔改导航，可以作为你的入门教程学习列表。
博客框架、主题？
- 本站是基于Hexo静态博客框架，基于Butterfly为基础二次创作。每一个元素都经过重新设计。
- 网站服务器、内容分发网络、对象存储、图片处理、解析由腾讯云提供
- 部分静态文件cdn由多吉云，百度云加速免费提供
- 国际访问由百度云加速免费提供
关于借鉴样式
本站是纯静态页面。前端html、css和js为开源，如果你喜欢其中的某个样式的话，建议有能力的同学f12进入控制台选择喜欢的样式自取（无需授权）。
本博客采用的Guli形象仅限我本人使用，禁止共享、分发到其他页面。
因为我比较忙，很多时候只修改样式但是没有写教程，很多博主根据这些样式自己写了教程。所以我搭建了一个Butterfly主题魔改导航，新手在没有魔改头绪时可以参考我收录的大量其他魔改博主的教程。其中包含了从博客设计原理、构建方法、魔改教程等多个内容。
精力有限，暂无作为独立主题分发的计划、暂无主题售卖计划。
本站图片素材均为本人制作，仅限本人使用，请勿将本站图片素材移植到贵站，感谢。相信使用你自己的图片可以帮助你构建出专属你风格的独一无二的网站。
更新日志
Acrylic v5.4
壮举
【首页】未读文章有一个未读标记
设计
【深色模式】采用黄色作为主题色，更适合在深色模式下浏览
【关于】增加个人风格标签
【全局】标签样式改进
功能
【订阅】增加「竹白」邮件订阅方式
【评论】移除点赞功能
【首页】首页文章卡片上显示文章是否为原创文章
性能
【加载】加载移除了背景模糊效果
【全局】文章封面、友情链接图片质量优化
【文章】外部链接组件不再调用不稳定的API获取网站图标，改为通用图标
【导航栏】导航栏背景替换性能增强
【全局】增强图片服务稳定性
【全局】大量css冗余代码优化（持续优化中）
漏洞
【加载】修复加载动画会闪一下的问题
【文章】修复折叠组件在移动端的显示问题
【文章】修正大量代码组件的颜色问题（仍有大量问题未解决）
【友情链接】修复推荐分组悬浮显示异常
【关于】咱赞赏在低宽度显示屏上显示问题
【侧边栏】关闭侧边栏时的显示效果修正
协议
【隐私协议】更新现有业务情况等
【主题说明】增加设计理念等
【版权协议】增加更宽泛的版权协议政策等，并适配现有的文章分类逻辑与原创标注方式
Acrylic v5.3 2022-1-31
带来了全新的帧率显示功能，可以更好的判断当前电脑的性能并帮助开发者更好的判断兼容性与性能问题。
设计
【404】404页面重做，适配所有高度和宽度
【全局】一些配色改进
【全局】标签符号井号（#）样式改进
【中控台】样式改进，鼠标悬浮逻辑改进
【侧边栏】关注公众号模块改进，微信标志与浮层分离
功能
【帧率显示】新增帧率显示功能，方便的查看浏览网页的性能（在中控台开启）
性能
【导航栏】导航栏不再使用背景模糊效果
【全局】模糊性能增强
漏洞
【菜单栏】移动端菜单栏样式问题修复
【全局】修复中控台、右键菜单、快捷键功能的大量pjax问题
【导航栏】修复导航栏向下滑动时会颤抖的问题
【右键菜单】修复多次执行的pjax问题
【友情链接】修复顶部滚动banner第二排链接点击链接错误的问题
【文章】折叠效果圆角与边框修复了流畅性和圆角问题
【中控台】修复背景模糊效果会闪一下的问题
【搜索】修复背景遮罩颜色问题
【导航栏】修复在特定位置时dom抽搐
【即刻短文】修复部分浏览器的日期显示问题