分享寒假无聊撸出来的 Material Design 风格的博客系统

[aaronly]

Materialize Blog

github 地址

demo 在这。

首页是 collapsible 做的，类似 google 的 inbox ， 另一个位置/posts 是普通的文章列表页面。

用的前端框架是 materialize， 蛮好用的。

更多说明请移步 github ， 欢迎各位使用，刚刚撸完难免有一些 bug ，各位可以在回复中告诉我。

另外，欢迎互加友链。

[phoenixlzx]

Materialize 已 star

[aaronly]

@phoenixlzx materialize 确实不错

实在用不下去 google 的 material design lite ， mdl 前缀看着就难受（╯－＿－）╯╧╧

[shallyy]

很棒啊

[hantsy]

效果不错。

可惜我不懂前端，不然也可以把我 Sample 搞漂亮 一点。 https://github.com/hantsy/angularjs-springmvc-sample

[int64ago]

我的 https://get-link.xyz/ 也用了 Materialize

不过我发现我开始不喜欢 MD 风格了，移动端还不错， PC 端感觉挺恶心的

[a4e9y47]

哈哈哈很棒！！！ 能做个 hexo 的模板就好了博客已经折腾不动了> <

[aaronly]

@int64ago 毕竟最开始是做给 android 的，拿来给 web 用肯定没当初设计的好

[aaronly]

@a4e9y47 没做过 hexo 的模板，之前用的是 jekyll ，都是用别人写好的，这次难得动手自己写

[zhjits]

好好去研究一下 Material Design Spec 的 **原文**。你这卡片的边距怎么看怎么不对。

PS ：建议把标签移到标题下面，不然动画路径也很不自然。

[Kilerd]

这样不好看点？

一不小心发送到隔壁帖子去了。

[hexasnake]

背景图很棒！

[kyze8439690]

很多 padding 需要加大，这个布局太紧凑了，怎么看都 material 。
当然楼主可能精力都在系统上了。

[9hills]

感觉怪怪的

[zhjits]

@Kilerd 这个用途下面，首选 List ，在 List 无法承载这个信息量的时候考虑 Tile ，用 Card 不适合。

See: https://www.google.com/design/spec/components/cards.html#cards-usage

[tony1016]

@zhjits 同意这位仁兄。紧凑一点，否则觉得别扭

[demo]

没对齐。。。。

[xiaxue]

我有强迫症，我觉得点开文章的时候，宽度不一致的地方别扭... 老是过一会儿，盯着那看两眼

[aaronly]

@zhjits 谢谢建议， spec 阅读的不是很仔细，前端还有很多需要改进的地方，我会继续优化

[aaronly]

@Kilerd 蛤蛤蛤，这个我问过妹子，妹子觉得没有间距比较好看 =。=

[aaronly]

@demo 你是指哪里没对齐？