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 .为过段时间找工作做准备.

6686 次点击
所在节点    分享创造
44 条回复
shuirong1997
2017-04-27 14:13:52 +08:00
@neighbads 1分钟是有点尴尬了.(着急上线没有顾及到这个,接下来就优化速度)
gdsagdada
2017-04-27 14:20:10 +08:00
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,user-scalable=0"><link rel="shortcut icon" type=image/png href=/static/zhihu2.png><title>Eva</title><link href=/static/css/app.e566e243fdc705412436666108f607da.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.1cbc5d51d3ba1378d7f7.js></script><script type=text/javascript src=/static/js/vendor.de75f5fbbefb33c26abe.js></script><script type=text/javascript src=/static/js/app.f0d548dff95e73e0606f.js></script></body></html>

对搜索引擎极不友好
gdsagdada
2017-04-27 14:21:16 +08:00
<div class="reply_content">&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset=utf-8&gt;&lt;meta name=viewport content=&quot;width=device-width,initial-scale=1,user-scalable=0&quot;&gt;&lt;link rel=&quot;shortcut icon&quot; type=image/png href=/static/zhihu2.png&gt;&lt;title&gt;Eva&lt;/title&gt;&lt;link href=/static/css/app.e566e243fdc705412436666108f607da.css rel=stylesheet&gt;&lt;/head&gt;&lt;body&gt;&lt;div id=app&gt;&lt;/div&gt;&lt;script type=text/javascript src=/static/js/manifest.1cbc5d51d3ba1378d7f7.js&gt;&lt;/script&gt;&lt;script type=text/javascript src=/static/js/vendor.de75f5fbbefb33c26abe.js&gt;&lt;/script&gt;&lt;script type=text/javascript src=/static/js/app.f0d548dff95e73e0606f.js&gt;&lt;/script&gt;&lt;/body&gt;&lt;/html&gt;
<br />
<br />对搜索引擎极不友好</div>

这是 v2 的源码,楼主你懂我的意思了吗
davidzhanwork
2017-04-27 14:22:40 +08:00
打不开。。。
shuirong1997
2017-04-27 14:22:44 +08:00
@gdsagdada 刚才没懂,现在懂了.( SEO 没有专门去了解过)
Anybfans
2017-04-27 14:43:36 +08:00
这个 JS 我用了 13 秒 http://118.89.103.78/static/js/vendor.de75f5fbbefb33c26abe.js

这个图片 4.8 秒 http://118.89.103.78/static/img/girl-min.8bdc6e4.jpg
Akkuman
2017-04-27 14:48:18 +08:00
话说,手机端看着不好看,电脑不错
IJustmaogepao
2017-04-27 17:12:15 +08:00
第一反应是明日香和丽女神==,我是不是没救了(逃
Penton
2017-04-27 17:21:27 +08:00
加 wx 发现昵称旁是蓝色的。。。
shuirong1997
2017-04-27 17:38:00 +08:00
@Penton wx 是什么?
Penton
2017-04-27 20:26:18 +08:00
@shuirong1997 #30 微信啊,还有 QQ 也是带把的。。。
chairuosen
2017-04-27 20:32:21 +08:00
为什么背景不是凌波丽
shuirong1997
2017-04-27 21:50:42 +08:00
@chairuosen 是凌波丽你又该问为什么不是这个...
chairuosen
2017-04-27 22:05:39 +08:00
@shuirong1997 凌波丽是 EVA 里的,EVA 跟初音未来是俩东西。。
Pyjamas
2017-04-27 23:42:22 +08:00
看到了王垠的文章。。
bertonzh
2017-04-27 23:50:46 +08:00
界面看上去像 Material Design,实际上细节方面以及美观程度比真正的 Material Design 差很多。
应该找个好的 MD 实现,把它的细节仔细地复制一遍。
RE
2017-04-28 00:21:12 +08:00
什么!叫 EVA 竟然不是凌波丽明日香!
qhxin
2017-04-28 09:46:18 +08:00
背景图应该放凌波丽啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊谁谁谁
rpdict
2017-04-28 10:32:12 +08:00
别说了,我。。
trys1
2017-04-28 11:07:45 +08:00
首页背景图,在页面收窄后,变形了

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

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

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

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

© 2021 V2EX