TypechoJoeTheme

虾米皮皮乐工作室

导航
统计
登录 / 注册

Moz自适应typecho主题

2020-09-16
/
0 评论
/
2 阅读
/
正在检测是否收录...
09/16

特点

  • 全站无插件,极其容易配置
  • Pjax
  • 代码高亮,内置github风格
  • 响应式
  • 三栏式设计,高效专注

设计

坚持沿用三栏式设计,考虑到显示器大屏销量在京东比较好,大家普遍都是24寸以上的屏幕了,所以坚持不适用width:1170px;margin:0 auto这样的结构设计,充分利用网页的每一寸空间,大不了多淦点响应式呗!
层级

上一版本,页面的层级|立体感不明显,缺少一种视觉专注的感受,受到mac下一款软件hazeOver的启发,打算把它运动到网页上,毕竟博客是阅读为主的,这个概念会烙在2.0的主题灵魂中
图标

2.0的图标采用了iconfont的解决方案,减少无用图标的体积,并且我一直觉得人类理解图标的速度超过理解中文,更喜欢用图标替代文字,说句不爱国话,从认知速度上,图标>英文>中文
进度

目前在搜图,算是脑补prd的阶段,这个一定要在项目开始前就脑补好,把图找全,不然太影响写代码效率

预览

下载

https://github.com/chenrrrrr/typecho-theme-Moz

主题博客页面代码图标三栏式层级
朗读
赞 · 0
版权属于:

虾米皮皮乐工作室

本文链接:

https://xiamp.net/archives/moz-adaptive-typecho-theme.html(转载时请注明本文出处及文章链接)

评论 (0)