基于 Material 的 hexo 主题-Concise

2016-06-24 14:55:48 +08:00
 HmyBmny

之前用过 Jekyll 搭建博客,也试着修改过一些 Jekyll-theme ,但都不理想,机缘巧合下结识 hexo ,于是准备用它来搭建博客,但是现有的主题大多不合胃口,界面设计更是五花八门,我希望能够将界面充分利用,并且能够适当留白,去掉多余的元素,于是就按自己的需求设计了一个,如果大家有什么好的想法和建议,可以告诉我,谢谢!

效果图

https://github.com/hexojs/site/blob/master/source/themes/screenshots/concise.png

5148 次点击
所在节点    分享创造
17 条回复
lawlietxxl
2016-06-24 15:36:45 +08:00
我觉得很好看!
dark456852
2016-06-24 15:51:17 +08:00
有些略单调,必须要带浅色的 BG 才能配,这样看起来略难看
123s
2016-06-24 15:56:19 +08:00
条条框框太压抑
learnshare
2016-06-24 15:57:04 +08:00
820 <= width <= 1260 的时候, header 的内容不要仅靠左右边框;
很多地方可以加上 0.15s 的 transition ,会让变化更舒服一些。
HmyBmny
2016-06-24 15:57:08 +08:00
@dark456852 有道理,全白确实有点影响体验,过两天考完试后再改吧,谢谢!
HmyBmny
2016-06-24 16:03:02 +08:00
@learnshare PC 端显示的 UI 是参考这里的 http://daemonite.github.io/material/ ,如果不紧靠左右边框个人感觉有点奇怪 2333
HmyBmny
2016-06-24 16:05:22 +08:00
@123s google.com 移动端的 UI 就是这种卡片式的,相对名其它的我个人更倾向于这种。
yamyamyuo
2016-06-24 16:14:49 +08:00
我最近也想在 hexo 些博客~
dphdjy
2016-06-24 16:22:56 +08:00
讲道理,直接用 mui css 解决全部问题,还更好看



learnshare
2016-06-24 16:23:24 +08:00
@HmyBmny header 应该始终 100% 宽度,居中不是个好的设定
pimin
2016-06-24 16:31:19 +08:00
除了一个大色块的顶栏,真的没有看到什么 material 元素.
除顶栏外,配色和线框很像 typecho 的 cleanwhite 主题
总体来说是个简单整洁的主题,但是移动适配导航条居中有点接受不了
binjoo
2016-06-24 16:32:21 +08:00
已用。。谢谢。
HmyBmny
2016-06-24 17:12:40 +08:00
@dphdjy 对动漫不太感兴趣 orz
nn574204775
2016-06-24 17:14:07 +08:00
感觉不好看
HmyBmny
2016-06-24 17:22:25 +08:00
@pimin 大多数主题的排版都很相似,但是有些主题页面不够简洁,所以就有了 concise ,不能为了一些东西而过多的使用 material 元素,够用就好,简洁至上,同时也谢谢你的建议。
HmyBmny
2016-06-24 17:23:48 +08:00
@nn574204775 只要感觉简洁就好 QAQ
HmyBmny
2016-06-24 18:00:45 +08:00
@yamyamyuo 欢迎入坑!

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/288048

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX