Moz自适应typecho主题

Typecho主题 2020-09-16 92℃ 0 0

特点

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

设计

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

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

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

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

预览

2020-09-16T14:00:05.png2020-09-16T14:00:05.png

下载

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

评论 (0)

友情链接
最近评论
  1. Thiết kế phòng hát karaoke : I got this website from my pal who told me on the topic of this site and now this time I am visiting this site and
    reading very informative articles or reviews here.
  2. Lil Durk : Hello I am so grateful I found your website, I really found you by accident, while
    I was researching on Google for something else, Regardless I am here now and would just like to say
    thanks for a marvelous post and a all round exciting
    blog (I also love the theme/design), I don’t have time to read it all at the moment but I have book-marked it and also
    added your RSS feeds, so when I have time I will be back to read more, Please do keep up the superb b.
  3. Sbobet99 : Howdy thiiѕ is kinda of off tօpic but Ι was wondering if blogs use
    WYSIWYG editors or if you have to manually code with HTML.I'm starting a blog so᧐n butt have no coding skills so I wantеd to get guidаnce
    from someone with experience. Any help would be enormously аpprecіated!
  4. choithethao.tips : Undeniably believe that which you said. Your favorite
    justification seemed to be on the net the easiest thing to be aware of.
    I say to you, I certainly get irked while people consider
    worries that they plainly don't know about. You managed to
    hit the nail upon the top and also defined out the whole thing without having side-effects ,
    people can take a signal. Will likely be back to get more.Thanks
  5. https://veviewwii.tumblr.com/post/662643202115944448/ml-18s21-t2-2 : Link exchange is nothing else however it is simply placing the other
    person's web site link on your page at suitable place and other person will also do similar in support of
    you.
Top