帮我体验新博客 WBlog 吧

博客

新的博客地址: http://yafeilee.me

从 3 月 15 号离职之后, 就基本上一直宅在家里, 研究和开发我的新项目: cywin, 现在还只能告诉你是关于创业圈子的互联网金融类产品.

从上周六开始, 打算重构一下我的博客: http://yafeilee.me, 目的一是增强博客的移动用户访问体验, 另一目的是准备一些新技术积累, 为 cywin 少走点弯路做准备.

很高兴的宣布, 新博客已经上线, 并且源代码开源, 采用 MIT 协议可自由使用, 希望能成为 Rails 程序员又一个搭建博客的选择( 源代码地址在博客的最右下角 ).

发布了就要有个新名字, WinDy’s Blog 太长了, 短点, 就是 WBlog 吧. 暂时这样吧, 你有好的建议也可以提给我:)

说了一堆费话, 来看看我夜不能寐的特性有哪些:

1. 响应式页面

就是任何手机, 电脑访问都应该很 NICE, 这里得益于研究了 Foundation 5 与 CSS3 的特性.

事实上, 我在开发 WBlog 的时候, 首先是看手机上访问的效果是不是最好的.

2. 简洁而不简单的博客功能

怎样让功能简洁而不简单, 是一直在考虑的东西, 我做了以下事情:

整体样式采用黑白, 配合少量蓝色, 优先处理了文章显示的效果.
全新开发了一个评论系统, 仅仅有评论功能, 而没有复杂的回复, 分享, 登录, 我认为那是浪费了用户的体验.
分享功能采用二维码, 默认隐藏, 让整个文章的体验更好又不失分享, 你还可以在电脑上看一半扫描至手机继续看.
同时拥有邮件订阅, 微信扫一扫, RSS订阅, 足够用了.
完整的后台管理, 你们的评论与喜欢都能及时邮件通知到我了.

3. 新的抽屉样式更适应手机访问

事实, 为了让手机上访问更舒服, 我研究并采用抽屉式的菜单, 比如关于我的链接就放在了网站左上角的三个框里面了. 可以试试看.

另外, 增加了时间线, 方便阅读以前的博客, 并且弱化了发表时间, 我认为好的博客是没有时间限制的, 永远是好博客.

4. 针对技术文章的优化

插入一段 Ruby 代码你就懂了:

# ruby code
puts "WBlog is coming"
puts "New life is beginning"

C代码:

// c code
printf("%s \n", "WBlog is coool!");

为了实现这点, 专门优化了相关样式与代码

5. 技术优势

以上功能, 采用的核心技术是: Ruby on Rails4.0.4, Angularjs, Mongodb, slim

由于采用了 Angularjs, 代码清晰而优雅, 所以方便自我定制.

另外就是快, 写一个这样的系统在几年前, 可需要大量的时间, 我初步估算也要 1 个月时间, 现在, 新技术的成熟, 云端服务, 加上各种框架的支持, 效率快的不可思议.

这是一个适合创造的年代, 适合快速成型, 不断修正你的产品.

这次, 花了 5 天, 收获很多, 相信对我的新产品 cywin 也会有巨大帮助.

收尾

请帮助我测试与反馈下你的看法, 你的意见我会认真听取, 但可能不会落实, 谢谢!

新的博客地址: http://yafeilee.me

也希望你能多对我的文章点赞:)

发表于 2014.04.03

二维码

王明 • 2014-05-18 00:30

大赞

cc • 2014-05-06 14:17

评论功能少了表情

linyu deng • 2014-04-17 15:35

UI在视觉方面设计得不错，但从使用角度来说，很不方便，成了硬伤

李亚飞 • 2014-04-07 21:25

@hh 这估计是你的浏览器的问题, 有的浏览器是会缺省下载的, 我测试了 chrome 是正常的.

hh • 2014-04-07 20:35

你的网站很好，我也是看着你的代码学习rails，有个疑问还望释疑一下
本篇文章的图片，我复制链接，在浏览器打开，为何不能直接出现图片，而是给出下载图片的对话框

李亚飞 • 2014-04-06 21:19

@sphawkcn thx 已经修复:)

https://github.com/windy/wblog/issues/19

李亚飞 • 2014-04-06 21:12

@轮子

先谢谢你提问题给我:) 理念不同, 所以可能看法不同, 我来说说我的看法:

1. 评论记住 session, 这个功能值得合入, 我先记个 ISSUE.
2. omniauth 最好不要搞, 引入它虽然看起来方便, 但一旦做了, 就要支持 qq, douban, 微博等等. 不然对其他社区的都是不公平的, 而邮件通知是最独立, 最好的一种( 我认为是 )
3. 评论过的内容修改, 99% 的用户不会用它, 而且没有 session 的话就没法支持了.
4. 会把 @ 功能做起来, 时间有限, 希望有哪个 rails 爱好者一起做:)

最后, 祝晚安:)

轮子 • 2014-04-06 19:36

好吧，点多几个才觉得有些不爽的地方
1. 虽然登录觉得没必要，但是还是希望能记住session不需要重复写名字和邮箱
2. 其实引入ommiauth还是有意义的，因为我一点就可以不用输名字和邮箱了
3.评论过的内容没法改和补一些东西，这也是不爽的，打错字很丢人
4. 等你回复了这个留言我想回复你的回复都没有好的跟踪，看起来一大片的回复
5. 好吧，我刚开始比较笨，看不到左上角的按钮，就感觉这个跟纯Html一样，所以说没什么特点

为啥我说那么多？因为现在在车上堵车堵得我好郁闷

轮子 • 2014-04-06 19:24

ipad用uc浏览器访问感觉貌似没什么特别的地方

sphawkcn • 2014-04-06 11:01

Firefox下，评论的内容不会自动换行，而是集中到一行，截不了图，在Firefox下看看二楼梅林的评论就明白了，IE11.0下显示正常。

飞亚.zhang • 2014-04-05 16:16

哇咔咔，赞一下，比你的上一个博客清爽多了

黑子 • 2014-04-04 11:41

风格清爽
发现https://app.wercker.com/ 的前端风格和你的相像。

李亚飞 • 2014-04-03 23:41

@梅林

先谢谢这么仔细的体验:

4, 5 已改, 修改了图标样式, 并且鼠标放在图标上会有个小提示.
6 已改, 手形鼠标改为缺省的图标了.
7 所谓自动加载我认为是反人类的, 所以不支持.

1, 2, 3 个人更喜欢英文标点加空格来写文章, 感觉更干净. tag 链接不支持, 感觉功能大多数无用.

体验太仔细了, 没有处理好的细节都被抓出来了 - -!

李亚飞 • 2014-04-03 22:52

@梅林收到, 修复中

梅林 • 2014-04-03 22:48

评论有问题啊，不能自动换行。

梅林 • 2014-04-03 22:48

回来又仔细看了看，整体感觉非常棒！有几个小问题：
1.文章URL中的随机数是不是太长了？
2.文章中怎么都是英文标点符号呢？
3.tag不支持链接？
4.“技术“前面的图标怎么和抽屉按键图标一样？
5.文章顶部的”技术“和”博客“占了两行，感觉这里有点空？而且一开始我都不知道这里显示的”技术“和”博客“是什么意思，后来才明白”技术“是版块，”博客“是tag。
6.抽屉点开后，里面显示的”ARCHIVE“和”时间线“是一样的意思，”ABOUT“和”关于我“也是一样的意思。鼠标放在MENU、ARCHIVE、ABOUT上也会显示手形，但是不能点击的。
7.文章列表中为”Load More“为啥不改成自动加载呢？

其它的图标、字体、排版这些我也说不上来啦，胡乱说了这么多，哈哈！

cc • 2014-04-03 21:51

nice