Transy（alpha版）, 辅助人工翻译的小工具

网址
===
http://www.transy.org

源码
===
https://github.com/hustlzp/transy

简介
===

之前初学原生js的时候曾做过一个辅助翻译的Chrome小插件——Transy（https://chrome.google.com/webstore/detail/transy/lffhikhbpbghniodpglpklgfokmbmcif）。利用的是HTML5的LocalStorage进行存储。不过最近想学点新技术，于是就重写了。主要功能：

* 对照：左右对照，免得开两个word一起滚蛮麻烦的
* 格式：右键菜单->格式：主标题、字标题、正文、引用
* 图片：目前只能插入图片url...
* 审阅：中间的竖条，灰色表示未完成（或翻完了但没审）；翻译完并审阅一遍后，再去点击就变成蓝色，表示这一段已经确保没问题了，下次翻译时只需关注灰色区域
* 输出：点击“导出”可以获得纯净HTML，输出模式——中、英、中英混排；格式对应关系——主标题（h3）、子标题（h4）、正文（p）、引用（blockquote）
* 快捷键：Ctrl-S（保存）、Tab（自动切换到下一个中文编辑区）、Ctrl-Enter（切换翻译状态：灰色<->蓝色）
* 保存提醒：当数据发生变化但未保存时用户刷新、跳转或关闭页面，系统会弹框提醒

目前还是很简单的几个页面，没有做多用户功能，谁都可以编辑。。。等暑假了再慢慢做吧

技术
===
这次尝试了一些之前耳闻过但没接触的东东：
* Coffee：前后端统一喝coffee，感觉还不错
* Node：初学者就不折腾了...使用最常见的组合Express+Mongoose+Jade
* MongoDB：特别方便，就不需要分表了，整体丢进去就好
* Metro UI CSS：之前用Bootstrap比较厌了，这次换换扁平风格的UI框架（http://metroui.org.ua）

环境
===
* 256M Ubuntu：Host700还不错
* Nginx：缓存静态文件，反代node
* Forever：后台运行Express

部署
===
使用Farbic进行日常的git pull和forever restart

现在的一个小问题就是，个别页面所需的js代码有点多（而且以后会越来越多），有点乱，导致维护起来有些困难。网上做功课后发现一些前段框架貌似是用于单页富应用的（发现了很多：backbone、knockout、Angular）？还请V2EX的各位大大推荐一二！