上周六晚上,我发布了 v2ex.k 的0.0.1版本,收到了很多的反馈和支持,这让我对这个项目充满信心。那个周末连续更新到了0.0.5版本。
但我希望这个项目可以做到更好。
经过几个晚上的加工,0.1.0版本终于定型。截至我写这个帖子的时候,已经达到了0.1.1版本,紧急修复了一个bug。
如果对v2ex.k 不太熟的同学可以先看一下原来的帖子: http://www.v2ex.com/t/169091
或者github主页: https://github.com/kokdemo/v2ex.k
或者直接安装一下试试: https://chrome.google.com/webstore/detail/v2exk/dnbmbhefokngmkalbdcgjdlgoppfhndn
特性
- 全新的界面颜色。
- 左侧导航栏。
- 快速阅读模式。
- 左侧显示通知条数。
- 自定义颜色设置。
6. 全键盘操作模式。
截图

观察力比较好的同学已经能看出一些端倪来了,主要修改的地方见下面的描述。
更新
2015.2.11:
- 全新的默认主题颜色。
- 正式迈入0.1版本,修改原有的iframe模式为ajax模式,读取速度更快。
- 修改CSS,减少页面空隙,提升页面利用率。
- 增加全键盘操作,提升了笔记本的阅读效率。
- 优化了快速阅读区域中的中文阅读效果,修改了字体渲染效果。
- 优化左侧导航栏的视觉效果,全部使用icon代替原有文字。
帮助
- 使用快速阅读只需要点击列表中除了链接之外的空白即可。
- 右侧的快速阅读区域可以点击进入具体的帖子。
- 自定义颜色设置具体如下
<code>
.k_color_dark{
background-color: #3C7300;/*主要导航条颜色*/
}
.k_color_light{
background-color: #5CB000;/*次级导航条颜色*/
}
span a.node.k_color_node{
background-color: #B9D998;/*小标签背景颜色*/
color: #FFF;
}
td a.count_livid.k_color_count{
background-color: #3C7300;/*回帖数目背景颜色*/
}
#Wrapper.k_color_background{
background-color: #E2F1D0;/*背景颜色*/
}
.k_color_hover:hover{
background-color: #2980B9;/*导航条放置变色*/
}
.k_color_item{
background-color: #FFF;/*列表项背景颜色*/
}
.k_color_item a:link,.k_color_item a:visited,.k_color_item a:active{
color: #3C3B47; /*列表项文字颜色*/
text-shadow: none;
}
.k_color_choosen{
background-color: #eeeeee;/*被选择的列表项的背景颜色*/
}
#k_tabbar a.tab_current:link, #k_tabbar a.tab_current:visited, #k_tabbar a.tab_current:active{
background-color: #505770; /*次级导航条被选中颜色*/
border-top-left-radius:0;
border-bottom-left-radius:0;
}
</code>
4 . 全键盘使用:
在没有开启快速阅读模式下:
- 方向键上,方向键下,会自动选择帖子列表的第一项,并进入快速阅读模式。
- 空格键,会回到顶部。
- 方向键左,会回到上一页。
在开启了快速阅读模式之后:
- 方向键上下,切换上一条/下一条帖子。
- 空格键,会回到顶部。
- 方向键右,进入这个帖子。
For chrome
https://chrome.google.com/webstore/detail/v2exk/dnbmbhefokngmkalbdcgjdlgoppfhndn
感谢
首先要感谢V2EX Next项目 https://dribbble.com/shots/1355911-V2EX-Next 上一个版本的配色很受大家诟病,我将配色向next项目靠拢,果然好多了!
其次要感谢
@rainy3636
@loading
@romotc
@yrom
@vimutt
@233
@branchzero
@Jreen
@julijulilijuliju
@liwanglin12
@elvba 等同学的反馈,尤其是@branchzero反馈特别仔细;新的快速阅读的想法也是来自@elvba。
接着要感谢一下 @caoyue 制作的ff版本 https://github.com/caoyue/userjs/blob/master/v2ex.k.user.js
以及 @break 制作的衍生版本 https://github.com/jShi-git/purple-v2ex
我的思路和他的有很多相似的地方。
ps
写完帖子也有12点多了……希望大家能够用的开心!
还是那句话:
『用更好的UI开始新的一天。』