Eva: 简洁,优雅的博客系统实现

2017-04-27 13:18:28 +08:00
 shuirong1997

就像她的名字,Eva 是一个简洁,美观,优雅的博客,我相信所有坚持写用她写博客的人都能找到自己的女神.

DEMO (后台开放,不做坏事呀,选择相信你)  Github

Eva使用了轻量级的 JavaScript 框架Vue.js和 Web 框架Express.js来开发,界面设计参考了Material Design规范.如果你觉得这个项目不错,请为她点赞支持


特性


预览


PS: 从零开始写这个博客的缘由有两个:一是我之前的博客用 Hexo 搭建的,这样会始终受限于 Hexo,自由度低,比如想加的功能因为后端不支持就没办法上了.还有一个原因是我想趁此机会再练习下 Vue 和 Express .为过段时间找工作做准备.

6501 次点击
所在节点    分享创造
44 条回复
chengfu
2017-04-27 13:28:41 +08:00
我闺女就叫 Eva,anyway,支持一个
nightwind
2017-04-27 13:29:38 +08:00
支持~~~
带把的,还是妹子?
qfdk
2017-04-27 13:41:26 +08:00
Kilerd
2017-04-27 13:41:52 +08:00
@nightwind 带把的妹纸
seeker
2017-04-27 13:43:24 +08:00
赞。楼主 SEO 考虑吗
shuirong1997
2017-04-27 13:44:25 +08:00
@chengfu 那长大一定是女神一枚咯
shuirong1997
2017-04-27 13:45:42 +08:00
@seeker 你是指?
seeker
2017-04-27 13:46:41 +08:00
@shuirong1997 谷歌可以索引到你博客的正文吗?
jtsai
2017-04-27 13:46:58 +08:00
@chengfu 俺女朋友叫 Eva
shuirong1997
2017-04-27 13:51:28 +08:00
@seeker 博客里的文章是刚填加的,我刚 Google 了下,还搜不到.不过搜到了之前博客里的文章.我想等等就应该可以搜到了.
shuirong1997
2017-04-27 13:51:54 +08:00
@jtsai 那可...真让人羡慕
shuirong1997
2017-04-27 13:57:36 +08:00
@qfdk 感谢提醒,我注意到但忽略了.我写后端接口时顺便曲翻了翻文档,看到了这种写法,就试了试,发现不能用.没多想,就有在诸如  blog.save() 外面套了一层 Promise ...
geelaw
2017-04-27 13:58:32 +08:00
几个建议

不要设置元素的 opacity 来达到背景半透明的效果,用 argb 设置背景色来取得半透明效果。因为如果你设置 opacity 会导致高对比度模式下无法正确地去掉这个透明度。

“编辑”、“删除”、“…”按钮读不出来,你需要 aria-label ;此外应该加上 role=button。

文章中没有分隔语义的横线,你需要 aria-hidden。

作为 SPA,你没有把元素删除干净——在主页,你可以通过读屏器读出“我和权威的故事”这篇博文 - -
chengfu
2017-04-27 14:02:25 +08:00
@shuirong1997 哈哈,谢谢,肯定是啊~~~
scarlex
2017-04-27 14:03:39 +08:00
我打开网站花了 18 秒...
qfdk
2017-04-27 14:06:26 +08:00
似乎外面的框框不是圆角 差评 要 5px 的圆角才好看
neighbads
2017-04-27 14:10:17 +08:00
@scarlex 1 分钟。。。。
shuirong1997
2017-04-27 14:11:10 +08:00
@geelaw 感谢建议.汗颜,马上去看看怎么回事.和找文章看看 aria-label ...
ziki
2017-04-27 14:11:18 +08:00
老人机字体,这么大一个
shuirong1997
2017-04-27 14:12:33 +08:00
@qfdk 感谢差评,再微调下

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

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

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

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

© 2021 V2EX