├── .github └── FUNDING.yml ├── .gitignore ├── JetBrains ├── README.md └── ide-setting.md ├── README.md ├── SUMMARY.md ├── appendix ├── README.md ├── books.md ├── computer-science.md ├── tools.md └── websites.md ├── architecture ├── README.md ├── design-pattern │ ├── README.md │ └── design-pattern-js.md ├── interface-oriented-programming │ └── README.md └── object-oriented-programming │ ├── README.md │ ├── encapsulation.md │ ├── inheritance.md │ └── polymorphism.md ├── code-review ├── 6-ways-to-quantify-your-code.md ├── README.md └── code-review-list.md ├── data-structures-and-algorithm ├── README.md ├── data-structure-float.md ├── heap-and-stack.md ├── learning-road.md ├── sort-algorithm.md └── xml-and-json.md ├── deploy ├── README.md └── aws-intro.md ├── design ├── README.md ├── appreciate.md ├── balance-design-and-realize.md ├── infinite-tile.md └── learning-sketch.md ├── effciency ├── README.md ├── break-through-intranet.md ├── coder-guide.md ├── great-fire-wall.md ├── how-to-ask.md ├── how-to-read.md ├── how-to-search.md ├── how-to-write.md ├── mange-files.md ├── mange-knowledge.md ├── mange-password.md ├── mange-time.md ├── music-vs-efficiency.md ├── share-with-slide.md └── share-with-video.md ├── hacker ├── README.md └── protect-privacy.md ├── healthy ├── README.md ├── about-sleep.md └── detect-overwork.md ├── knowledge ├── README.md ├── learning-design.md ├── learning-english.md ├── learning-front-end.md ├── learning-games.md ├── learning-ios.md ├── learning-mooc.md └── podcasts.md ├── networks ├── README.md ├── a-simple-performance-comparison-of-https-spdy-and-http2.md ├── assets │ └── http状态码.jpg └── http-status-code.md ├── offer ├── README.md ├── about-resume.md ├── before-find-offer.md └── interview-principle-and-skill.md ├── others ├── README.md └── hardware.md ├── pm ├── README.md ├── good-product-manager.md └── pm-skills.md ├── programmer-basic ├── README.md ├── character-encoding.md ├── directory.md ├── naming.md ├── open-source-license.md ├── ordinary-road.md ├── regular-expression.md ├── semantic-versioning.md ├── technical-terms.md └── write-document.md ├── software ├── .gitignore ├── README.md ├── android │ ├── README.md │ ├── google-play.md │ └── software-list.md ├── develop-tool │ ├── README.md │ ├── editor-config.md │ ├── emacs.md │ ├── fonts.md │ ├── git.md │ ├── gulp.md │ ├── mac-sublimetext3.md │ ├── node.md │ ├── shadowsocks.md │ ├── tmux.md │ ├── webstorm.md │ └── windows-sublimetext3.md ├── git │ ├── README.md │ ├── getting-start.md │ └── github-cheat-sheet.md ├── mac │ ├── README.md │ ├── alias.md │ ├── develop-environment.md │ ├── dotfiles.md │ ├── permissions.md │ ├── setting.md │ ├── shortcuts.md │ ├── software-list.md │ ├── softwares │ │ ├── 1Password.md │ │ ├── TextExpander.md │ │ ├── bettertouchtool.md │ │ ├── brew.md │ │ ├── euDic.md │ │ ├── iTerm2.md │ │ ├── manico.md │ │ ├── popClip.md │ │ ├── window-management.md │ │ └── zsh.md │ └── usefully-command.md ├── sketch │ ├── Awesome-Sketch.md │ └── README.md ├── trello │ ├── README.md │ └── use-trello-manage-project.md └── windows │ ├── README.md │ ├── hardware.md │ ├── install-windows.md │ └── software-list.md ├── soho ├── README.md └── resource.md ├── teamwork ├── README.md ├── hiring.md ├── leader.md └── training.md └── writing ├── README.md └── using-gitbook.md /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | 3 | github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2] 4 | patreon: # Replace with a single Patreon username 5 | open_collective: # Replace with a single Open Collective username 6 | ko_fi: # Replace with a single Ko-fi username 7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel 8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry 9 | liberapay: # Replace with a single Liberapay username 10 | issuehunt: # Replace with a single IssueHunt username 11 | otechie: # Replace with a single Otechie username 12 | custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2'] 13 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Node rules: 2 | ## Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 3 | .grunt 4 | 5 | ## Dependency directory 6 | ## Commenting this out is preferred by some people, see 7 | ## https://docs.npmjs.com/misc/faq#should-i-check-my-node_modules-folder-into-git 8 | node_modules 9 | 10 | # Book build output 11 | _book 12 | 13 | # eBook build output 14 | *.epub 15 | *.mobi 16 | *.pdf 17 | 18 | ## MacOS 19 | .DS_Store -------------------------------------------------------------------------------- /JetBrains/README.md: -------------------------------------------------------------------------------- 1 | # JetBrains 2 | JetBrains是一家专注开发开发工具的公司，旗下的IEDA, WebStorm获得了开发者的极大喜爱。 3 | 4 | 它们家的IDE是收费的，广大开发者最好还是支持一下正版。 -------------------------------------------------------------------------------- /JetBrains/ide-setting.md: -------------------------------------------------------------------------------- 1 | # IDE设置 2 | 下载安装完成后，我首先会设置一下编辑器。JetBrains的设置在旗下的IDE中是通用的，所以配置是可以随时导入导出的。进入设置的方式为: `File->Settings`。 3 | 4 | ## 界面设置 5 | - 设置行号: `show line numbers` 6 | - 设置softwrap: `soft Wraps` 7 | - 设置工程和文件编码 8 | - 设置换行模式 9 | - 设置index空格数 10 | 11 | 12 | ## keymaps 13 | - 设置emacs移动光标方式 14 | - 设置基本的编辑方式 15 | - 设置快捷打开文件方式 16 | - 设置快捷访问功能方式 17 | - 设置浏览器标签切换方式 18 | - 设置格式化代码方式 19 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # A Programmer Prepares 2 | 3 | Being a programmer... 4 | 5 | ## 联系方式 6 | - email: leohxj@gmail.com 7 | - github: [Leo Hui](https://github.com/leohxj) 8 | -------------------------------------------------------------------------------- /SUMMARY.md: -------------------------------------------------------------------------------- 1 | # Summary 2 | 3 | This is the summary of my book. 4 | * [程序员基础知识](programmer-basic/README.md) 5 | * [字符编码](programmer-basic/character-encoding.md) 6 | * [技术名词](programmer-basic/technical-terms.md) 7 | * [语义化版本](programmer-basic/semantic-versioning.md) 8 | * [命名规范](programmer-basic/naming.md) 9 | * [书写文档](programmer-basic/write-document.md) 10 | * [开源协议](programmer-basic/open-source-license.md) 11 | * [目录结构](programmer-basic/directory.md) 12 | * [正则表达式](programmer-basic/regular-expression.md) 13 | * [平凡之路](programmer-basic/ordinary-road.md) 14 | * [数据结构与算法](data-structures-and-algorithm/README.md) 15 | * [堆和栈](data-structures-and-algorithm/heap-and-stack.md) 16 | * [浮点数类型](data-structures-and-algorithm/data-structure-float.md) 17 | * [XML和JSON](data-structures-and-algorithm/xml-and-json.md) 18 | * [算法学习之路](data-structures-and-algorithm/learning-road.md) 19 | * [排序算法](data-structures-and-algorithm/sort-algorithm.md) 20 | * [代码架构](architecture/README.md) 21 | * [设计模式](architecture/design-pattern/README.md) 22 | * [常用的Javascript设计模式](architecture/design-pattern/design-pattern-js.md) 23 | * [面向对象编程](architecture/object-oriented-programming/README.md) 24 | * [继承](architecture/object-oriented-programming/inheritance.md) 25 | * [多态](architecture/object-oriented-programming/polymorphism.md) 26 | * [封装](architecture/object-oriented-programming/encapsulation.md) 27 | * [面向接口编程](architecture/interface-oriented-programming/README.md) 28 | * [代码评审](code-review/README.md) 29 | * [六种量化你代码的方式](code-review/6-ways-to-quantify-your-code.md) 30 | * [程序员必备的代码审查（Code Review）清单](code-review/code-review-list.md) 31 | * [服务器部署](deploy/README.md) 32 | * [AWS简介](deploy/aws-intro.md) 33 | * [网络知识](networks/README.md) 34 | * [HTTPS, SPDY和 HTTP/2性能的简单对比](networks/a-simple-performance-comparison-of-https-spdy-and-http2.md) 35 | * [HTTP状态码](networks/http-status-code.md) 36 | * [懂点设计](design/README.md) 37 | * [佳作赏析](design/appreciate.md) 38 | * [无缝平铺](design/infinite-tile.md) 39 | * [Sketch学习](design/learning-sketch.md) 40 | * [设计与实现的平衡](design/balance-design-and-realize.md) 41 | * [写点东西](writing/README.md) 42 | * [使用gitbook](writing/using-gitbook.md) 43 | * [合格的PM](pm/README.md) 44 | * [一个好的产品经理](pm/good-product-manager.md) 45 | * [产品经理的技能](pm/pm-skills.md) 46 | * [团队合作](teamwork/README.md) 47 | * [关于招聘](teamwork/hiring.md) 48 | * [培训新人](teamwork/training.md) 49 | * [领导能力](teamwork/leader.md) 50 | * [获取知识](knowledge/README.md) 51 | * [MOOC](knowledge/learning-mooc.md) 52 | * [Podcasts](knowledge/podcasts.md) 53 | * [英语学习](knowledge/learning-english.md) 54 | * [设计学习](knowledge/learning-design.md) 55 | * [前端学习](knowledge/learning-front-end.md) 56 | * [iOS学习](knowledge/learning-ios.md) 57 | * [游戏开发](knowledge/learning-games.md) 58 | * [关注健康](healthy/README.md) 59 | * [过劳检测](healthy/detect-overwork.md) 60 | * [关于睡眠](healthy/about-sleep.md) 61 | * [提升效率](effciency/README.md) 62 | * [学会阅读](effciency/how-to-read.md) 63 | * [学会提问](effciency/how-to-ask.md) 64 | * [善用搜索](effciency/how-to-search.md) 65 | * [学会写作](effciency/how-to-write.md) 66 | * [科学上网](effciency/great-fire-wall.md) 67 | * [突破内网](effciency/break-through-intranet.md) 68 | * [时间管理](effciency/mange-time.md) 69 | * [知识管理](effciency/mange-knowledge.md) 70 | * [文件管理](effciency/mange-files.md) 71 | * [密码管理](effciency/mange-password.md) 72 | * [制作视频](effciency/share-with-video.md) 73 | * [制作PPT](effciency/share-with-slide.md) 74 | * [论音乐对效率的影响](effciency/music-vs-efficiency.md) 75 | * [程序员效率指南](effciency/coder-guide.md) 76 | * [SOHO](soho/README.md) 77 | * [创业资源](soho/resource.md) 78 | * [Hacker](hacker/README.md) 79 | * [保护隐私](hacker/protect-privacy.md) 80 | * [关于工作](offer/README.md) 81 | * [找工作前需要思考的问题](offer/before-find-offer.md) 82 | * [原则与技巧](offer/interview-principle-and-skill.md) 83 | * [关于简历](offer/about-resume.md) 84 | * [其他方面](others/README.md) 85 | * [硬件相关](others/hardware.md) 86 | * [常用软件](software/README.md) 87 | * [Windows](software/windows/README.md) 88 | * [硬件配置](software/windows/hardware.md) 89 | * [系统安装](software/windows/install-windows.md) 90 | * [常用软件](software/windows/software-list.md) 91 | * [Mac](software/mac/README.md) 92 | * [通用设置](software/mac/setting.md) 93 | * [权限问题](software/mac/permissions.md) 94 | * [alias设置](software/mac/alias.md) 95 | * [常用软件](software/mac/software-list.md) 96 | * [iTerm2](software/mac/softwares/iTerm2.md) 97 | * [brew](software/mac/softwares/brew.md) 98 | * [zsh](software/mac/softwares/zsh.md) 99 | * [1Password](software/mac/softwares/1Password.md) 100 | * [TextExpander](software/mac/softwares/TextExpander.md) 101 | * [欧陆词典](software/mac/softwares/euDic.md) 102 | * [popClip](software/mac/softwares/popClip.md) 103 | * [manico](software/mac/softwares/manico.md) 104 | * [窗口管理器](software/mac/softwares/window-management.md) 105 | * [BetterTouchTool](software/mac/softwares/bettertouchtool.md) 106 | * [开发环境](software/mac/develop-environment.md) 107 | * [快捷键设置](software/mac/shortcuts.md) 108 | * [常用终端命令](software/mac/usefully-command.md) 109 | * [dotfiles](software/mac/dotfiles.md) 110 | * [Android](software/android/README.md) 111 | * [常用软件](software/android/software-list.md) 112 | * [如何登录美国区GooglePlay](software/android/google-play.md) 113 | * [开发工具](software/develop-tool/README.md) 114 | * [git](software/develop-tool/git.md) 115 | * [EditorConfig](software/develop-tool/editor-config.md) 116 | * [node](software/develop-tool/node.md) 117 | * [shadowsocks](software/develop-tool/shadowsocks.md) 118 | * [ST3--Windows篇](software/develop-tool/windows-sublimetext3.md) 119 | * [ST3--Mac篇](software/develop-tool/mac-sublimetext3.md) 120 | * [gulp](software/develop-tool/gulp.md) 121 | * [字体的选择](software/develop-tool/fonts.md) 122 | * [Emacs](software/develop-tool/emacs.md) 123 | * [WebStorm](software/develop-tool/webstorm.md) 124 | * [tmux](software/develop-tool/tmux.md) 125 | * [Sketch](software/sketch/README.md) 126 | * [Sketch中文学习资料](software/sketch/Awesome-Sketch.md) 127 | * [Trello](software/trello/README.md) 128 | * [使用Trello管理项目的经验](software/trello/use-trello-manage-project.md) 129 | * [git进阶](software/git/README.md) 130 | * [15分钟学会使用Git和远程代码库](software/git/getting-start.md) 131 | * [GitHub秘籍](software/git/github-cheat-sheet.md) 132 | * [JetBrains](JetBrains/README.md) 133 | * [IDE设置](JetBrains/ide-setting.md) 134 | * [附录](appendix/README.md) 135 | * [计算机科学与技术](appendix/computer-science.md) 136 | * [网站](appendix/websites.md) 137 | * [书籍](appendix/books.md) 138 | * [工具](appendix/tools.md) -------------------------------------------------------------------------------- /appendix/README.md: -------------------------------------------------------------------------------- 1 | # 附录 2 | -------------------------------------------------------------------------------- /appendix/books.md: -------------------------------------------------------------------------------- 1 | # 书籍 2 | - [程序员必读书单 1.0](http://lucida.me/blog/developer-reading-list/) 3 | - [【年终特刊】2013年我们读过的好书](http://weekly.manong.io/issues/15) 4 | - [【年终特刊】2014 年最受欢迎的技术干货](http://weekly.manong.io/issues/56?ref=wechat#rd&sukey=fd39034cdd3ad743b280ffef9af25891aa1a9a051e1f9a773a149f68b5db01e9eb3173610fad1bb3863457c27a735cb9) 5 | 6 | ## 个人提升 7 | - [知道创宇研发技能表v2.2](http://vdisk.weibo.com/s/EPyLE0kt9Mow): 国内著名黑客余弦总结。 8 | 9 | ## 数据可视化 10 | - [data-design](https://github.com/infoactive/data-design/): 提高我们对于数据和设计的理解的集体行动的开始。 11 | - [一位前端开发者的计算机视觉学习之路——专访《Chrome扩展及应用开发》作者李喆](http://www.ituring.com.cn/article/123884) -------------------------------------------------------------------------------- /appendix/computer-science.md: -------------------------------------------------------------------------------- 1 | # 计算机科学与技术 2 | Computer Science，大学的专业，但也没有很认真的学。 3 | 4 | ## 参考资料 5 | - [网易云课堂](http://study.163.com/curricula/cs.htm) 6 | - [Github干货：计算机科学公开课](http://top.jobbole.com/18025/) 7 | - [林建：计算机专业学习浅谈](http://mp.weixin.qq.com/s?__biz=MjM5MzA0OTkwMA==&mid=208006388&idx=2&sn=eb5ad9b8afd4c6bfadea76889c131304#rd) -------------------------------------------------------------------------------- /appendix/tools.md: -------------------------------------------------------------------------------- 1 | # 工具 2 | 3 | ## 工具 4 | - [free-for-dev](https://github.com/ripienaar/free-for-dev): A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev 5 | 6 | 7 | -------------------------------------------------------------------------------- /appendix/websites.md: -------------------------------------------------------------------------------- 1 | # 网站 2 | 3 | - [码农周刊](http://weekly.manong.io/) 4 | - [码农周刊整理](https://github.com/nemoTyrant/manong) 5 | - [hackr.io](http://hackr.io/): Share and discover the best programming tutorials and courses online. -------------------------------------------------------------------------------- /architecture/README.md: -------------------------------------------------------------------------------- 1 | # 代码架构 2 | 3 | ## 参考资料 4 | - [软件设计杂谈](http://mp.weixin.qq.com/s?__biz=MzA3NDM0ODQwMw==&mid=207078329&idx=1&sn=14070c2bc5f24af58e951c8a926964e0#rd) -------------------------------------------------------------------------------- /architecture/design-pattern/README.md: -------------------------------------------------------------------------------- 1 | # 设计模式 2 | 设计模式。 3 | 4 | ## 参考资料 5 | - [蔡学镛架构设计方法](http://vdisk.weibo.com/s/q8FZMJO4W2qq) -------------------------------------------------------------------------------- /architecture/design-pattern/design-pattern-js.md: -------------------------------------------------------------------------------- 1 | # 常用的Javascript设计模式 2 | 3 | ## 参考资料 4 | - [常用的Javascript设计模式](http://web.jobbole.com/29454/) -------------------------------------------------------------------------------- /architecture/interface-oriented-programming/README.md: -------------------------------------------------------------------------------- 1 | # 面向接口编程 2 | IOP。 -------------------------------------------------------------------------------- /architecture/object-oriented-programming/README.md: -------------------------------------------------------------------------------- 1 | # 面向对象程序设计 2 | 3 | ## 参考资料 4 | - [S.O.L.I.D：面向对象设计的头 5 大原则](http://mp.weixin.qq.com/s?__biz=MjM5OTA1MDUyMA==&mid=206096090&idx=2&sn=2853d260242f7eaf5cf8fe9a0a8a9811#rd) -------------------------------------------------------------------------------- /architecture/object-oriented-programming/encapsulation.md: -------------------------------------------------------------------------------- 1 | # 封装 2 | -------------------------------------------------------------------------------- /architecture/object-oriented-programming/inheritance.md: -------------------------------------------------------------------------------- 1 | # 继承 2 | 3 | 继承从代码复用的角度来说，特别好用，也特别容易被滥用和被错用。不恰当地使用继承导致的最大的一个特征就是高耦合。 4 | 在这里我要补充一点，耦合是一个特征，虽然大部分情况是缺陷的特征，但是当耦合成为需求的时候，耦合就不是缺陷了。耦合成为需求的例子在后面会提到。 5 | 6 | ## 总结 7 | 可见，代码复用也是分类别的，如果当初只是出于代码复用的目的而不区分类别和场景，就采用继承是不恰当的。我们应当考虑以上3点要素看是否符合，才能决定是否使用继承。就目前大多数的开发任务来看，继承出现的场景不多，主要还是代码复用的场景比较多，然而通过组合去进行代码复用显得要比继承麻烦一些，因为组合要求你有更强的抽象能力，继承则比较符合直觉。然而从未来可能产生的需求变化和维护成本来看，使用组合其实是很值得的。另外，当你发现你的继承超过2层的时候，你就要好好考虑是否这个继承的方案了，第三层继承正是滥用的开端。确定有必要之后，再进行更多层次的继承。 8 | 9 | ## 参考资料 10 | - [跳出面向对象思想(一) 继承](http://casatwy.com/tiao-chu-mian-xiang-dui-xiang-si-xiang-yi-ji-cheng.html) -------------------------------------------------------------------------------- /architecture/object-oriented-programming/polymorphism.md: -------------------------------------------------------------------------------- 1 | # 多态 2 | 3 | ## 总结 4 | 多态在面向对象程序中的应用相当广泛，只要有继承的地方，或多或少都会用到多态。然而多态比起继承来，更容易被不明不白地使用，一切看起来都那么顺其自然。在客户程序员这边，一般是只要多态是可行方案的一种，到最后大部分都会采用多态的方案来解决问题。 5 | 6 | 然而多态正如它名字中所暗示的，它有非常大的潜在可能引入不属于对象初衷的逻辑，巨大的灵活性也导致客户程序员在面对问题的时候不太愿意采用其他相对更优的方案，比如IOP。在决定是否采用多态时，我们要有一个清晰的角色概念，做好角色细分，不要角色混乱。该是拦截器的，就给他制定一个拦截器接口，由另一个对象（逻辑上的另一个对象，当然也可以是自己）去实现接口里的方法集。不要让一个对象在逻辑上既是拦截器又是业务模块。这样才方便未来的维护。另外也要注意被覆重方法的作用，如果只是单纯为了提供父类所需要的中间数据的，一律都用IOP，这是比直接采用多态更优的方案。 7 | 8 | IOP能够带来的好处当然不止文中写到的这些，它在其他场合也有非常好的应用，它最主要的好处就在于分离了定义和实现，并且能够带来更高的灵活性，灵活到既可以对语言过高的自由度有一个限制，也可以灵活到允许同一接口的不同实现能够合理地组合。在架构设计方面是个非常重要的思想。 9 | 10 | ## 参考资料 11 | - [跳出面向对象思想(二) 多态](http://casatwy.com/tiao-chu-mian-xiang-dui-xiang-si-xiang-er-duo-tai.html) -------------------------------------------------------------------------------- /code-review/6-ways-to-quantify-your-code.md: -------------------------------------------------------------------------------- 1 | # 六种量化你代码的方式 2 | 本文为译文，译者为Leo Hui(我自己！)。 3 | 4 | Businesspeople dig numbers. They don’t necessarily want to hear that you got something done; they want to hear how much you got done—especially relative to past results or some other relevant benchmark—and they want to know the value of what you did. 5 | 6 | 商人关注的是量化，他们想从你哪里通道你做了什么，带来了什么价值，而不是你做了多少。 7 | 8 | Some professionals have it easy when it comes to quantifying their job performance. Salespeople can measure their achievements in dollars and cents, for example, and many other fields also have clear-cut numbers with which to calculate their contributions. 9 | 10 | 教授可以轻松地量化出他们的工作，销售人员可以计算出他们的收益。其他的领域也可以通过一些方式算出他们的贡献。 11 | 12 | For software developers and some other technology-based roles, however, quantifying your work can be a struggle without a straightforward solution. Yet doing so is crucial not just in job searches, but in many aspects of a software engineer’s career: performance reviews, effectively communicating up the chain of command, working efficiently with non-technical business units, and ensuring you’re properly valued within your organization. 13 | 14 | 但是从事软件开发以及技术相关的人员，量化工作确实一个困难的事情。量化这件事情，不是在求职，更是一个技术人员生涯的一部分。绩效评估，有效的了解沟通，高效的和非技术人员合作，确保你再团队或组织中的价值。 15 | 16 | So how do you measure the value of the applications you build, scale, monitor, test, and otherwise support? Here are some of the approaches used at New Relic, as well as industry best practices: 17 | 18 | 但是我们要如何量化工作中的价值呢？这里有一些New Relic推荐的做法： 19 | 20 | “I like to see work accomplishments described in terms of situation, action and results,” says Merilee Krebs, a technical recruiter at New Relic. “What was the business or technical problem to be solved? What unique actions did you take to resolve them and what was the resulting improvement.” 21 | 22 | New Relic的技术招聘人员这样说："我喜欢看到用情况，行动和结果去描述工作成果， 技术人员需要解决的问题是什么？采用什么样的行动去解决和提升这个问题。" 23 | 24 | What does that look like in the real world? Try asking yourself some pointed questions: Did your monitoring and testing lead to a code update that cut down on help desk tickets by X percent? That’s quantitative gold right there. Did you deliver a new app six weeks ahead of schedule? Yeah, you’ll want to brag about that (in a professional manner, of course). Can you connect your code to strategic company objectives? Please, do so. Are you doing something that’s outperforming the traditional standards in your industry? You should be able to quantify the achievement is some way. 25 | 26 | 现实世界中是怎样的呢？你试着问自己一些关键的问题：你有在更新你的代码的时候去监控和测试...这就是量化的目标。如果你在日程表前六周就完成了一个app，你肯定会去炫耀一下。但是你有考虑公司的战略目标吗，如果没有，请思考一下。... 27 | 28 | If this exercise feels unnatural to you, you’re not alone—many programmers often aren’t born sales and marketing pros. If they were, they’d probably work in sales or marketing. So let’s consider six ways to better measure and communicate the value of your code and related work. 29 | 30 | 你是不是感受到一些不同的感觉，这不是你一个人的问题，技术人员的通病。如果技术人员做好了量化这一块，那么他们也许就去从事销售了。所以，让我们考虑六种去量化你代码以及工作的方式： 31 | 32 | ## Think in percentages 33 | 34 | ## Get involved with open source projects 35 | 36 | ## Measure progress, not just products 37 | 38 | ## Keep a work journal 39 | 40 | ## Communicate in two languages 41 | 42 | ## Collect recommendations 43 | 44 | 45 | ## 参考资料 46 | - [6 Ways to Quantify Your Code—and Why You Need to Do It](http://blog.newrelic.com/2014/12/16/quantify-your-code/) -------------------------------------------------------------------------------- /code-review/README.md: -------------------------------------------------------------------------------- 1 | # 代码评审 2 | 3 | ## 参考资料 4 | - [6 Ways to Quantify Your Code—and Why You Need to Do It](http://blog.newrelic.com/2014/12/16/quantify-your-code/) 5 | - [让 Code Review成为一种习惯](http://www.flickering.cn/uncategorized/2014/08/%E8%AE%A9-code-review%E6%88%90%E4%B8%BA%E4%B8%80%E7%A7%8D%E4%B9%A0%E6%83%AF/) 6 | - [代码审查过程](http://blog.jobbole.com/84617/) -------------------------------------------------------------------------------- /code-review/code-review-list.md: -------------------------------------------------------------------------------- 1 | # 程序员必备的代码审查（Code Review）清单 2 | 在我们关于高效代码审查的博文中，我们建议使用一个检查清单。在代码审查中，检查清单是一个非常好的工具——它们保证了审查可以在你的团队中始终如一的进行。它们也是一种保证常见问题能够被发现并被解决的便利方式。 3 | 4 | 软件工程学院的研究表明，程序员们会犯15-20种常见的错误。所以，通过把这些错误加入到检查清单当中，你可以确保不论什么时候，只要这些错误发生了，你就能发现它们，并且可以帮助你杜绝这些错误。 5 | 6 | 为了帮助你开始创建一个清单，这里列出了一些典型的内容：代码审查清单。 7 | 8 | ## 常规项 9 | - 代码能够工作么？它有没有实现预期的功能，逻辑是否正确等。 10 | - 所有的代码是否简单易懂？ 11 | - 代码符合你所遵循的编程规范么？这通常包括大括号的位置，变量名和函数名，行的长度，缩进，格式和注释。 12 | - 是否存在多余的或是重复的代码？ 13 | - 代码是否尽可能的模块化了？ 14 | - 是否有可以被替换的全局变量？ 15 | - 是否有被注释掉的代码？ 16 | - 循环是否设置了长度和正确的终止条件？ 17 | - 是否有可以被库函数替代的代码？ 18 | - 是否有可以删除的日志或调试代码？ 19 | 20 | ## 安全 21 | - 所有的数据输入是否都进行了检查（检测正确的类型，长度，格式和范围）并且进行了编码？ 22 | - 在哪里使用了第三方工具，返回的错误是否被捕获？ 23 | - 输出的值是否进行了检查并且编码？ 24 | - 无效的参数值是否能够处理？ 25 | 26 | ## 文档 27 | - 是否有注释，并且描述了代码的意图？ 28 | - 所有的函数都有注释吗？ 29 | - 对非常规行为和边界情况处理是否有描述？ 30 | - 第三方库的使用和函数是否有文档？ 31 | - 数据结构和计量单位是否进行了解释？ 32 | - 是否有未完成的代码？如果是的话，是不是应该移除，或者用合适的标记进行标记比如‘TODO’？ 33 | 34 | ## 测试 35 | - 代码是否可以测试？比如，不要添加太多的或是隐藏的依赖关系，不能够初始化对象，测试框架可以使用方法等。 36 | - 是否存在测试，它们是否可以被理解？比如，至少达到你满意的代码覆盖(code coverage)。 37 | - 单元测试是否真正的测试了代码是否可以完成预期的功能？ 38 | - 是否检查了数组的“越界“错误？ 39 | - 是否有可以被已经存在的API所替代的测试代码？ 40 | 41 | ## 总结 42 | 你同样需要把特定语言中有可能引起错误的问题添加到清单中。 43 | 44 | 这个清单故意没有详尽的列出所有可能会发生的错误。你不希望你的清单是这样的，太长了以至于从来没人会去用它。仅仅包含常见的问题会比较好。 45 | 46 | ## 优化你的清单 47 | 把使用清单作为你的起点，针对特定的使用案例，你需要对其进行优化。一个比较棒的方式就是让你的团队记录下那些在代码审查过程中临时发现的问题，有了这些数据，你就能够确定你的团队常犯的错误，然后你就可以量身定制一个审查清单。确保你删除了那些没有出现过的错误。（你也可以保留那些出现概率很小，但是非常关键的项目，比如安全相关的问题）。 48 | 49 | ## 得到认可并且保持更新 50 | 基本规则是，清单上的任何条目都必须明确，而且，如果可能的话，对于一些条目你可以对其进行二元判定。这样可以防止判断的不一致。和你的团队分享这份清单并且让他们认同你清单的内容是个好主意。同样的，要定期检查你的清单，以确保各条目仍然是有意义的。 51 | 52 | 有了一个好的清单，可以提高你在代码审查过程中发现的缺陷个数。这可以帮助你提高代码标准，避免质量参差不齐的代码审查。 53 | ## 参考资料 54 | - [程序员必备的代码审查（Code Review）清单](http://blog.jobbole.com/83595/) -------------------------------------------------------------------------------- /data-structures-and-algorithm/README.md: -------------------------------------------------------------------------------- 1 | # 数据结构与算法 2 | 3 | ## 参考资料 4 | - [How to: What are the lesser known but useful data structures?](http://sevennet.org/2014/11/21/how-to-what-are-the-lesser-known-but-useful-data-structures/) 5 | - [浅谈程序优化](http://mp.weixin.qq.com/s?__biz=MjM5OTA1MDUyMA==&mid=205349836&idx=2&sn=fe91dd877df3aef8b686778a4144724e#rd) -------------------------------------------------------------------------------- /data-structures-and-algorithm/data-structure-float.md: -------------------------------------------------------------------------------- 1 | # 浮点数类型 2 | 3 | ## 参考资料 4 | - [你应该知道的浮点数基础知识](http://blog.jobbole.com/86371/) 5 | -------------------------------------------------------------------------------- /data-structures-and-algorithm/heap-and-stack.md: -------------------------------------------------------------------------------- 1 | # 堆和栈 2 | 编程语言书籍中经常解释值类型被创建在栈上，引用类型被创建在堆上，但是并没有本质上解释这堆和栈是什么。 3 | 4 | ## 参考资料 5 | - [什么是堆和栈，它们在哪儿？](http://mp.weixin.qq.com/s?__biz=MjM5OTA1MDUyMA==&mid=206795684&idx=1&sn=c0edf55884ce6145540dcfe8309d1706#rd) 6 | -------------------------------------------------------------------------------- /data-structures-and-algorithm/learning-road.md: -------------------------------------------------------------------------------- 1 | # 算法学习之路 2 | 3 | ## 参考资料 4 | - [我的算法学习之路](http://blog.jobbole.com/67348/) -------------------------------------------------------------------------------- /data-structures-and-algorithm/sort-algorithm.md: -------------------------------------------------------------------------------- 1 | # 排序算法 2 | 3 | ## 参考资料 4 | - [[直观学习排序算法] 视觉直观感受若干常用排序算法](http://www.blogjava.net/todayx-org/archive/2012/01/08/368091.html) 5 | -------------------------------------------------------------------------------- /data-structures-and-algorithm/xml-and-json.md: -------------------------------------------------------------------------------- 1 | # XML和JSON 2 | 3 | ## 参考资料 4 | - [XML和JSON](http://www.raychase.net/2769) -------------------------------------------------------------------------------- /deploy/README.md: -------------------------------------------------------------------------------- 1 | # 服务器部署 2 | -------------------------------------------------------------------------------- /deploy/aws-intro.md: -------------------------------------------------------------------------------- 1 | # AWS简介 2 | AWS(amazon web service), 是Amazon推出的一套云计算服务，2014年进入中国，建立亚洲数据中心。但是国内账号和全球账号是独立的，这一点需要明白。新用户绑定信用卡，即可获得一年的免费使用权。 3 | 4 | ## 注册 5 | 注册国际版本的，需要一张信用卡，我用的是招行的VISA,还需要有一个手机验证的步骤，我的移动手机号没成功，借了同事的联通号码，然后验证通过了。我不确定是否是运营商的问题，或者是我的手机号注册过AWS的服务。。。 6 | 7 | 验证完成之后，我们就可以选择basic模式，开始免费之旅。 8 | 9 | ## 服务介绍 10 | ### S3 11 | S3是`Simple Storage Service`的简称。第一次使用需要创建一个`bucket`,就相当于一个存储空间，这个命名需要唯一。然后上传文件到此目录即可。 12 | 13 | 如果我们要使用S3部署静态网站的话，我们还需要进行一些设置， 记住一点，创建的bucket要和域名一致: 14 | 15 | - 在S3上创建一个`bucket`，会根据命名获得一个s3对应的访问域名，比如命名为`legacydemo.com`会生成`legacydemo.com.s3-website-us-west-2.amazonaws.com` 16 | - 右击新创建的`bucket`，在属性中，开启静态部署，设置`index Document`和`Error Document`。 17 | - 到域名注册商那里，在`DNS Records`中添加一条`CNAME`,指向S3给我们提供的域名 18 | - 等待域名更新，访问自己的域名 19 | 20 | ## 参考资料 21 | - [amazon web services](https://aws.amazon.com/): 官网 22 | - [中文官网](http://aws.amazon.com/cn/) 23 | - [AWS Documentation](http://aws.amazon.com/documentation/) -------------------------------------------------------------------------------- /design/README.md: -------------------------------------------------------------------------------- 1 | # 懂点设计 -------------------------------------------------------------------------------- /design/appreciate.md: -------------------------------------------------------------------------------- 1 | # 佳作欣赏 2 | 3 | ## 设计相关 4 | - [envato](http://market.envato.com/): 世界上最酷的设计师社区。 5 | - [Tuts+](http://tutsplus.com/): 应有尽有。 6 | - [smashingmagazine](http://www.smashingmagazine.com/): 海纳百川。 7 | - [themeforest](http://themeforest.net/): Website Templates and Themes. 8 | - [inspiretrends](http://inspiretrends.com/) 9 | - [dribbble](https://dribbble.com/) 10 | - [canva: design school](http://designschool.canva.com/) 11 | - [beautifulpixels](http://beautifulpixels.com/) 12 | 13 | ## 前端效果 14 | - [codepen](http://codepen.io/) 15 | - [css deck](http://cssdeck.com/) 16 | - [TheCodePlayer](http://thecodeplayer.com/): Learn HTML5, CSS3, Javascript and more... 17 | - [codrops](http://tympanus.net/codrops/): 很多效果的代码示例。 18 | - [css winner](http://www.csswinner.com/): 各种站点欣赏。 19 | 20 | ## 工具 21 | - [InVision](https://projects.invisionapp.com/d/main#/learn): 设计作品标注，分享站点。 -------------------------------------------------------------------------------- /design/balance-design-and-realize.md: -------------------------------------------------------------------------------- 1 | # 设计与实现的平衡 2 | dribbble上又一堆视觉设计高大上的东西，但可能大部分人都无法实现，可见设计与实现还是有一定的距离，如何缩小这一部分呢？ 3 | 4 | 5 | 6 | ## 参考资料 7 | - [视觉设计师是怎样让前端工程师 100% 实现设计效果的?](http://www.zhihu.com/question/27743708) -------------------------------------------------------------------------------- /design/infinite-tile.md: -------------------------------------------------------------------------------- 1 | # 无缝平铺 2 | 电脑的桌面背景设置中就有一个平铺的选项，它能使得图片无限重复，充满整个屏幕。CSS的背景设置也可以如此。那么这个是怎么制作的呢？ 3 | 4 | 5 | ## 参考资料 6 | - [这个节点的背景纹理图片是怎么做出来的？](http://www.v2ex.com/t/60549) 7 | - [subtlepatterns](http://subtlepatterns.com/) -------------------------------------------------------------------------------- /design/learning-sketch.md: -------------------------------------------------------------------------------- 1 | # Sketch学习 2 | 3 | ## 参考资料 4 | - [Sketch 3视频教程专辑](http://beforweb.com/node/672) 5 | - [优酷上的专辑](http://www.youku.com/playlist_show/id_23447322.html) 6 | - [Sketch完全自学资源合集](http://www.jianshu.com/p/41539444261c) -------------------------------------------------------------------------------- /effciency/README.md: -------------------------------------------------------------------------------- 1 | # 提升效率 2 | 我是个很在意效率的人，虽然可能执行力不那么强。但是能省的绝对不会浪费精力去做。 3 | 4 | 这里的效率也包含了如何获取信息，如何与人交流，总之是对个人有益的总结。 5 | -------------------------------------------------------------------------------- /effciency/break-through-intranet.md: -------------------------------------------------------------------------------- 1 | # 突破内网 2 | 有的公司网络环境是受限的，上外网是需要通过代理的，并且对一些娱乐性质的网站进行了屏蔽。我们的目标就是要消除这个现象！ 3 | 4 | ## 准备条件 5 | - 电脑一台 6 | - 一个可以上外网的公司代理 7 | - goagent/shadowsocks，并且有账号 8 | - proxifier: 控制网络请求 9 | - SwitchOmega: chrome的插件 10 | 11 | ## 实现原理 12 | 普通的科学上网上一节已经介绍过了，一般能直连外网的情况下都适用，但是在需要代理上网的环境下，就需要借助其他软件了。 13 | 14 | 普通环境下上网的过程是: 请求->goagent/shadowsocks->访问。 15 | 16 | 但是内网代理环境下，所有需要访问外网的请求必须先经过代理。由于shadowsocks/goagent没有设置代理的选项(其实goagent有，但是不稳定)，那么我们就需要借助proxifier类似的工具，先设置goagent/shadowsocks走代理访问外部，再将其他网络请求走goagent/shadowsocks创建的本地代理。这样我们就实现了穿越http代理。 17 | 18 | 关于这个穿越http代理，我说一下我的理解： 19 | 就是我们通过代理和外界进行了沟通，形成了一个隧道。我们将真实的请求通过这个隧道传递/接受,而代理只看到隧道有流量，却不知道里面具体是什么。 20 | 21 | ## 科学上网 22 | 科学上网目前首选的工具是shadowsocks，它可以创建一个本地的1080端口的socks5的代理，如果设置了允许局域网访问，还会在本地创建一个8123端口的http代理。 23 | 24 | 下面我们就要使用Proxifier这个软件，控制代理规则。具体的操作如下: 25 | 26 | - Profile -> Advance -> Http Proxy Servers -> 开启 27 | - Profile -> Proxifier -> 添加可以访问外网的代理 28 | - Profile -> Proxification Rules -> Add 29 | 1. 命名随意，比如`ss` 30 | 2. 应用软件添加shadowsocks.exe 31 | 3. action选择第二步添加的可以访问外网的代理 32 | 4. 如果http的代理不可用，可在第二步时，添加或追加一个相同地址的https代理 33 | 5. 记得把新添加的放在最上面，规则是从上往下执行的，并且保留最后一个defalut,不然其他情况上不了网了。。 34 | - Save 35 | 36 | 接着开启shadowsocks，启用系统代理（关于这个系统代理，我是将ie下面的Lan代理选择了自动模式）。 37 | 38 | 最后，安装chrome的插件SwitchOmega（其实就是proxySwitchy的新版本）。添加新规则，选择socket5代理，地址填写127.0.0.1, 端口1080。使用新的规则模式上网，比如twitter.com进行一下测试，或者查看一下ip地址。 39 | 40 | 关于SwitchOmega这个插件，我推荐大家再建立一个规则，设置为公司提供的代理。并且在自动切换模式下，将公司代理设置为默认访问方式。这样下来，通过chrome上网就不存在障碍了。 41 | 42 | ## 内网加速 43 | 进行了一番科学上网的设置后，基本所有的网络都是可以上了。缺点也有，就是公司封锁了的地址需要借助代理，这些大多的是国内的网站，走代理速度肯定不太好。那么我们还有什么办法可以让被公司封锁了的国内应用访问更加自如呢？这个想法我想在国外的留学生朋友一定也有需求，国外看国内的视频网站也是被封锁的，所以需要借助国内的服务器，进行一下代理，这里我~~推荐一下goagent+SAE的方法。~~其实还是推荐自己在国内的vps上搭建一下shadowsocks，使用确实速度快，稳定。这两点我个人感觉比goagent好得多。 44 | 45 | 说了这么一大推，下面实践一下(原理还是和上面一样的)。 46 | 47 | ### goagent+SAE 48 | **必备条件**： 49 | - SAE账号，便于创建应用 50 | - goagent 51 | - proxifier 52 | 53 | **步骤**: 54 | - 在SAE上创建一个应用，记住生成的地址(其实就是your_app_name.sinaapp.com这样的) 55 | - 将goagent/serve/php下目录文件打包上传SAE(SAE应用有上传代码的菜单) 56 | - 编辑goagent/local/proxy.ini 57 | - [gae] -> enable属性 -> 由1修改为0,关闭gae模块 58 | - [pac] -> 如果不需要切换的话，也是由1修改为0 59 | - [php] -> enable -> 设置为1， 表示开启 60 | - [php] -> fetchserver -> 设置为应用地址，就是类似`http://xxx.sinaapp.com/` 61 | - 开启goagent.exe， 如果有警告你需要使用管理员权限运行，而普通权限暂时也没问题的情况下，忽略那个警告吧。 62 | 63 | 开启之后，本地就会有一个8088端口的http代理，这样就可以通过proxifier或者switchOmega设置代理规则了。 64 | 65 | ### shadowsocks+阿里云 66 | **必备条件**: 67 | - 国内的vps 68 | - shadowsocks客户端: [shadowsocks-qt5](https://github.com/librehat/shadowsocks-qt5/releases) 69 | - proxifier 70 | 71 | 我的国内代理搭建在阿里云上（ps:国内vps确实贵，带宽还小）。搭建的方式使用的是`docker`，具体操作可以查阅: [搭建shadowsocks](/software/develop-tool/shadowsocks.html)。 72 | 73 | shadowsocks的客户端可以选择qt5,这样本地就可以开多个shadowsocks客户端了。 74 | 75 | **步骤**: 76 | - 服务器上搭建好`shadowsocks` 77 | - 开启一个shadowsocks客户端,输入账号，指定本地端口 78 | - proxifier rules添加一个规则，针对这个shadowsocks客户端，使其走公司提供的外网代理 79 | - 浏览器或者proxifier可以使用本地端口的socks5代理 80 | 81 | 这样的话，国内访问速度就会比较流畅了，唯一的缺点就是国内vps价格比较贵。 82 | 83 | ## 参考资料 84 | - [goagent](https://github.com/goagent/goagent) 85 | - [shadowsocks](https://github.com/shadowsocks/shadowsocks) 86 | - [proxifier](https://www.proxifier.com/) 87 | - [利用Proxifier把shadowsocks转为全局代理](http://dangger.net/2014/07/24/17.html) 88 | - [利用BAE搭建Goagent代理服务突破内网封锁](http://goodbai.com/secure/UseGoagentCrossLan.html) 89 | - [利用Sina App Engine翻墙回国内看优酷土豆等网络视频](http://www.lovelucy.info/sae-china-proxy.html) 90 | - [使用Proxifier解决Dropbox无法实时更新问题](http://hazelzhu.com/archives/1294) 91 | -------------------------------------------------------------------------------- /effciency/coder-guide.md: -------------------------------------------------------------------------------- 1 | # 程序员效率指南 2 | 几条建议 3 | 4 | ## 尽量不要用windows进行开发 5 | 除非你只用dotnet开发软件，不然osx/ubuntu会是更好的开发平台。太多太多优秀的工具在osx/ubuntu下可以一键安装，在windows下却不得不花费超过一个甚至几个数量级的时间去安装，更别提有的工具windows压根没有替代品。 6 | 7 | 如果不认可Rule 1，那么直接可以跳过下面的文字走人。 8 | 9 | ## 尽量使用mbp 10 | 我在「能花钱的，就不要花时间」文中已经强调，有条件买15"高配的就不要买15"低配，有条件买15"低配的就不要买13"（Retina/ssd版本是必备）。作为一个开发者，你实在应该在开发工具上对自己好些 —— 毕竟你跟她相处的时间比跟女盆友/老婆多多了！ 11 | 12 | 如果实在觉得mbp太贵 [1]，可以考虑一个15"轻薄的本子装ubuntu。 13 | 14 | mbp的好处不在于逼格 [2]，而在于优秀的硬件 + 优秀的Unix兼容的软件。retina屏，超长的电池续航（相比PC)，舒服的trackpad让工作的舒适度提高不是一星半点，而软件上强大的spotlight等系统功能让效率提升很多。这个我就不详述，自己看『mactalk·人生元编程』去。 15 | 16 | ## 使用大屏幕 17 | 工作中使用mbp是为了便携性 —— 在各种场合都可以进行开发任务，应对会议和各种各样的演示需求。可一旦坐在工位上好几个小时，全神贯注地写代码时，就最好有个大屏幕。 18 | 19 | 屏幕多大才好？在机器带的起来的情况下越大越好，能27"就不要24"，能24"就不要21"，能21"就不要直接使用笔记本的屏幕。大屏幕可以让一个屏幕同时显示好几个窗口而无需来回切换。我现在自己的工作配置是15" mbp + 27" apple display，用上了就回不去了，一天呆在公司12小时都不嫌多。 20 | 21 | 我自己一般把屏幕劈成两半，左边chrome，右边iterm，这样，在vim里写代码时，随时可以查文档。配合vim的热键，我可以用 xx 在chrome里打开某个开发语言的文档，鼠标都不用动一下。 22 | 23 | ## 使用dotfiles 24 | 25 | 一个程序员一天可能80%的时间都在跟shell打交道，有个好的shell(bash or zsh)，加上合理的shell配置绝对让效率提升一大截。我以前都是直接使用 mathiasbynens/dotfiles 的设置，后来自己改得多了，就干脆fork了一个版本 tyrchen/dotfiles 出来，把自己的改动放上去。 26 | 27 | dotfiles这样的东西不必自己从头来，在github上找个star最高的clone或者fork之即可，这便是所谓的站在巨人的肩膀上。武学中要打通任督二脉，靠勤奋往往是不够的，还要有际遇，好比虚竹遇上了无涯子或者张无忌遇到了白猿。程序世界里的无涯子和白猿们都在github上，只是需要你的发掘。 28 | 29 | 我自己的dotfiles就在Mathias的基础上发展而来，基本上，我做了两个主要的改动： 30 | 31 | - 把prompt换成帅呆了的liquidprompt 32 | - vim使用vundle，并且使能了一堆我喜爱的插件（这个随后讲） 33 | 34 | ## 挑一款趁手的editor和ide 35 | 作为一个开发者，你需要精挑细选一款趁手的用来编辑代码的editor。我使用了几年的vim，又换用过大半年的emacs，为了强制自己习惯emacs，我甚至在bash中把vim alias成emacs。但最终，没能打开emacs下的任督二脉的我实在无法抗拒vim下的那些好用的插件，又回到了vim的阵营。所以在editor这里，我只能先讲讲更为熟悉的vim。 36 | 37 | vim下最基本的vundle不提，至少这些插件你值得拥有： 38 | 39 | - SirVer/ultisnips: 撰写和使用snippet神器，用过textmate/sublime的人应该都知道。一个程序员的效率很大程度上跟他的snippet库有关。如果你的python class，html的标签，erlang/elixir的otp代码还是一个字符一个字符手敲，那么你该好好看看这个插件了。配合着 honza/vim-snippets，大部分代码的snippet都有了；遇到结构类似的代码块（bolerplate），又没有已经定义好的snippet时，调用 :UltiSnipsEdit 立刻定义之，你基本上就走在无敌的路上了。 40 | - scrooloose/nerdtree：让你的vim支持文件树。这个插件加上 tpope/vim-eunuch，文件系统的各种操作和显示全在vim里搞定了。 41 | - sheerun/vim-polyglot：几乎所有程序语言的源文件syntax/tab等的支持。有此一个插件，就不再需要 vim-ruby，vim-go等一票单独的语言插件了。 42 | - Valloric/YouCompleteMe：让vim支持自动补齐。这个几乎是IDE的标配，效率提升的另一大神器。有了它，IDE的需求就减弱很多。 43 | 44 | 其它的插件就不一一介绍了，感兴趣的可以在我的dotfiles里面一一翻阅。 45 | 46 | 大部分编程的工作，轻量级的editor就足够胜任，但有些开发语言和框架，bolerplate代码实在太多，整个开发目录太繁杂，这时候不得不使用IDE，比如说java下的很多项目。当你不得不使用IDE的时候，intelliJ系列的IDE是比eclipse系列好很多的选择。 47 | 48 | 当然，这条rule的核心是尽量使用editor，能不用IDE就不用IDE。 49 | 50 | ## 把常用的任务命令化/快捷键化 51 | 国外的开发高手也都是使用快捷键的高手，我以前不习惯使用快捷键，但看了很多高手的screencast后，发现他们都是当一个任务重复几次后，顺手就定义快捷键或者命令。这里我讲讲vim怎么做，emacs的用户自行脑补。 52 | 53 | 在进行elixir做TDD开发的时候，我经常需要运行 mix test 来确保我新写的代码或者重构的代码能够跑过已有的test case。这事做多了也就烦了，因为在vim里总需要输入 !mix test，这个时候，我就会为此定义个快捷键。如果快捷键只跟当前项目有关，那么就在当前项目根目录下生成一个 .vimrc，定义快捷键，否则在系统的 .vimrc 中定义： 54 | 55 | ``` 56 | noremap et :!mix test 57 | ``` 58 | 59 | 这样，以后需要运行这个命令的时候，直接敲 key + ed 就好。对于elixir，我有这些定义： 60 | 61 | ``` 62 | noremap ed :!mix deps.get 63 | noremap et :!mix test 64 | noremap ec :!mix compile 65 | ``` 66 | 67 | 因为每个语言都有类似的 dependency，test，compile等任务，如果要定义在全局的 .vimrc 文件里，可以为每种语言附不同的前缀（elixir为 e）区隔。如果你喜欢按项目定义，那可以把 t 统一定义为UT的命令，这样可以省去敲一个字符的时间。 68 | 69 | ## 培养自己好的重构习惯 70 | 这里讲的重构和代码里的重构大体意思一样，就是不断优化自己的工作环境。Rule 6其实就是一种重构。 71 | 72 | 经常问问自己这些问题： 73 | 74 | - 常用的命令是不是做了alias？比如：总敲 ls -l，是不是应该alias出一个 ll 来？ 75 | - 常用的服务器信息是否写在了 .ssh/config 里？服务器登录是否使用了pub/private key（毋须输入密码）？ 76 | - 对于某些操作，可不可以定义一些快捷键（比如说google search）？ 77 | - 项目里重复的工作是不是写成了makefile（或是其他任务脚本，如rake，jake）？ 78 | - 常写的代码结构是否定义了snippet？ 79 | 80 | 讲讲snippet。我特别喜欢vim的ultisnips，它能让我按语言很方便地定义snippet。比如在elixir里总要写的 GenServer 代码，大体结构是 Public API + GenServer API，我可以定义一个snippet，在敲入 defgen 的时候，可以展开成为下面的代码（并且我可以在代码中跳至需要我修改的地方）： 81 | 82 | ``` 83 | defmodule name do 84 | @moduledoc """ 85 | 86 | """ 87 | use GenServer 88 | 89 | ### Public API 90 | 91 | def start_link do 92 | {:ok, server} = :gen_server.start_link __MODULE__, [], [] 93 | end 94 | 95 | ### GenServer API 96 | def init(state) do 97 | {:ok, state} 98 | end 99 | 100 | def handle_call(, _from, state) do 101 | 102 | end 103 | 104 | def handle_cast(, state) do 105 | 106 | end 107 | end 108 | ``` 109 | 110 | 这将省去我多少bolerplate的时间 —— 更关键的时，我的思绪不会被撰写这些无趣，但又不得不写的bolerplate打断。 111 | 112 | ## 使用git管理个人文件 113 | 大部分开发者对于自己的代码项目都有很好的习惯：使用git（或者其他scm）管理。但代码之外的文档，管理起来就有些随意，即没有历史记录，单纯存储在本地也容易丢失。建议大家对 $HOME 下的文件，只要是自己生成的文档（太大的二进制除外），一律用git管理（在目录下 git init）。你们看到的这个公众号的所有文章就是用github存储（private repo）。然而github上存储private repo毕竟要花钱 —— 不想花钱，又想很多私人的文档想管理怎么办？可以在dropbox（或者其他类似的网盘）上生成一个git的bare project，然后把本地的文档push上去。 114 | 115 | ## 多看高手的screencast 116 | 很多时候我们没有机会近距离看高手是怎么工作的，但观看他们的screencast不失是一种提高自己的好办法。在这个方面，其他语言的爱好者估计都要妒忌ruby的拥趸 —— ruby社区的各种screencast多得令人发指！通过订阅这些screencast，你不仅能快速学到语言相关的知识和实用的技巧，更重要的是，你知道高手都在用什么工具，如何写代码。11年的时候我看过一个php的screencast，一个法国人介绍如何用symfony撰写项目。那是我第一次领略什么是指尖如飞，也给我播下了snippet的种子（他用的是textmate）。从那以后，我会时不时地看一些各种各样的screencast（以rails的居多），学习点新东西的同时，还能学习高手的习惯。 117 | 118 | ## 参考资料 119 | - [程序员效率指南](http://mp.weixin.qq.com/s?__biz=MzA3NDM0ODQwMw==&mid=206041450&idx=1&sn=3982c8cc45d7c47f0fbc19fe8371490f#rd) -------------------------------------------------------------------------------- /effciency/great-fire-wall.md: -------------------------------------------------------------------------------- 1 | # 如何翻墙 2 | 既然想学点东西，就不能被网络束缚住。国内的网络环境，并不利于我们成长。 3 | 4 | ## 什么是墙 5 | [great firewall](http://baike.baidu.com/link?url=Ko6D0GzKfQ2gXQ3oXLr-6_Racoa5uo8UApoNRRV5Jc8LyCYv1fGBGDxMxOV7ULARGidRgcoM6DVh3m06PMD_y823plq8PCCs51xmz6aJoY_), 中国特有的。就是国家对网络的封锁。想要看看外面的世界，就得翻墙。 6 | 7 | ## 如何翻墙 8 | 翻墙的服务一般都是收费的，免费的除了goAgent，其他都不要尝试了，不然只是在浪费生命。我比较提倡用钱能解决的问题，尽量还是花些钱吧。 9 | 10 | 目前来说，我了解的方式主要有两种：VPN和Shadowsocks。 11 | 12 | ## VPN 13 | 在公用网络上建立专用网络，进行加密通讯。原理是在一个国外网络无阻的机器上与本地机器通信。 14 | 15 | 优点是方便设置，网络速度稳定。 16 | 17 | 缺点是稳定的服务价格不便宜，且本地流量全部走的是代理。 18 | 19 | ### 配合VPN实现国内外分流访问 20 | “分流”，这个词不知道说的准不准确，意思就是实现对不需要翻墙的网站直接连接，需要翻墙的网站走VPN代理。这样国内的网站访问不受影响，又能正常访问国外站点。 21 | 22 | 实现方式就是修改系统的路由表，网络上有这样的开源项目，专门收集国内被“墙”的网站。利用这些数据，让vpn客户端在进行连接的时候自动执行. 23 | 24 | 通过这些路由脚本, 可以让用户在使用vpn作为默认网络网关的时候, 不使用vpn进行对中国国内ip的访问, 从而减轻vpn的负担, 和增加访问国内网站的速度. 25 | 26 | **Mac设置**： 27 | 28 | 1. 下载附件mac.zip, 并将其中的ip-up, ip-down两个文件放入到 /etc/ppp目录中。 29 | 2. 开终端，执行命令 cd /private/etc/ppp，进入/etc/ppp目录下。 30 | 3. 在该目录下执行sudo chmod a+x ip-up ip-down 31 | 4. 好了，可以连接VPN试试了。 32 | 33 | **Windows设置**： 34 | 35 | 1. 下载附件windows.zip, 并将其中的vpnup.bat, ivpndown.bat两个文件解压到任意目录。 36 | 2. 右击vpnup.bat，选择以管理员权限运行，然后会弹出cmd窗口，等待运行完毕，窗口会自动关闭。（Windows需要每次开机时执行一次） 37 | 3. 好了，可以连接VPN试试了。 38 | 39 | **测试方式**:连接VPN后，可以访问ip.cn查看当前的ip,如果显示南京就对了，然后再打开youtube.com看看能否访问。 40 | 41 | **一点说明**: ip-down和vpndown.bat是恢复路由表的脚本。 42 | 43 | ## goagent 44 | [goagent](https://github.com/goagent/goagent), 项目主页里有详细的安装使用指南。需要你注册google的GAE服务。 45 | 46 | 当然，你可以用来当做教育网加速，或者穿透公司内网。我目前放在SAE上用来穿透公司http代理。 47 | 48 | 使用的过程之后，可能会遇到证书错误而不受信任的情况，解决方式就是导入证书。详情可见: [解决GoAgent打开https网站SSL证书错误 (安全证书不受信任)](http://blog.netsh.org/posts/goagent-https-ssl-error_1013.netsh.html) 49 | 50 | 51 | ## Shadowsocks 52 | shadowsocks的出现，我觉得真是一大利好。它解决了网络流量分配的问题，借助代理插件，可以方便的实现只针对需要翻墙的网站都代理访问。且价格便宜。 53 | 54 | 一般情况下，我使用Chrome的插件: [Proxy SwitchySharp](https://chrome.google.com/webstore/detail/dpplabbmogkhghncfbfdeeokoefdjegm)。 55 | 56 | shadowsocks的服务，如果自己有vps的话，就自己搭建一个，分分钟的事情，自己搜搜教程。如果没有的话，也可以去买这样的服务，我用东哥的ss，包年100，速度很好。 57 | 58 | ## chnroutes 59 | [chnroutes](https://github.com/fivesheep/chnroutes)，此项目通过修改路由表，解决通过VPN链接网络时的流量转向问题。达到不需要翻墙的访问走正常网络，需要翻墙的请求走VPN。 60 | 61 | 62 | ## ChinaDNS 63 | [ChinaDNS](https://github.com/clowwindy/ChinaDNS), 此项目解决的是DNS污染问题，我还没搞明白。。。 64 | 65 | ## 参考资料 66 | - [Chnorutes生成的脚本下载地址](http://chnroutes-dl.appspot.com/): 需要翻墙。 -------------------------------------------------------------------------------- /effciency/how-to-ask.md: -------------------------------------------------------------------------------- 1 | # 学会提问 2 | 这是我遇到的第一个提升效率的方式。 3 | 4 | 刚接触网络和论坛的时候，我常常会去问一些浪费别人时间去回答的问题，比如："如何XXX"，其实这类问题如果再花几分钟，或者再思考下都是很容易得出答案的问题。但是互联网给人的就是浮躁，很多情况下我们只学会了伸手去索取。 5 | 6 | 一个好的答案需要一个好的问题。学会提问，你会得到更多的信息。网络上有那个一篇文章:[学会如何提问]()。我是没有读过，但是我理解它的意思。当你被别人问了几次基础或者无脑的问题，你就知道你希望得到的提问是什么样的。那么你其实也学会了如何提问。 7 | 8 | 9 | ## 参考资料 10 | - [技术问答社区中回答的艺术？](http://segmentfault.com/q/1010000002373081?utm_source=weekly&utm_medium=email&utm_campaign=email_weekly) 11 | - [提问时最容易犯的八个错，你中了几枪？](http://mp.weixin.qq.com/s?__biz=MjM5MDgxNjc0MA==&mid=207426256&idx=1&sn=466d9c4ca77975b0be819c8fafb969ab#rd) -------------------------------------------------------------------------------- /effciency/how-to-read.md: -------------------------------------------------------------------------------- 1 | # 学会阅读 2 | 3 | ## 参考资料 4 | - [阅读方法：史上最全读书法](http://mp.weixin.qq.com/s?__biz=MjM5OTA3MjUwMA==&mid=205263526&idx=2&sn=21b5ca4a0699153f36131d3983a5f7d1#rd) 5 | - [读书笔记：这样做笔记收获更大](http://mp.weixin.qq.com/s?__biz=MjM5OTA3MjUwMA==&mid=205263526&idx=1&sn=658c0943f3bd146acff9b0a00b7741e1#rd) 6 | -------------------------------------------------------------------------------- /effciency/how-to-search.md: -------------------------------------------------------------------------------- 1 | # 善用搜索 2 | 学会了如何提问，其实已经能把握住问题的中心，也就可以先使用搜索去尝试解决问题。 3 | 4 | ## 搜索引擎选择 5 | 通常我也会根据具体的搜索内容决定使用什么引擎，比如我要搜技术类的问题，肯定优先考虑google。搜索下载资源，优先考虑相应的下载资源网站。做到缩小搜索范围，才能让搜索结果的质量得到提高。 6 | 7 | 其实配合上`site`的用法，在google上也能很快锁定搜索结果。 8 | 9 | 常用的几个站点： 10 | - [google](http://google.com/ncr) 11 | - [baidu](http://baidu.com) 12 | - [Duck Duck Go](http://duckduckgo.com) 13 | - [海盗湾](http://thepiratebay.se/) 14 | - [天天美剧](http://www.ttmeiju.com/) 15 | - [豆瓣](http://douban.com) 16 | 17 | ## 设置Chrome的搜索 18 | Chrome是我最常用的浏览器，大部分搜索我都是在它之中完成的，那么如何节约时间呢。首先了解一个快捷键：`command+l`,快速定位到地址栏。 19 | 20 | 其次借助Chrome的地址栏搜索功能，快速搜索。中文版默认的可能是百度搜索，我比较喜欢设置google搜索，打开`Setting->Search->Manage search engines`，修改defalut search为： 21 | 22 | ``` 23 | Google google.com {google:baseURL}search?q=%s&{google:RLZ}{google:originalQueryForSuggestion}{google:assistedQueryStats}{google:searchFieldtrialParameter}{google:bookmarkBarPinned}{google:searchClient}{google:sourceId}{google:instantExtendedEnabledParameter}{google:omniboxStartMarginParameter}{google:contextualSearchVersion}ie={inputEncoding} 24 | ``` 25 | 26 | 如果设置了代理的，可以先访问google.com/ncr选择为通用版本。确保访问到页面是通用版本，在地址栏里搜索试试。如果还会自动转向到代理的国家，Chrome也会提示你继续使用还是切换为google.com。同时需要设置`Setting->Currently showing search results in`为English, 中文 (简体)。 27 | 28 | 如果只选择结果为English,那么挂上日本的代理，出现的结果优先会是日文。 29 | 30 | ### 其他搜索设置 31 | 在Chrome的地址栏中，也可以设置快捷键触发其他搜索, 在`Setting->Search->Manage search engines`，添加： 32 | 33 | ``` 34 | DDK duckduckgo.com https://duckduckgo.com/?q=%s 35 | ``` 36 | 37 | 类似的规则，在地址栏中输入duckduckgo然后按一下tab，就可以选择自定义的引擎进行搜索。 38 | 39 | 40 | 41 | ## 搜索技巧 42 | 直接给一张图解释: 43 | ![善用google搜索技巧](http://pic3.zhimg.com/91d36cd9e5bef1030380894911782358_b.jpg) 44 | 45 | ## 参考资料 46 | - [Google语法详解](http://www.docin.com/p-201879681.html) 47 | - [搜索引擎有哪些常用技巧？](http://www.zhihu.com/question/19847393) 48 | - [如何用好 Google 等搜索引擎](http://www.zhihu.com/question/20161362) -------------------------------------------------------------------------------- /effciency/how-to-write.md: -------------------------------------------------------------------------------- 1 | # 如何写作 2 | 关于写作，我们为什么要写作，这是一个前提。 3 | 4 | ## 为什么写作 5 | 无论是否是技术人员，我觉得都应该坚持写作。写作带给你的是思维的总结，因为有些事情你只是去想，貌似是很简单。当你去深入思考，其实又是另一个境界。我觉得写作能帮助到我最大的一点是，理清思路。 6 | 7 | 关于其他，我也比较推荐刘未鹏的两篇博客： 8 | 9 | - [为什么你应该（从现在开始就）写博客](http://mindhacks.cn/2009/02/15/why-you-should-start-blogging-now/) 10 | - [书写是为了更好的思考](http://mindhacks.cn/2009/02/09/writing-is-better-thinking/) 11 | 12 | 程序员是理科出生，写文章是文科的特征。但是程序员养成写作的习惯，对编程也是很用用处的，比如: 13 | 14 | - 写文章和写代码最核心的共同之处在于它们都需要清晰思考的能力。好代码与好文章一样都需要言简意赅，不然就会浪费 CPU 资源或人的精力。 15 | - 软件工程师应该写作因为现在开发协作变得越来越重要。不论是 GitHub 评论、代码注释，还是技术文档都需要清晰准确的文字。良好的写作能力方便了人们之间的交流，使得项目更好地运行下去。 16 | - 即使没人读你的文章，写作的过程也是有益无害。它帮助你理清思路，明确对于某个问题的看法，加强或削弱你的某种观点。把凌乱的想法汇聚成精简的文字非常有价值。 17 | 18 | ## 用什么写作 19 | [Markdown](http://zh.wikipedia.org/wiki/Markdown)是我极力推崇的一种通用格式。 20 | 21 | 但是目前存在多种解释器，导致语法有些混乱，但是熟悉标准的语法，依然能够写好文章。 22 | 23 | 说几点常用的： 24 | - 删除线: 需要删除的内容前后添加`~~`。 25 | - 强制断行： 正常，回车后形成的断行，不会被 Markdown 解析为断行，需要在断行前面段落后加两个空格或者写入`
`标签。 26 | - 水平分割线: 三个以上的星号，减号，或者下划线，除了空格，不允许出现其它符号。`-----`。 27 | 28 | 29 | ## 在哪里写作 30 | 小时候我们常常使用的是笔和纸，形式多为日记。其实日记并没有什么不好，但是大多数人应该和我应该，会把日记写成流水账，没有太大的意义。 31 | 32 | 现在是互联网的时代，手机和电脑可以替代我们完成输入，并且记录的形式也多样化，除了文字还可以记录声音，图片和视频。 33 | 34 | 如果是个人的记录，我比较喜欢使用云笔记，比如印象笔记或者为知笔记。设置一个访问密码，以防无意被他人阅读。 35 | 36 | 技术性的文章，我更喜欢以博客的形式去发布，一方面会有知识积累的成就感，另一方面也可以与他人交流。博客可以自己搭建，比如github+jekyll,或者使用简书这样的web服务。 37 | 38 | ## 参考文档 39 | - [Markdown 标准格式](http://jgm.github.io/stmd/spec.html) 40 | - [为什么软件工程师应该养成写作的习惯？](http://www.36kr.com/p/218600.html) 41 | - [You Should Write Blogs](https://sites.google.com/site/steveyegge2/you-should-write-blogs) 42 | - [技术文章的写作技巧](http://www.philo.top/2015/02/19/%E6%8A%80%E6%9C%AF%E6%96%87%E7%AB%A0%E7%9A%84%E5%86%99%E4%BD%9C%E6%8A%80%E5%B7%A7/) -------------------------------------------------------------------------------- /effciency/mange-files.md: -------------------------------------------------------------------------------- 1 | # 文件管理 2 | 需要管理的文件，通常包含了一些用来同步的配置，有用的软件和照片等。 3 | 4 | 5 | ## 工具 6 | ### BitTorrent Sync 7 | [BitTorrent Sync](http://www.appinn.com/bittorrent-sync/)，是一个可以自己搭建p2p服务的同步软件。主要的意思就是可以自定义网盘，且文件大小不受限制。目前我发现的一个缺点是无法设置忽略文件。这导致很多隐藏文件也会备份。。。 8 | 9 | ### 百度网盘 10 | 这个主要是网盘大，速度还不错。 11 | 12 | ### 金山快盘 13 | 同步盘，主要同步一些配置文件。 14 | 15 | ### Dropbox 16 | 最好的网盘肯定是dropbox,之前看到有人这么评价过: 17 | 18 | > 试了一圈国内的网盘，发自内心感叹Dropbox的牛X。Dropbox不仅可以在服务器上通过客户端> 同步，同时也可以选择创建应用同步，Dropbox在创建应用时就可以为自己生成access > token。 19 | > 20 | > 云盘|无法支持的原因 21 | ----|---- 22 | 酷盘 [文档](http://open.kanbox.com/)|无增量接口 23 | > 百度PCS [文档](http://developer.baidu.com/wiki/index.php?title=docs/pcs/rest/> file_data_apis_list#.E5.A2.9E.E9.87.8F.E6.9B.B4.E6.96.B0.E6.9F.A5.E8.AF.A2) |有增量接口，但申请一周后仍未有进展 24 | 快盘 [文档](http://www.kuaipan.cn/developers/document.htm) |无增量接口 25 | > 新浪微盘 [文档](http://vdisk.weibo.com/developers/index.php?module=api&action=apidoc#delta) |有增量接口，但应用的沙箱的文件不出现的用户网盘中。 26 | 27 | ## 照片 28 | ### 文件命名 29 | 之前在一个padcast中听到的方式，文件先按照设备去划分，二级目录使用日期去划分。这样的好处是保留原片。如果需要share的东西，可以拷贝原片再按照类别划分。 30 | 31 | ### 文件保存 32 | 通常instagram的照片我通过[IFTTT]()保存到了dropbox中。 33 | 手机的照片我尽量定期拷贝到电脑中。 34 | 单反的照片，每次使用完都拷贝到电脑中，然后格式化相机的存储卡，因为相机的存储空间还是不太大的，不适合长期保留文件。 35 | 36 | 原片存储好之后，一般我会进行一次筛选，删除一些废片。这其实是一项巨大的工作，至今我2014上半年的照片还没有整理完。。。 37 | 38 | -------------------------------------------------------------------------------- /effciency/mange-knowledge.md: -------------------------------------------------------------------------------- 1 | # 知识管理 2 | 当你有时间，有计划，有效率的去工作生活的时候。你会涉及和吸取很多的知识。我不觉得有人能记住所有的信息，所以对知识也应该做一些管理。 3 | 4 | 对于知识，我也比较推荐"IPO"的形式，就是input->process->output。摄入的知识并不是你的收获，而只有output出来的内容才是自己的。 5 | 6 | 7 | ## Input 8 | 在网络时代，我对知识的吸收主要通过web。所以我会通过微博，博客，新闻的形式收集信息。 9 | 10 | ### 微博 11 | 可以建立不同的分组，里面关注对于的账号。这样每天差翻阅翻阅，就能了解大致的内容。 12 | 13 | ### RSS 14 | 我喜欢这个已经被google淘汰的技术，可以方便我去订阅自己感兴趣的网站，以及个人博客。目前我使用的客户端是feedly。 15 | 16 | ### 网络书签 17 | 在网络上看到好的内容，我们需要去收藏。一般情况下只是对书签进行保存。 18 | 19 | 保存的方式可以放在Chrome的书签中，使用google账号同步。我个人喜欢第三方工具，比如pinboard，它可以对书签打上标签和描述，方便搜索。 20 | 21 | ## process 22 | 23 | ## output 24 | 25 | 26 | -------------------------------------------------------------------------------- /effciency/mange-password.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leohxj/a-programmer-prepares/a3beda0bc943f348b61d9b87fe4d70a2a0ccd6d1/effciency/mange-password.md -------------------------------------------------------------------------------- /effciency/mange-time.md: -------------------------------------------------------------------------------- 1 | # 时间管理 2 | 时间就是金钱，如果能把握时间，你就掌握了自己的命运吧。 3 | 4 | ## 感受时间 5 | 大学的浑浑噩噩，上班之后的混水摸鱼。我们只觉得到了时间过的好快，但我们真的感受过时间吗？所以在谈管理时间之前，我想先感受下时间。 6 | 7 | 你可以停掉手中的工作，远离电子设备，远离浮躁的互联网，静静的待上三分钟。我喜欢用打坐的方式去感受时间，放空自己，让自己清醒。我觉得只有大脑清晰，你才能高效，你才能把握时间。 8 | 9 | 有人说互联网的信息垃圾很多，没有营养，我们就是为了吃饱，才会去吃更多的垃圾。所以何不换个方式，试着去体会呼吸的节奏，让自己多吸收些营养。 10 | 11 | ## GTD 12 | GTD是英文"Getting Things Done"的缩写。是一种高效的管理时间的方式。个人感受就是划分任务，把重要的先去完成，专注一定的时间去处理一些事情。然后再休息，再继续专注，周而复始。 13 | 14 | 通常每一天，最好的方式是在早晨花上一定的时间规划一天的安排。 15 | 16 | 专注时间的方式，比较有效的是[番茄工作法](http://zh.wikipedia.org/wiki/%E7%95%AA%E8%8C%84%E5%B7%A5%E4%BD%9C%E6%B3%95)。 17 | 18 | ## 音乐 19 | 这里提到音乐，是因为有时候我喜欢带上耳机，隔绝外界的环境。 20 | 21 | 音乐类型我比较推荐白噪音，大自然的声音或者雨声。会很容易让人安静，专注起来。如果你喜欢音乐，我觉得也可以单曲循环一首歌曲。记住，听歌不是为了分神，而是为了更加专注！ -------------------------------------------------------------------------------- /effciency/music-vs-efficiency.md: -------------------------------------------------------------------------------- 1 | # 论音乐对效率的影响 2 | 我相信很多人都有在学习或者工作的时候听音乐的习惯。那么音乐对我们有帮助吗？应该是有的，起码我知道胎教的时候应该多听听古典音乐。 3 | 4 | ## 白噪音 5 | 最初的时候，我是杂食，很喜欢在学习的时候听流行音乐。不自觉的就会被曲子，或者歌词带入到另外一个世界里。工作之后，有时候办公环境很嘈杂，也会把你的思绪打乱。所以我又必要找一种能让你迅速进入状态的音乐，其实也就是培养一种习惯，条件反射而已。 6 | 7 | 应该是今年（2014）上半年的时候，我看到了一些国外的应用，有一些专门利用环境音乐的app，比如雨声，雷声，鸟鸣声。后来搜索了下，原来这叫做白噪音。 8 | 9 | ## 巴洛克超级学习音乐和罗扎夫记忆音乐 10 | 内心里我觉得这一类肯定是假的，寄托于音乐帮助你学习是不可能的。但是能让你专注的音乐，我觉得是可以尝试的。 11 | 12 | 13 | ## 参考资料 14 | - [白噪音](http://zh.wikipedia.org/wiki/%E7%99%BD%E9%9B%9C%E8%A8%8A) 15 | - [阿尔法脑电波](http://baike.baidu.com/link?url=R8msZvDz-lkLiUL4SV-uQKvFvUHD6o5mNT9G3u_eh4WgQBxcPRVe5yZD_aBNQ2sRct5QqPWadGkGsZVQBMXOE_) 16 | - [巴洛克音乐](http://zh.wikipedia.org/wiki/%E5%B7%B4%E6%B4%9B%E5%85%8B%E9%9F%B3%E4%B9%90) 17 | - [巴洛克超级学习音乐和罗扎夫记忆音乐是一种安慰剂效应](http://www.zhihu.com/question/19967504) -------------------------------------------------------------------------------- /effciency/share-with-slide.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leohxj/a-programmer-prepares/a3beda0bc943f348b61d9b87fe4d70a2a0ccd6d1/effciency/share-with-slide.md -------------------------------------------------------------------------------- /effciency/share-with-video.md: -------------------------------------------------------------------------------- 1 | # 制作视频 2 | 既然我这么喜欢分享，图文是一种方式，视频不更直观嘛。周末抽个时间学习一下如何制作视频，特别是能吸引人的视频。 3 | 4 | ## 与众不同 5 | 授人以鱼不如授人以渔，如果要教育好别人，是替他人开发心智，让他人学会自我学习，不断提升。前几天我也看到@iBuick说到，"我对 OS X 图书的看法，早年间，特别热衷各种技巧介绍，各种 defaults write 觉得了不起。后来觉得重要的在应用层面，各种 App 走起。现在觉得，写操作系统本身的书最重要，你把这东西弄明白了，给读者讲明白了，他们看完书以后会自己动手解决问题了，才是最重要的。" 6 | 7 | 我个人也很看好在线教育的发展，在线教育要的是研究，优化，抽离，信息化教学习惯和流程。 8 | 9 | 保持课程的与时俱进，让你的课程与众不同。 10 | 11 | ## 课程大纲 12 | 确定了录制的方向，就要确定内容大纲。关于大纲，我觉得是做任何事都需要的一个思维习惯，很有效率的一件事。 13 | 14 | ### 大纲的要素 15 | - 谁适合学 16 | - 学什么内容 17 | - 学完了可以做什么 18 | - 老师是谁 19 | - 如何学 20 | - 学习周期与频率 21 | - 具体课程与章节 22 | 23 | 课程以一个向导系列的课程，可以将很多内容拆分为小课程，每个章节对应的课程时间应该也把握在25min以内。利用好零碎的时间，现在的人都比较浮躁。 24 | 25 | 麦子网的备课录课的比例，大约是3:1。所以录制出一小时的视频，其实是需要花费3-5小时的。 26 | 27 | ## 视频录制的规范 28 | ### 视频分类 29 | 视频可分为三大类： 30 | - 软件操作的课程，主要是电脑的界面录制 31 | - 硬件操作的课程，主要录制的是操作台 32 | - 非技术类的课程，主要是录制人，以及后期的剪辑 33 | 34 | 35 | ### 操作系统的分类 36 | - windows 37 | - MacOS 38 | - Linux 39 | 40 | ### 视频分辨率 41 | 早起为1024x768,现在主流为1280x720, 1280x800。 42 | 43 | ### 录制环境 44 | - 电脑的选择 45 | - 麦克风： 主要测试一下噪音等问题 46 | - 分贝增强的设置：最好不要设置，防止出现电流声 47 | - 录制的背景音：最好在按键的环境下，避免嘈杂的背景音。 48 | - 准备手写板：电子白板。 49 | - 录屏软件：不同的操作系统软件不同。 50 | 51 | ### 录制的时长 52 | 互联网的时代是碎片时间，最好是5-25min，方便他人利用零碎时间观看。 53 | 54 | 55 | ## 视频之间的起承转合 56 | - 视频开始的时候要说一下subject 57 | - 视频结束要布置homework 58 | - 课程资料以及demo等需要和视频一一对应 59 | 60 | ## 备课工具和形式 61 | - PPT是一种方式，但是需要和演示的内容经常切换。 62 | - 云笔记之类的随时敲打也是一种方式。 63 | - 思维导图: 这是一种很好的方式，能够清晰的梳理好我们的知识点和思路。包括够花一些草图也很方便。Mindjet是一款很好的思维导图软件，各平台在都有。操作确实很漂亮，但是收费也很高。 64 | - 绘画笔或者电子白板：直接在屏幕上进行一些标注。Mac的电子白板不是很多，选择的时候需要注意。 65 | 66 | ## 录屏软件的使用 67 | ### Windows下 68 | 69 | ### Mac OS下 70 | 推荐使用ScreenFlow。这个软件的使用过程，需要注意的是音量的设置，以及背景环境音。录制完成即可预览。 71 | 72 | 这个软件录制完成，会自动将音频和视频分开。 73 | 74 | 压缩软件的话，推荐使用HandBrake。记得勾选web optimized选项。 75 | 76 | ### Linux下 77 | 78 | 79 | ## 后期的处理 80 | - 如何删除内容，将录制出错的地方删掉。 81 | - 裁剪区域： 选择合适的播放内容范围。比如可以截取除去顶部菜单，或者底部内容的区域。 82 | - 音频的控制，调制音频的大小，使得清晰。 83 | - 导出的格式：适合web的，比如H.264的MP4格式。 84 | - 视频压缩: 投放到网页或者与人分享的时候，文件较小一些便于传输。 85 | 86 | 87 | ## 录课的技巧 88 | - 需要注意的是，录课和现实的讲课是有区别的。现实的课堂是有学员的，录制课程可以假象有一堆学员，保持积极的态度。 89 | - 形成自己的风格，养成自己的习惯。有清晰的思路，有合适的Homework，方便考察。 90 | - 线上的标注，使用电子笔进行标注可以更清晰。 91 | - 养成课程的竞争优势，讲解出与众不同，有特点，更专业的内容。 92 | - 音频的深入，可以使用专业的录制设备。 93 | - 可以使用专业的剪辑和后期。 94 | 95 | 96 | ## 参考资料 97 | - [麦子学院：如何录制好在线视频](http://www.maiziedu.com/node/3195) 98 | 99 | 100 | -------------------------------------------------------------------------------- /hacker/README.md: -------------------------------------------------------------------------------- 1 | # Hacker 2 | 3 | ## 参考资料 4 | - [知道创宇：余弦](http://zhuanlan.zhihu.com/evilcos/19691465) -------------------------------------------------------------------------------- /hacker/protect-privacy.md: -------------------------------------------------------------------------------- 1 | # 保护隐私 2 | 3 | ## 参考资料 4 | - [养成哪些上网习惯可以避免泄露重要的个人隐私？](http://daily.zhihu.com/story/4416855?utm_campaign=in_app_share&utm_medium=Android&utm_source=im.doit.pro.activity.ReceiveOtherAppData) -------------------------------------------------------------------------------- /healthy/README.md: -------------------------------------------------------------------------------- 1 | # 关注健康 2 | 身体是革命的本钱，程序员本来锻炼的少，珍惜生命。 -------------------------------------------------------------------------------- /healthy/about-sleep.md: -------------------------------------------------------------------------------- 1 | # 关于睡眠 2 | 好的身体，好的体力才能支撑你的行为，才会更加有效率。 3 | 4 | ## 作息睡眠 5 | 高质量的睡眠能带来好的体力，这才是效率的保证。 6 | 7 | 晚上9-11点为免疫系统（淋巴）排毒时间，此段时间应安静或听音乐 8 | 9 | 晚间11-凌晨1点，肝的排毒，需在熟睡中进行。 10 | 11 | 凌晨1-3点，胆的排毒，亦同。 12 | 13 | 凌晨3-5点，肺的排毒。此即为何咳嗽的人在这段时间咳得最剧烈， 14 | 15 | 因排毒动作已走到肺；不应用止咳药，以免抑制废积物的排除。 16 | 17 | 凌晨5-7点，大肠的排毒，应上厕所排便。 18 | 19 | 早上7-9点，小肠大量吸收营养的时段，应吃早餐。 20 | 21 | 疗病者最好早吃，在6点半前，养生者在7点半前， 22 | 23 | 不吃早餐者应改变习惯，即使拖到9、10点吃都比不吃好。 24 | 25 | 半夜至凌晨4点为脊椎造血时段，必须熟睡，不宜熬夜。 26 | 27 | 28 | ### 为什么失眠 29 | 我睡不着的多数情况是觉得有事情没有干完，比如刷新闻，比如想明天干嘛等等。 30 | 31 | 其实想要入睡，我们需要放开那些电子产品，需要告诉大脑：现在是休息的时间。想的再多，耽误的还是自己的睡觉，形成的就是恶心的循环。 32 | 33 | ### 如何入眠 34 | 学会控制自己，放松自己。这是我从廖阅鹏的《每天用一点神奇催眠术》中学到的方法。 35 | 36 | 当身体得到休息的信号，放空大脑，让身体的各个部位方式，直至大脑。最近我看到的一种说法是眼睛最耗费我们的精力，放松眼睛，身体也能得到很好的休息。 37 | 38 | ### 枕头的选择 39 | 既然是为了改善睡眠，睡个好觉，那么首先就要看你到底是个什么情况: 40 | 1. 睡眠质量不错: 可以试试带回弹的类型。 41 | 2. 打鼾，睡醒头疼/头晕: 颈椎可能有问题，试试乳胶B型枕，或者慢回弹B型枕吧。 42 | 43 | 品牌的话，我推荐[眠趣](http://www.jd.com/pinpai/1628-12898.html)。 44 | 45 | 46 | ## 睡眠时间 47 | 不同年龄段，所需的睡眠时间也不尽相同。美国国家睡眠基金会推荐的睡眠时间如下图。对照一下，你的睡眠时间达标了么？ 48 | - 0~2个月： 12-18h 49 | - 3~11个月：14-15h 50 | - 1~3岁：12-14h 51 | - 3~5岁：11~13h 52 | - 5~10岁：10~11h 53 | - 10~17岁： 8.5~9.25h 54 | - 成年人： 7~9h 55 | 56 | ## 睡眠质量 57 | 此外，也不能追求睡眠时间的“数量”，而忽视睡眠质量。高质量睡眠的一般特征是： 58 | 1.半小时内入睡； 59 | 2.整夜基本不醒。 60 | 61 | 最佳睡眠时间：**晚10点至早6点**。这一点对于IT业的和创业初期的朋友来说，可能比较困难。 62 | ## 强身健体 63 | 64 | 65 | ## 参考资料 66 | - [体质极差的人如何从头开始恢复身体素质？](http://www.zhihu.com/question/20381470/noti-answers?group_id=789813721) 67 | - [凌晨 3 点半不想睡但又必须睡怎么办？](http://www.zhihu.com/question/19596092) 68 | - [知乎周刊: 真的睡不着](http://zhuanlan.zhihu.com/Weekly/19842041) 69 | - [熬夜的南京人，你们还能活多久？太恐怖了！](http://mp.weixin.qq.com/s?__biz=MjM5MTUwMTkyMA==&mid=202199169&idx=3&sn=b4e78318ef4dbbd1d4108888a0bfb386#rd) 70 | - [详解熬夜对人体的各种危害](http://blog.jobbole.com/14459/) 71 | - [如何提高睡眠质量？](http://blog.jobbole.com/356/) 72 | - [22:00-6:00 睡觉真的比 2:00-10:00 更有利健康吗？](http://mp.weixin.qq.com/s?__biz=MjM5MzA0OTkwMA==&mid=206819599&idx=1&sn=c9a7313dd8ba671e050872c9b6f4b1ae#rd) -------------------------------------------------------------------------------- /healthy/detect-overwork.md: -------------------------------------------------------------------------------- 1 | # 过劳检测 2 | 3 | ## 参考资料 4 | - [10个危险信号你占几条？上班族必看!](http://mp.weixin.qq.com/s?__biz=MTM3NTEzNTkyMQ==&mid=204932599&idx=1&sn=f99b7ee11d33d90d1bbc7c02d8c20bf0#rd) 5 | - [IT 人必看：从疲劳到猝死只需 6 步！](http://mp.weixin.qq.com/s?__biz=MjM5OTA1MDUyMA==&mid=205842516&idx=1&sn=8028b9259d938657a8fb2c62812891f6#rd) -------------------------------------------------------------------------------- /knowledge/README.md: -------------------------------------------------------------------------------- 1 | # 获取知识 2 | 程序员是一个活到老，学到老，还有三分学不到的职业。这就无形的要求我们要不断进取，不断学习。 3 | 4 | 既然学习是一个必然的过程，那么我们就要将这个过程变得高效和有趣。 5 | 6 | 关于书籍的选择，技术方面还是推荐英文资料，因为翻译质量的问题。你看中文可能10分钟的内容，理解却要1小时。而英文你看需要30分钟，理解只需要10分钟。 7 | 8 | ## 资源 9 | 这里特别提及一下技术学习的一些资源。我个人比较喜欢书本的理论知识结合视频介绍的实践。自己通过项目去学习。 10 | 11 | 提高技术的方式： 12 | ## 论坛 13 | - [stackoverflow](http://stackoverflow.com/) 14 | - [github](https://github.com/) 15 | - [reddit:Programming](http://www.reddit.com/r/programming/search?q=programmer&sort=relevance&restrict_sr=on&t=all) 16 | 17 | ## 视频教程 18 | - [tuts+](http://tutsplus.com/): 首推这家，资源多，质量好，不管视频还有文字教程。 19 | - [Lynda](http://www.lynda.com/): 同tuts+，看过几门课，很有条理。 20 | - [Course Hero](https://www.coursehero.com/) 21 | -------------------------------------------------------------------------------- /knowledge/learning-design.md: -------------------------------------------------------------------------------- 1 | # 设计学习 2 | 能将自己的想法融入到作品之中，去影响，帮助到他人。是我一直的梦想。 3 | 4 | 这里摘录一份设计师自学指南: 5 | 本文译自国外高质量问答社区Quora，原文作者Karen X. Cheng，原是微软Excel的项目经理，后通过自学转型成为设计师。她讲述的自学过程详实细致且条理有序，读完会发现与想象中的大不一样，对于想自学设计但迷茫不知道从何入手的童鞋来说，可以遵循她的步骤去学习，除了规划得当，还能对设计有一个全局的了解 : ） 6 | 7 | ## 设计师完全自学指南 8 | 我不是毕业于设计学系，但我得到了一份设计师的工作。 9 | 10 | 我想换工作，成为一位设计师，但我没有四年和十万元美金让我回到学校上课，所以我决定自修。起初，我相当怀疑一个人到底能不能靠着自修来找到相关的工作。 11 | 答案是：可以 12 | 13 | 我边上班边自学了六个月的设计。虽然我觉得还没准备好，但我还是参加了许多公司的面试，最后我成功在一间很棒的新创公司 Exec 找到工作。 14 | 15 | 我知道我不比许多专业科系毕业的设计学生还要优秀，但我的能力已足以将我的工作做好。我会设计许多东西，例如网页、iPhone 应用程序、电子邮件、社群媒体和印刷品等。 16 | 17 | ## 一、学会观察 18 | 新手最容易犯的错误是直接上手Photoshop，要清楚学会Photoshop并不能让你成为设计师，就像你买了一套高质量的画笔也不会成为艺术家一样，从真正的基础开始吧。 19 | 20 | ### 学一点绘画 21 | 1. 你不需要挤在一个画室里，跟一群艺术家一起画裸女 22 | 2. 你甚至不需要画得非常好，只要掌握一点基础，就能画一幅素描画 23 | 3. 你只有一件事，去学习如何画画，我看了很多关于绘画的书，这里推荐一本最好的：如何在30天内学会画画（小编找不到中文版，倒是有英文版PDF下载），然后每天花半个小时去练习画画，坚持一个月，会有惊人的效果。 24 | 25 | ### 学习平面设计理论 26 | 1. 从《Picture This》这本书开始学起。本书虽以童话《小红帽》为例，却能教会你一切平面设计的基础。 27 | 2. 学会运用颜色、排版，以及栅格。若附近有开班教平面设计，就去报名吧。 28 | 29 | ### 学习使用者经验的基础 30 | 坊间有许多谈论使用者经验的书，我推荐从这两本开始： 31 | - 《The Design of Everyday Things》 → 中文版（设计心理学）PDF下载 32 | - 《Don’t Make Me Think》→ 中文版《不要让我思考》PDF下载 33 | 34 | ### 学习如何写作 35 | 不要用废话来充版面。身为一个设计师，你的工作不只是画出美美的图片而已，你还必须是个优秀的沟通者。想想你过去的一切经验，并且慎选每一个用字遣词。记得要「说人话」，而不是像学校写报告时拿来充字数的连篇鬼话。 36 | 37 | 1. 读《Made to Stick》 → 中文版《粘住》PDF下载。这是我这辈子最爱的书之一，它将教会你如何获得你专属的死忠读者。 38 | 2. 「Voice and Tone」这个网站充满了很多很棒的例子，教你如何与使用者沟通。 39 | 40 | ### 学习放弃自己的作品 41 | 这是最困难的部份。要作好心理准备，随时有可能必须像扼杀自己的孩子般销毁自己的作品。若能越快做好这样的心理准备，工作就能越快上手，因此若觉得成品不够好时，就随时砍掉重练吧。 42 | 43 | 找到公正的另一双眼：向懂设计的人询问看完你作品后的意见。若身边没有这类朋友，就去参加设计师聚会或相关活动上认识几个吧！ 44 | 45 | 也要问问不懂设计的人，对你的作品有什么看法。让你将来的使用者试用看看你做的网页或应用程序。不要害怕问陌生人的意见，有一次班机误点，我就利用这个机会问问航厦中的其他乘客对于我设计中的应用程序的看法。他们大都乐意协助，我也获得了许多很棒的意见。 46 | 47 | ### 聆听 48 | 确实地聆听别人的意见，而且不要辩解。当你问别人意见，而对方愿意花时间和精力回答你时，不要用辩解来回报他们。相反地，你可以感谢他们，并且问他们问题，然后再自行考虑是否采纳他们的意见。 49 | 50 | ## 二、学会使用 Photoshop 和 Illustrator 51 | 耶！现在你在视觉设计与用户经验上已经有相当坚实的基础，可以朝下一步迈进了。事实上，我建议从 Illustrator 开始学，接着再去碰 Photoshop。设计师通常使用 Illustrator 来制作商标或图示，而 InDesign 则在制作传单或名片等印刷品时非常好用。 52 | 53 | ### 学习使用 Illustrator 54 | 有无数本书跟网站都在教怎么用 Illustrator，你可以挑自己喜欢的，以下是我自己很喜欢的： 55 | - 《Adobe Illustrator Classroom in a Book》：这本书很无聊，但却非常实用。 56 | - 《Vector Basic Training》：这本书会教你如何用 Illustrator 做出真的还蛮好看的东西。 57 | 58 | 好玩的来了，到以下的免费学习网站看看你学会了多少吧！这是我最喜欢的两个：logo 和scenic landscape。 59 | 60 | ### 学习使用 Photoshop 61 | 网络上有成千上万的教学网站，但很多都很烂。幸好，还是有不少高质量的教学网站，例如PSDTuts 就是其一。想学做 iPhone 应用程序的话，这里有很棒的教学 ; 想学做网页的话，则看这个网站。 62 | 63 | 若每天挤出一两个小时来复习这些教学课程，你进步的速度将会连你自己都感到难以置信。 64 | 65 | ## 三、学会专业技能 66 | 你想设计的是应用程序、网页、还是信息图表？我建议在全部尝试过后，选择其中你比较有兴趣的领域去钻研学习。 67 | 68 | ### 学习设计商标 69 | 1. 想学会设计商标，建议读《Logo Design Love》 → 中文版《超越LOGO设计》PDF下载。 70 | 2. 若连网站和名片都想一起学会，就建议读《Designing Brand Identity》。 71 | 72 | ### 学习设计应用程序 73 | 1. 从这个教学课程开始学习应用程序的视觉设计。 74 | 2. 读这本关于 iPhone 的书《Tapworthy》→ 中文版《触动人心：设计优秀的Iphone应用》PDF下载，它能教你如何作出美观又实用的应用程序。 75 | 3. 好好研究你手机中的应用程序。你觉得哪边很棒，哪边又很糟？ 76 | 77 | ### 学习设计网页 78 | 1. 读《Don’t Make Me Think》，学习如何做出好读的网页。 79 | 2. 想做出好看的网页，就去读《The Principles of Beautiful Web Design》。 80 | 3. 列出你觉得很漂亮的网页，并找出他们的共同点。SiteInspire 上有很多不错的例子。 81 | 难题来了：身为设计师，一定要懂 HTML 或 CSS 吗？我的答案是，依工作性质而定，但若懂这些肯定对工作是加分的。网络上有非常多学习 HTML 和 CSS 的资源： 82 | 4. 我最喜欢的免费网站是Web Design Tuts。 83 | 5. 我最喜欢的付费网站则是 Treehouse（每个月只要 25 美元）。假如你是从头开始学，而且希望有人为你详细解说一切，就去上 Treehouse 的教学课程吧。 84 | 85 | ## 四、建立自己的作品集 86 | 想成为设计师，你不需要去过学校上课，但你一定需要一个作品集。话虽如此，又刚开始学设计又没读过相关学系，要从哪里生出作品集来？告诉你一个好消息：你不需要真的处理过企划项目才能建立一份作品集，你可以列出以下成品： 87 | 1. 你为 T 恤所做的疯狂设计。 88 | 2. 替一个很丑的网站重新设计新风貌。 89 | 3. 设计一个 iPhone 应用程序。 90 | 4. 参加设计比赛 91 | 5. 寻找当地的非营利组织，提供免费设计服务。 92 | 93 | 另外记得： 94 | 1. 不要把每个作品都放进作品集中，只要把最好的一些作品放进来即可。 95 | 2. 找灵感：先不必担心原创的问题，就像刚学新乐器时，一定是先学如何演奏别人的歌曲，最后才学做自己的歌曲。 96 | 97 | ## 五、找到一份设计师的工作 98 | 当我刚开始学设计时，我曾去过一个设计师工作坊，里面充满了想找工作的资深设计师，有好几位有过 5、10、甚至 15 年的工作经验了。想到必需跟他们竞争，我感到十分胆怯。然而一年后，我就成功找到了一份设计师的工作。我认为我比其他设计师多了一项关键优势：我懂得如何与软件开发人员合作。 99 | 100 | 去学一些交互式设计，或是基本的 HTML 和 CSS 语法吧！科技业的设计师（交互式装置、网页和应用程序设计师等）炙手可热且薪水很高。假如没有跟开发人员合作过的经验，可以参加Startup Weekend、Hackathons。 101 | 102 | 最后，告诉你身边所有人你想成为一位设计师吧！谁都有可能会成为帮你找到工作的贵人。 103 | 104 | ### 找到工作后也要持续学习 105 | 我已经在 Exec 工作一年了，也从这份工作中学到许多。我会去向比我资深的设计师学习、去找其他设计课程，像TutsPlus 都是不错的在线课程，甚至翻遍书店中设计类的书籍。还有许多东西是我可以学习以及改善的。记得要不断磨练你的技能，并且不停学习。 -------------------------------------------------------------------------------- /knowledge/learning-english.md: -------------------------------------------------------------------------------- 1 | # 英语学习 2 | 现代的这个社会，不管你做什么，学好英语都是有好处的。 3 | 4 | ## 学习方法 5 | ### 音标 6 | 英式音标是20个元音，但是美式好像是24个。网上有一个很好的教材，[海伦教你学音标](http://www.hjenglish.com/new/p158838/)。 7 | 8 | 美式音标（KK音标）与英式音标的区别： [国际音标&KK音标对照表详细打印版](http://wenku.baidu.com/link?url=RyJSEXlVxjSHvIN8nEfd7FHKOimKqjFtbsCBjdpHN8G4q7xpDmi53f21ZzrNbch52Fbit9JO968wStefzT0Qt7XMn9WI-uKALyDsHUC8u_e). 9 | 10 | ### 单词 11 | 所有的文章是由句子组成，句子是由单词组成。了解单词的含义是学习的一个重要过程。我喜欢查看英英解释，在线的词典有这么几个： 12 | - [Dictionary](http://dictionary.reference.com/) 13 | - [海词](http://dict.cn/) 14 | - [同义词查询](http://m.dictionary.com/t/) 15 | 16 | 软件的话，全部设备推荐欧陆词典，原因是可扩展词库。关于词典的选择，参考[市面上最常见的牛津高阶英汉双解词典，朗文当代高级英语辞典和柯林斯COBUILD高阶英汉双解学习词典有何特色？](http://www.zhihu.com/question/24801656/answer/29048505) 17 | 18 | ### 语法 19 | 语法的话，赖世雄有本书好像不错。 20 | 21 | ### 运用 22 | 当学习到了一定的阶段，应该进行大量的输入过程，并持久化。输入的材料可以是TED或者初级的外文书籍。 23 | - [网易公开课:TED](http://open.163.com/ted/) 24 | 25 | ## 学习资料 26 | 教材方面，我有看过新概念和赖世雄的教程。推荐赖世雄的教程，从发音到初级，中级，高级，循序渐进。 27 | 28 | - [奶爸的英语教室](http://site.douban.com/195274/) 29 | - [漏屋：外语学习的真实方法及误区分析](http://blog.jobbole.com/21279/) 30 | - [李笑来: 人人都能学英语](https://www.gitbook.com/book/xiaolai/everyone-can-use-english/details) -------------------------------------------------------------------------------- /knowledge/learning-front-end.md: -------------------------------------------------------------------------------- 1 | # 前端学习 2 | -------------------------------------------------------------------------------- /knowledge/learning-games.md: -------------------------------------------------------------------------------- 1 | # 游戏开发 2 | 在ios下开发游戏，使用原生API操作的情况较少，多数会借助于其他框架。比如Cocos2d和Unity3D。 3 | 4 | ## Cocos2d 5 | cocos2d最早是专门为oc设计的，用于ios的开发。但随着android设备的崛起，现在的cocos2d-x更加流行。cocos2d-x是国内触控科技主导的，用c++编写，在世界都具有很大的影响力，且cocos2d的原作者也已经加入cocos2d-x的开发之中。 6 | 7 | ### Cocos2d-Swift 8 | 这其实是最早的版本，之前名称叫做`cocos2d-iphone`。使用OC编写，适用于开发ios游戏。配合`SpriteBuilder`，可以方便快捷的开发游戏。 9 | 10 | 关于cocos2d-swift的教程不多，起码国内的我没找到什么。我的建议也是先去官方看[Getting Start](http://www.cocos2d-swift.org/get-started)和[Cocos2D & SpriteBuilder Developer Guide](https://www.makegameswith.us/docs/#!/cocos2d/1.1/overview)。 11 | 12 | 但是！我看完Getting Start也没发现我能干啥，我只能参考[How To Make A Simple iPhone Game with Cocos2D 3.0 Tutorial](http://www.raywenderlich.com/61391/how-to-make-a-simple-iphone-game-with-cocos2d-3-0-tutorial)的教程开始我的cocos2d之旅。 13 | 14 | 15 | ## 参考资料 16 | - [Cocos2d-swift](http://www.cocos2d-swift.org/) 17 | - [Cocos2d-x](http://cn.cocos2d-x.org/) 18 | - [http://www.raywenderlich.com/](http://www.raywenderlich.com/)： 很多step by step的教程，适合掌握一定知识之后跟着教程做着玩。 19 | - [Learn to make iPhone games!](https://www.makegameswith.us/home/): Cocos2d官方文档里推荐的一个网站，通过例子学习开发。 -------------------------------------------------------------------------------- /knowledge/learning-ios.md: -------------------------------------------------------------------------------- 1 | # ios开发 2 | 移动设备的开发，ios比较规范，设备的尺寸和性能都比较直接。因此想要开发移动设备，首推还是ios。 3 | 4 | ## Objective-C 5 | OC是开发ios的必备基础。但只要你有过C/C++，以及一些面向对象的基础，学习起来没有那么难。只是语法和新特性上需要花些时间去了解。 6 | 7 | ### 在线教程： 8 | - [官方文档:Programming With Objective-C](https://developer.apple.com/library/mac/documentation/Cocoa/Conceptual/ProgrammingWithObjectiveC/Introduction/Introduction.html) 9 | - [stanford CS 139P](http://web.stanford.edu/class/cs193p/cgi-bin/drupal/) 10 | - [Try Objective-C]( http://tryobjectivec.codeschool.com/) 11 | - [Cocoa:Learn Objective-c](http://cocoadevcentral.com/) 12 | - [Learn Objective-C](http://code.tutsplus.com/series/learn-objective-c--mobile-22891) 13 | 14 | 15 | ### 书籍: 16 | - [Objective-C编程](http://book.douban.com/subject/19962787/) 17 | - [Programming in Objective-C, 4th Edition](http://it-ebooks.info/book/1201/) 18 | - [Objective-C基础教程](http://book.douban.com/subject/24284008/) 19 | 20 | 21 | ### Reference: 22 | - [Foundation Framework Reference](https://developer.apple.com/library/mac/documentation/Cocoa/Reference/Foundation/ObjC_classic/_index.html#//apple_ref/doc/uid/20001091) 23 | - [Introduction to String Programming Guide for Cocoa](https://developer.apple.com/library/mac/documentation/Cocoa/Conceptual/Strings/introStrings.html#//apple_ref/doc/uid/10000035-SW1): Objective-C字符串的使用。 24 | 25 | 看苹果的文档不要从参考(Reference)开始看，从指南(Guide)开始看。一般你看到一个具体类的时候，如果有相关的指南都会有链接直接跳过去的。 26 | 27 | 当对OC有了了解之后，请直接找一个iOS项目开始吧！实践检验真理！ 28 | 29 | ## 入门ios开发 30 | ### 书籍 31 | - [马上着手开发 iOS 应用程序 (Start Developing iOS Apps Today)](https://developer.apple.com/library/ios/referencelibrary/GettingStarted/RoadMapiOSCh/index.html)： 官方的Guide。 32 | - [iOS7初学者入门](https://github.com/eseedo/kidscoding): 作者王寒，国内一位iOS游戏开发者，自己总结的，感觉不错，基础入门。 33 | - [iOS Programming](http://book.douban.com/subject/24538384/) 34 | - [ios开发从新手到App Store上架](http://www.cocoachina.com/special/fornew.html) 35 | 36 | ### 在线教程 37 | - [斯坦福大学公开课：iOS 7应用开发(网易公开课)](http://study.163.com/plan/planMain.htm?id=1533019#/planMain) 38 | - [standford: developing ios 7 apps](http://online.stanford.edu/course/developing-ios7-apps-fall-2013) 39 | - [http://www.raywenderlich.com/](http://www.raywenderlich.com/)： 很多step by step的教程，适合掌握一定知识之后跟着教程做着玩。 40 | - [code4app代码库](http://code4app.com/) 41 | 42 | ### 论坛 43 | - [v2ex](http://v2ex.com) 44 | - [Cocoa China BBS](http://www.cocoachina.com/bbs/index.php?m=bbs) 45 | -------------------------------------------------------------------------------- /knowledge/learning-mooc.md: -------------------------------------------------------------------------------- 1 | # MOOC 2 | 我一直比较关注[MOOC](http://en.wikipedia.org/wiki/Massive_open_online_course)的发展。个人认为互联网是肯定会改变人们学习的方式的。但是这个过程需要更多时间去完善。 3 | 4 | ## 发展现状 5 | ### 国内 6 | 网易的[网易公开课](http://open.163.com/)应该是最早发起的在线教育。而果壳网的[MOOC学院](http://mooc.guokr.com/)是一个较大的MOOC课程社区。 7 | 8 | 其他的一些：[慕课网](http://www.imooc.com/)和[极客学院](http://www.jikexueyuan.com/)多为带有培训性质的教育网站。且传授内容以计算机为主。 9 | 10 | ### 国外 11 | 目前来说的三大平台为: [Coursera](https://www.coursera.org), [edX](https://www.edx.org/)和[Udacity](https://www.udacity.com)。 12 | 13 | Coursera和edX的教育资源大都是顶级大学，Udacity 里的课有很多业界大牛。从表面上来讲，Coursera和edX的课更加偏理论，而Udacity则更加偏重技能传授。 14 | 15 | 16 | ## 参考资料 17 | - [MOOC 的核心是什么？它与普通的大学公开课、视频公开课有什么本质区别？](http://www.zhihu.com/question/22951016/answer/29058511?group_id=749998184) 18 | - [M三大 MOOC 网站：Coursera 与 Udacity 和 edX 比较，哪个更适合中国人？你有何经验分享？](http://www.zhihu.com/question/21095181) -------------------------------------------------------------------------------- /knowledge/podcasts.md: -------------------------------------------------------------------------------- 1 | # Podcasts 2 | 现在的都市生活，导致我们会有很对的碎片时间，我们应该重视这些碎片时间，利用它们。顺便提一下我认为利用碎片时间的三大法宝: 3 | 4 | - 电子书 5 | - 视频 6 | - 音频 7 | 8 | ## 什么是Podcasts 9 | 在网络中可下载的片段，可以是视频，音频甚至是图文资料。实际上我们通常意义上讲的podcasts还是音频，主要是苹果推出ipod带动了其发展。可以类比FM,只不过podcast不再是实时的，而是可以下载使用的。 10 | 11 | ## 为什么使用Podcasts 12 | 定制性强，收听方便。这是我们用于替代FM的主要原因。对于我上面提到的碎片时间，可以很好的利用起来。 13 | 14 | ## 如何收听 15 | 大部分的资源还是在iTunes上，所以我们最好使用iTunes来订阅管理Podcasts。在iTunes上，分门别类也很多，根据自己的喜好进行一些订阅。下载之后，我们还可以找到文件本身，将其放到我们的手机或者mp3中使用。 16 | 17 | 当然，现在也有很多第三方的app，我使用的是[Pocket Casts](http://www.shiftyjelly.com/pocketcasts)，多平台兼容性较好。 18 | 19 | ## 推荐 20 | ### 国外 21 | - [TED NRP](http://www.npr.org/programs/ted-radio-hour/) 22 | - [a16z](http://a16z.com/) 23 | - [software engineering radio](http://www.se-radio.net/) 24 | 25 | ### 国内 26 | - 比特新声 27 | - IT公论 28 | - Teahour 29 | - 好妹妹电台 30 | 31 | ## 参考资料 32 | - [Apple: For Podcasts Fans](https://www.apple.com/itunes/podcasts/fanfaq.html) 33 | - [Wikipedia: Podcast](http://en.wikipedia.org/wiki/Podcast) 34 | - [有哪些比较好的播客 app？](http://www.zhihu.com/question/24667023) -------------------------------------------------------------------------------- /networks/README.md: -------------------------------------------------------------------------------- 1 | # 网络知识 2 | 3 | ## 参考资料 4 | - [EMC: 网络基本功系列](https://community.emc.com/thread/197851) 5 | -------------------------------------------------------------------------------- /networks/a-simple-performance-comparison-of-https-spdy-and-http2.md: -------------------------------------------------------------------------------- 1 | # HTTPS, SPDY和 HTTP/2性能的简单对比 2 | Firefox 35这周发布了，成为第一个默认开启支持HTTP/2协议的浏览器。Chrome也支持了，只是以SPDY 4的名义，并且要自己在about://flags里面手动开启。 3 | 4 | 不过HTTP/2规范还没有最终完成，所以Firefox实际上支持的是HTTP/2第14版草案，这个版本的草案离最终发布可能不会有大改动了。Google现在在其服务器上同时支持了HTTP/2的第14草案和SPDY协议，这就给我们了一个基于同一个网页来对比HTTPS, SPDY和 HTTP/2的性能的机会。 5 | 6 | HttpWatch 也更新了，从而可以在Firefox里面监控HTTP/2了，它现在有一列专门显示每个请求所使用的协议了： 7 | 8 | ## 性能对比 9 | 这组性能测试是使用Firefox和HttpWatch，测试页面为Google英国首页，使用了三种协议: 10 | - 原始的HTTPS 11 | - SPDY/3.1 12 | - HTTP/2 13 | 14 | 每次测试都是基于空缓存的。所以即便这个测试很简单并且只基于一个网站，但其结果还是具有代表性的。 15 | 16 | ## 测试#1：请求和响应报头的大小 17 | 大部分网站在下载文本内容的时候已经启用了压缩(Gzip)，因为它可以提供很明显的性能优势。但是很不幸，HTTP/1.1不支持压缩每个请求和相应的HTTP报头。SPDY和后来的HTTP/2旨在使用不同的压缩类型来弥补这个短板。 18 | 19 | SPDY使用普通的DEFLATE 算法而HTTP/2使用专门为压缩报头而设计的HPACK算法。它使用预定义的token、动态表以及哈夫曼压缩。 20 | 21 | 从一个空请求也可以看到生成的报头大小的不同。在Google英国首页有返回空内容的信标请求(204返回码)。下面是HttpWatch的截图，‘Sent’列显示请求报头的大小，‘Received’列显示响应报头的大小： 22 | 23 | **胜出**: HTTP/2的报头大小还是很明显的，看来HPACK确实不错。 24 | 25 | ## 测试#2：响应信息大小 26 | 响应信息包括响应报头和编码过的响应内容。HTTP/2提供了最小的报头，那么它会否给到最小的响应信息？ 27 | 28 | 原因在于可被添加到HTTP/2数据帧的可选填充字节。HttpWatch现在并不能显示填充，但是在debug log里面可以看到Google服务器向文本内容的数据帧中添加了填充。HTTP/2规范给到的使用填充的理由是： 29 | 填充可以用来混淆帧内容的实际大小，而且减少HTTP中的特殊攻击。例如，压缩的内容包含攻击者控制的明文和秘密数据的攻击(见 [BREACH]). 30 | 31 | 填充不会用于图片文件，因为它已经是压缩过的格式了，并不包含攻击者控制的纯文本。 32 | 33 | **胜出**: SPDY 34 | 35 | 在Google服务器上看到的较大的响应体是因为在数据帧中使用了填充。尽管，HTTP/2产生了比SPDY大的响应信息，它的加密连接可能会更安全。这可能会是安全和性能权衡折衷的一个地方。 36 | 37 | ## TCP连接数和SSL握手请求时间 38 | 通过将每个域名的最大并发连接数从2个提升到6个甚至更多，浏览器在HTTP/1.1实现了明显的性能提升。增加并发使得网络带宽可以更有效的利用，因为它减少了请求块。 39 | 40 | SPDY和HTTP/2通过复用单个连接来允许多个请求一次发送和接收数据来支持在一个TCP和SSL连接中的并发。 41 | 42 | 增加了‘Connect’和‘SSL Handshake’时间后，SPDY： 43 | 44 | **胜出**: 共同胜出: SPDY & HTTP/2. 45 | 46 | 在SPDY和HTTP/2中增加的复用支持减少了下载页面时不得不设置的网络连接的数量。作为附加好处，当HTTP/2使用的更加广泛时，网络服务器不用再不得不维护太多的活动TCP连接了。 47 | 48 | ## 测试#4：页面加载时间 49 | HttpWatch中的‘Page Load’时间显示页面被完全下载并可用的时间。大部分情况下，这是合理的网页速度的衡量数据。 50 | 51 | **胜出**：HTTP/2 52 | 53 | 原生的HTTPS的加载时间最长的原因可能是缺乏报头压缩和额外的TCP连接和SSL握手请求。对于更复杂的页面来说，SPDY和HTTP/2的优势可能会更加明显。 54 | 55 | 我们也发现HTTP/2通常比SPDY要快，尽管它的响应信息通常更大。这个优势可能是因为HPACK压缩减少的更小的GET请求信息。我们的网络连接，和许多人一样，是非对称的——网络上传速度比下载速度小很多。这意味着任何节省的上传数据比节省的等量的下载数据更有价值。 56 | 57 | 58 | ## 结论 59 | HTTP/2看起来能提供明显的性能优势，。然而，响应信息中填充的使用会是一个潜在的关于性能和安全的权衡点。 60 | 61 | 62 | 63 | ## 参考资料 64 | - [A Simple Performance Comparison of HTTPS, SPDY and HTTP/2](http://blog.httpwatch.com/2015/01/16/a-simple-performance-comparison-of-https-spdy-and-http2/) 65 | - [如何防止网站被电信运营劫持弹广告](http://dbanotes.net/security/iframekiller_anti_iframe_clicjacking.html) 66 | - [Hypertext Transfer Protocol version 2](https://http2.github.io/http2-spec/) 67 | - [SPDY](http://en.wikipedia.org/wiki/SPDY) 68 | - [HttpWatch](http://www.httpwatch.com/download/) 69 | -------------------------------------------------------------------------------- /networks/assets/http状态码.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leohxj/a-programmer-prepares/a3beda0bc943f348b61d9b87fe4d70a2a0ccd6d1/networks/assets/http状态码.jpg -------------------------------------------------------------------------------- /networks/http-status-code.md: -------------------------------------------------------------------------------- 1 | # HTTP状态码 2 | ![HTTP状态码](assets/http状态码.jpg) -------------------------------------------------------------------------------- /offer/README.md: -------------------------------------------------------------------------------- 1 | # 关于工作 2 | -------------------------------------------------------------------------------- /offer/about-resume.md: -------------------------------------------------------------------------------- 1 | # 关于简历 2 | 简历，是大多数人找工作时候的敲门砖。技术人员往往在想要换工作的时候才会发现需要更新甚至重写一份简历，并且无从下手，突然觉得自己白活了很久，所以简历这个东西，还是定期更新一下比较好，时刻提醒自己，实力需要提高。 3 | 4 | ## 什么是好简历 5 | 简历是让别人了解你的一种方式，是要让用人单位对你的技能水平与软素质有个基本的认知，以此为基础进行面试。重点需要体现出： 6 | 7 | - 我是谁 8 | - 我的优势是什么 9 | - 我能给公司带来什么 10 | 11 | 书写的内容要保证客观真实，技术人员最好用真实的案例表明自己做过的事情，让别人印象深刻，什么精通xxx之类的我觉得还是少些一点,让别人能明白自己的优势，这才是所有简历的主旨。 12 | 13 | ## 书写简历的方式 14 | 既然是程序员，那么首推还是用Markdown语法书写，然后通过工具转换为PDF格式。Markdown的版本建议部署到github pages上。或者也可以在Word 里罗列个人信息与工作经历，用一个简单的表格把各项区别开，能够看到重点，然后导成 PDF。当然，也有其他的选择，比如建立一个关于自己的网站，吸引别人。 15 | 16 | 但是请记住：重点取胜的是内容，所以种种在形式上花很多心思，一般都是没有太多打动人的经验和内容，这样的简历结果都是被 fail。 17 | 18 | ## 简历的内容 19 | 人单位最看重的是面试者的哪些方面呢，是个人潜力，工作经验，还是执行力？我觉得这个需要按照你目前的身份去对待: 20 | 21 | - 学生: 用人单位最看重的是基础能力，学习能力，适应能力，还有对待这份工作的热情。其次是之前的经验或完整作品，如果实习经历的工作经验对接下来的工作是正向作用将是加分项。 22 | - 社招: 最重要的是经验与是否能应对所在工作未来的一些挑战。 23 | 24 | 25 | 但在简历中应该避免的几点是: 26 | 27 | - 只描述技能，但与自己能力不匹配。 28 | - 只描述高大上项目，没说自己做了啥。 29 | - 描述以前工作过于简单，几乎没有内容。 30 | - 夸大事实，没做过说自己做过。 31 | 32 | ### 个人信息 33 | 个人信息是别人了解和联系你的方式，所以还是放在最上面比较好。理应包含: 34 | 35 | - 姓名/性别/年龄 36 | - 学历/学校以及专业 37 | - 手机 38 | - 邮箱 39 | - 微博/个人主页 40 | - Github地址 41 | - 求职意向(可选) 42 | - 薪资范围(可选) 43 | 44 | 理论上我觉得此段还可以加上自我评价。 45 | 46 | ### 个人经历 47 | 我这里是想把在校情况也普及一下，如果工作情况很充实，这一段完全可以修改为工作经历。此段落请按照时间优先的顺序，描述经历。尽量描述之前工作的重点、难点和亮点的项目来描述，一定程度上可以增加简历筛选的通过率，还可以缩小面试的问题域，节省时间。 48 | 49 | 有一种叫做"STAR法则"的方式，可以帮助我们更好的充实内容，比如: 50 | 51 | - Situation & Task。 52 | 由于业务迭代速度加快，垂直搜索业务的性能衰减至 x 秒，性能优化刻不容缓。 53 | 54 | - Action。 55 | 团队一共 x 人，由我发起并推动前端性能优化，其中后端研发也一起参与。 56 | 技术上主要负责前期性能监控的打点与后期评估，前端性能方案调研以及选型。 57 | 其中，性能监控在 Chrome 等浏览器下使用了 HTML5 navigation timing 得到了更为精确的性能指标数据。 58 | 调研并实现了 bigpipe 与 bigrender 技术。 59 | 60 | - Result。 61 | 优化结果前端性能由 x 秒到 x 秒，性能直观感受提升 x0%，页面核心指标 UV/PV 提升 x0%。 62 | 除此之外，还设计了性能整改涉及的模块业务的灰度上线方案，提升了上线安全。 63 | 整体项目的结果明显，得到了经理与同事们的一致好评。 64 | 65 | 简短一点的也可以这样： 66 | 67 | 2006年，我参与了手机XX网发布系统WAPCMS的开发（这部分是大家都会写的）。作为核心程序员，我不但完成了网站界面、调度队列的开发工作，更提出了高效的组件级缓存系统，通过碎片化缓冲有效的提升了系统的渲染效率。（这部分是很多同学忘掉的，要写出你在这个项目中具体负责的部分，以及你贡献出来的价值。）在该系统上线后，Web前端性能从10QPS提升到200QPS，服务器由10台减少到3台（通过量化的数字来增强可信度）。2008年我升任WAPCMS项目负责人，带领一个3人小组支持着每天超过2亿的PV（这就是Benefit。你能带给前雇主的价值，也就是你能带给新雇主的价值。）。 68 | 69 | ### 业余爱好和作品 70 | 这里可以再细分段落的描述自己做过的其他事情，比如开源项目，初版的书籍。 71 | 72 | ### 技能清单 73 | 对技能进行详细且有重点的描述。 74 | 75 | ### 致谢 76 | 最后别忘了感谢一下辛苦阅读你简历的人。 77 | 78 | ## 总结 79 | 简历的含义是对学历、经历、特长、爱好及其它有关情况所作的简明扼要的书面介绍。是有针对性的自我介绍的一种规范化、逻辑化的书面表达。 80 | 81 | ## 参考资料 82 | - [Markdown 简历工具 DeerCV：不找工作，你也应该拥有一份完美简历](http://www.v2ex.com/t/179299) 83 | - [如何写好技术简历 —— 实例、模板及工具](http://get.jobdeer.com/744.get) 84 | - [写打动人的「个人简历」](http://mp.weixin.qq.com/s?__biz=MzA5NDY0ODkxNA==&mid=203425054&idx=2&sn=10866b55058b14a30f5adf1f80d67aed&scene=18#rd) 85 | - [吐嘈「个人简历」](http://mp.weixin.qq.com/s?__biz=MzA5NDY0ODkxNA==&mid=203425054&idx=1&sn=7de145e1dbb737e61e3fe0a699fe3672&scene=18#rd) -------------------------------------------------------------------------------- /offer/before-find-offer.md: -------------------------------------------------------------------------------- 1 | # 找工作前需要思考的问题 2 | 如果真的到了换工作的时候，肯定不是一天两天才做的决定。所以当你打算换工作之前，不妨先思考一些问题。 3 | 4 | ## 为什么辞职 5 | 先想想自己在当前的发展环境下发展遇阻的原因。多从自己的内因上找，不要带着抱怨情绪。不能勇于面对自己的不足，迟早还会因为自己能力不足而离开。对上一家公司的抱怨什么的不建议和hr说，因为你面试的下一家，以后也可能成为你的上一家。 6 | 7 | 真正离职的理由主要是: 8 | 9 | - 家庭: 买了房，结了婚, 家庭开支增大，个人压力增加 10 | - 能力 11 | - 个人能力的成长低于行业平均水平，通常说的天花板。 12 | - 以及公司与团队与行业相比缺少变化和生命力。 13 | - 一个人在同一岗位两年，胜任并已进入了舒适区，此时一般都会转岗或升职以迎接更大的挑战。 14 | - 价值: 当前环境中无法发挥价值，并持续一段时间，换工作属于止损。 15 | - 薪资: 不解释。 16 | 17 | 18 | ## 现在的我 19 | 我觉得在找工作的时候，认清自我是很关键的一点。不然过分的以为自己的能力超群，往往会给自己带来挫败感。 20 | 21 | “知己知彼，百战不殆”，我们不仅要了解自己，也还需要对外面的市场进行一下了解，比如问问其他公司的朋友，大概工作年限和水平的人待遇如何，也是为自己定价的一个方式。 22 | 23 | 出去找工作，也以为着你要放弃现在的工作条件和人脉，到一个新的环境中成长，我们的心态也很重要。谦逊有礼会给你未来的工作之路带来好处。 24 | 25 | ## 追求什么 26 | 27 | 28 | ## 如何规划 29 | 30 | ## 找工作时需要避免的几点 31 | 32 | - 简历不要出现错别字和明显的错误 33 | - 平时的工作之余，不要忘了对自己技术的追求, 多理解多写一些代码 34 | - 没有不加班的IT公司，摆在心态，主要看你觉得这种加班值不值得 35 | 36 | ## 参考资料 37 | - [求职者的典型现象](http://mp.weixin.qq.com/s?__biz=MzA5NDY0ODkxNA==&mid=203433818&idx=1&sn=60f065f50455229d2414577c578d354a#rd) 38 | -------------------------------------------------------------------------------- /offer/interview-principle-and-skill.md: -------------------------------------------------------------------------------- 1 | # 原则与技巧 2 | 3 | ## 面试方式 4 | 一般程序员的面试分为：代码笔试+问答面试。 5 | 6 | 代码笔试主要就是考察能力，问答主要是对项目以及个人的情况了解。 7 | 8 | ### STAR面试法 9 | 这里提到了一种面试原则，叫做STAR面试法.STAR”是SITUATION（背景）、TASK（任务）、ACTION（行动）和RESULT（结果）四个英文单词的首字母组合。 10 | 11 | 在招聘面试中，仅仅通过应聘者的简历无法全面了解应聘者的知识、经验、技能的掌握程度及其工作风格、性格特点等方面的情况。而使用STAR技巧则可以对应聘者做出全面而客观的评价。 12 | 13 | - 背景（SITUATION）: 通过不断提问与工作业绩有关的背景问题，可以全面了解该应聘者取得优秀业绩的前提，从而获知所取得的业绩有多少是与应聘者个人有关，多少是和市场的状况、行业的特点有关。 14 | - 工作任务（TASK）: 每项任务的具体内容是什么样的。通过这些可以了解应聘者的工作经历和经验，以确定他所从事的工作与获得的经验是否适合所空缺的职位。 15 | - 行动（ACTION）: 即了解他是如何完成工作的，都采取了哪些行动，所采取的行动是如何帮助他完成工作的。通过这些，可以进一步了解他的工作方式、思维方式和行为方式。 16 | - 结果（RESULT）: 每项任务在采取了行动之后的结果是什么，是好还是不好，好是因为什么，不好又是因为什么。 17 | 18 | ## 面试人员应该具备的技能 19 | 一个优秀的程序员应该具有怎样的技能: 20 | 21 | - 基础扎实 22 | - 主动思考 23 | - 爱学习 24 | - 有深度 25 | - 有视野 26 | - 扎实的编码经验 27 | 28 | ## 校园招聘与社会招聘 29 | 校招和社招的是不一样的，校招会更加关注基础知识，而社招会更加关注之前做过的项目情况。 30 | 31 | 32 | 33 | ## 需要注意的地方 34 | 35 | - 面试题目： 根据你的等级和职位变化，入门级到专家级：广度↑、深度↑。 36 | - 题目类型： 技术视野、项目细节、理论知识，算法，开放性题，工作案例。 37 | 细节追问： 可以确保问到你开始不懂或面试官开始不懂为止，这样可以大大延展题目的区分度和深度，知道你的实际能力。因为这种关联知识是长时- 期的学习，绝对不是临时记得住的。 38 | - 回答问题再棒，面试官（可能是你面试职位的直接领导），会考虑我要不要这个人做我的同事？所以态度很重要。（感觉更像是相亲） 39 | - 资深的工程师能把absolute和relative弄混，这样的人不要也罢，因为团队需要的是：你这个人具有可以依靠的才能（靠谱）。 40 | 41 | 42 | ## 参考资料 43 | - [如何面试前端工程师？](http://www.zhihu.com/question/19568008) 44 | - [一名靠谱的JavaScript程序员应备的素质](http://ourjs.com/detail/52b0fb82d6feceaa0400000b) 45 | - [FEX面试原则](https://github.com/fex-team/interview-questions) 46 | - [STAR面试法](http://baike.baidu.com/link?url=eH9G3YEf-yXZ-YPSgU1rSvzC9nz_uZmQrgaSo7LVUsntQeA_wW7Z3VGJ_2BkbgsJpNiInevOwJhH36CxNSMEGK) -------------------------------------------------------------------------------- /others/README.md: -------------------------------------------------------------------------------- 1 | # 其他方面 2 | -------------------------------------------------------------------------------- /others/hardware.md: -------------------------------------------------------------------------------- 1 | # 硬件相关 2 | 3 | ## 参考资料 4 | - [固态硬盘真的不需要整理碎片吗](http://www.zhihu.com/question/21554450) 5 | -------------------------------------------------------------------------------- /pm/README.md: -------------------------------------------------------------------------------- 1 | # PM 2 | 项目经理/产品经理，我觉得程序员在做任何一个项目的时候，理应把自己设想为一个PM,对自己的项目负责。技术人员本身需要对产品有深入的理解。除此之外，产品能力在做开源软件、共享软件、接私单和创业时都会让你受益匪浅，实乃居家必备。 3 | 4 | 5 | ## 参考资料 6 | - [专为程序员设计的产品课程「技术人的产品修炼之路」全集](http://ftqq.com/2015/02/pmclass4tech-end/) -------------------------------------------------------------------------------- /pm/good-product-manager.md: -------------------------------------------------------------------------------- 1 | # 一个好的产品经理 2 | 3 | 4 | ## 参考资料 5 | - [如何做一位與工程團隊合作良好的產品經理](https://ihower.tw/blog/archives/8021) 6 | - [MacTalk: 最可怕的产品经理](http://mp.weixin.qq.com/s?__biz=MjM5ODQ2MDIyMA==&mid=204340073&idx=1&sn=b00e88c8e2850d197fe205e0d2090076#rd) 7 | -------------------------------------------------------------------------------- /pm/pm-skills.md: -------------------------------------------------------------------------------- 1 | # 产品经理的技能 2 | 3 | 4 | ## 参考资料 5 | - [MacTalk: 产品经理最重要的能力](http://mp.weixin.qq.com/s?__biz=MjM5ODQ2MDIyMA==&mid=200461742&idx=1&sn=ab055892fa6b1ad43ab6a36c4a38cd60#wechat_redirect) -------------------------------------------------------------------------------- /programmer-basic/README.md: -------------------------------------------------------------------------------- 1 | # 程序员基础知识 2 | 想要成为一个合格的程序员，扎实的基础是必不可少的。 3 | 4 | 想要成为一个优秀的程序员，对计算机的发展需要有深入浅出的了解。 5 | 6 | 那么不如我们说说其中某些方面的前世今生。 7 | 8 | -------------------------------------------------------------------------------- /programmer-basic/character-encoding.md: -------------------------------------------------------------------------------- 1 | # 字符编码 2 | 为什么要先说说字符，因为计算机只认识0和1。所以字符的重要性不言而喻。 3 | 4 | 5 | 6 | ## 参考资料 7 | - [字符编码常识及问题解析](http://blog.jobbole.com/76376/) 8 | - [人机交互之字符编码](https://xuelangzf.github.io/08-28-2014/character_encoding.html) 9 | - [字符集和字符编码（Charset&Encoding）](http://blog.jobbole.com/86813/) -------------------------------------------------------------------------------- /programmer-basic/directory.md: -------------------------------------------------------------------------------- 1 | # 目录结构 2 | 不管大型还是小型项目，清晰的目录结构是开发过程的好的开始。以我常用的web项目为例，搭建一下目录结构. 3 | 4 | ## 总览 5 | ```bash 6 | ├── src 7 | │   ├── js 8 | │   │   ├── main.js 9 | │   │   ├── plugins.js 10 | │   │   └── vendor 11 | │   │   └── modernizr-2.8.3.min.js 12 | │   ├── css 13 | │   │   └── main.css 14 | │   ├── img 15 | │   ├── favicon.ico 16 | │   ├── humans.txt 17 | │   ├── index.html 18 | │   ├── 404.html 19 | │   ├── apple-touch-icon.png 20 | │   ├── browserconfig.xml 21 | │   ├── crossdomain.xml 22 | │   ├── robots.txt 23 | │   ├── tile-wide.png 24 | │   └── tile.png 25 | ├── test 26 | │   ├── file_content.js 27 | │   └── file_existence.js 28 | ├── dist 29 | │   ├── 404.html 30 | │   ├── LICENSE.txt 31 | │   ├── apple-touch-icon.png 32 | │   ├── browserconfig.xml 33 | │   ├── crossdomain.xml 34 | │   ├── css 35 | │   │   ├── main.css 36 | │   │   └── normalize.css 37 | │   ├── favicon.ico 38 | │   ├── humans.txt 39 | │   ├── img 40 | │   ├── index.html 41 | │   ├── js 42 | │   │   ├── main.js 43 | │   │   ├── plugins.js 44 | │   │   └── vendor 45 | │   │   ├── jquery-1.11.2.min.js 46 | │   │   └── modernizr-2.8.3.min.js 47 | │   ├── robots.txt 48 | │   ├── tile-wide.png 49 | │   └── tile.png 50 | ├── CHANGELOG.md 51 | ├── CONTRIBUTING.md 52 | ├── LICENSE.txt 53 | ├── README.md 54 | ├── gulpfile.js 55 | ├── package.json 56 | ``` 57 | 58 | 目录结构清晰是首要目标，至于命名只要能达到表意的目的即可。 59 | 60 | ## src 61 | 此目录专注于开发，存放的都是源文件，不需要压缩合并。目录下主要分为： 62 | 63 | - css(styles): 样式文件 64 | - js(scripts): 脚本文件 65 | - img(images): 图片素材 66 | - font(fonts): 存放字体 67 | - 其他: 按照分类不同划分目录 68 | 69 | 文件名上面，简写的话都使用单数形式，全称的话使用复数形式。 70 | 71 | ## dist 72 | 此目录为编译生成目录，用于部署环境，目录结构和src保持一致。 73 | 74 | ## test 75 | 此目录为测试目录，存放和项目测试相关的文件。 76 | 77 | ## doc 78 | 如果存在文档说明，放置在此目录下。 79 | 80 | ## 其他根目录文件 81 | 根目录下的其他文件，一般还有: 82 | 83 | - .editorconfig: 代码样式统一格式文件 84 | - .jscsrc: 85 | - .travis.yml: 86 | - .jshintrc: jshint配置文件 87 | - csscomb.json: csscomb配置文件 88 | - .gitignore: git忽略文件 89 | - .gitattributes: git属性文件 90 | - .bowerrc 91 | - bower.json 92 | - package.json 93 | - gruntfile.js/gulpfile.js 94 | 95 | ## 参考资料 96 | - [Baidu EFE team](https://github.com/ecomfe) 97 | - [Baidu EFE team: spec](https://github.com/ecomfe/spec) 98 | - [HTML5-boilerplate](https://github.com/h5bp/html5-boilerplate) -------------------------------------------------------------------------------- /programmer-basic/naming.md: -------------------------------------------------------------------------------- 1 | # 命名规范 2 | 说到命名规范，个人认为包含了目录，文件以及变量的命名。提前先说一句，命名规则没有谁对谁错，在项目中保持一致才是关键。 3 | 4 | 5 | 混乱或错误的命名不仅让我们对代码难以理解，更糟糕的是，会误导我们的思维，导致对代码的理解完全错误。相反，良好的命名，则可以让我们的代码非常容易读懂，也能向读者正确表达事物以及逻辑的本质，从而使得代码的可维护性就大大增强，读命名好的文章是非常流畅的，会有一种享受的感觉。 6 | 7 | 8 | ## 目录 9 | 由于Windows, OSX下文件名不区分大小写(linux是区分的)，所以命名我们建议还是以全部小写为主，个人习惯连字符使用`-`中划线。比如: `my-project-name` 10 | 11 | 项目中的子目录一般按照作用，使用常用单词表示，有复数的情况，使用复数命名法，比如: `scripts`, `styles`, `images`和`data-modules` 12 | 13 | ## 文件 14 | 文件的命名我个人也是推荐使用`-`中划线进行连接。和目录的连接字符保持一致。但是linux系统文件推荐的文件命名一般是下划线。 15 | 16 | ## 变量 17 | 变量命名有两种方式: 18 | 19 | - 下划线命名法: `my_variable` 20 | - 驼峰式命名法: `myVariale` 21 | 22 | 当然不同语言也是有不同的规范，网上也有很多大公司的命名规范可以参考。 23 | 24 | ### JavaScript 25 | 变量推荐驼峰式命名法 26 | 27 | ### CSS 28 | 推荐使用中划线进行连接，CSS 语法本身就使用连字号作为连接（比如 `font-family`，`text-align`等）。 29 | 30 | ## 总结 31 | 良好的命名，以及良好的命名习惯，由于我们总是对每个概念的名称要求非常苛刻，我们会思考这个名称所表达的概念是否正确，该名称是否正确表达了事物的本质或正确反映了某个行为的逻辑。所以，这种对命名的良好思考习惯，可以反过来帮助我们纠正之前的一些错误设计和代码实现；比如，你之前有一个地方可能命名不太准确，然后你发现后面有另一个地方需要用这个名字，且更合理。所以你会发现这个名字对前面的地方就不适合了，从而你会去思考前面的地方可能需要用其他的名字，或者你会发现前面的地方的设计根本就是有问题的。这种就是名字可以促使你思考你的设计是否正确的例子。 32 | 33 | ## 参考资料 34 | - [对代码命名的一点思考和理解](http://blog.jobbole.com/77051/) 35 | - [linux 文件名命名规则](http://xu020408.blog.163.com/blog/static/26548920097209315756/) -------------------------------------------------------------------------------- /programmer-basic/open-source-license.md: -------------------------------------------------------------------------------- 1 | # 开源协议 2 | 3 | ## 参考资料 4 | - [choosealicense](http://choosealicense.com/) -------------------------------------------------------------------------------- /programmer-basic/ordinary-road.md: -------------------------------------------------------------------------------- 1 | # 平凡之路 2 | 名字起得文艺了一点，主要是想表达程序员的职业提升之路。 3 | 4 | ## 参考资料 5 | - [学编程为什么这么难？每个新手绝对要知道的那些事](http://blog.jobbole.com/85407/) 6 | - [程序员技术练级攻略](http://coolshell.cn/articles/4990.html) 7 | - [非编程天才参与开源项目的14种方式](http://mp.weixin.qq.com/s?__biz=MjM5MzA0OTkwMA==&mid=205931990&idx=1&sn=3ead81a009b76e377accc596cbac6422#rd) 8 | - [【搬运】谷歌公司推荐的程序员必修课](http://mooc.guokr.com/post/610231/) 9 | - [网易云课堂:最全面、权威的计算机专业体系](http://study.163.com/curricula/cs.htm) 10 | - [专访Livid：不仅仅是V站站长](http://mp.weixin.qq.com/s?__biz=MzA5NzkxMzkwNQ==&mid=207560003&idx=1&sn=fc5de35e7b8b79225dc3c7579706ee67#rd) 11 | - [程序员高手和菜鸟的区别是什么？](http://mp.weixin.qq.com/s?__biz=MjM5OTA1MDUyMA==&mid=205814832&idx=1&sn=8165f79eeab634b88baa8d717b79f1bc#rd) 12 | - [林建：计算机专业学习浅谈](http://mp.weixin.qq.com/s?__biz=MjM5MzA0OTkwMA==&mid=208006388&idx=2&sn=eb5ad9b8afd4c6bfadea76889c131304#rd) -------------------------------------------------------------------------------- /programmer-basic/regular-expression.md: -------------------------------------------------------------------------------- 1 | # 正则表达式 2 | 正则表达式，乍一看以为是很高升的东西，但是对于程序员而言，它真的应该算是一个基础知识。我们在很多场合下都需要使用到它，这个技术又是一个比较通用的东西，所以对于程序员而言，是大有益处的。 3 | 4 | 5 | ## 参考资料 6 | - [维基百科：正则表达式](http://zh.wikipedia.org/wiki/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F) 7 | - [MDN: Regular Expressions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions?redirectlocale=en-US&redirectslug=JavaScript%2FGuide%2FRegular_Expressions) 8 | - [stackoverflow: regular expression info](http://stackoverflow.com/tags/regex/info) 9 | - [Hacker News: Learn regular expressions in about 55 minutes](https://news.ycombinator.com/item?id=7370622) 10 | - [正则表达式30分钟入门](http://deerchao.net/tutorials/regex/regex.htm) 11 | - [Learn regular expressions in about 55 minutes](http://qntm.org/files/re/re.html) 12 | - [regex one](http://regexone.com/): 学习资料 13 | - [在线验证工具，中文版](https://mengzhuo.org/regex/) 14 | - [Regex 101: 在线验证学习](https://regex101.com/#javascript) 15 | - [Regexper](http://regexper.com/): 可视化正则表达式 16 | - [regex-tuesday](http://callumacrae.github.io/regex-tuesday/): some challenges 17 | - [Regex Cross­word](http://regexcrossword.com/): play to learn Regex 18 | - [JavaScript Regular Expression Cheatsheet](https://www.debuggex.com/cheatsheet/regex/javascript) -------------------------------------------------------------------------------- /programmer-basic/semantic-versioning.md: -------------------------------------------------------------------------------- 1 | # 语义化版本 2 | 3 | ## 摘要 4 | 版本格式：主版本号.次版本号.修订号，版本号递增规则如下： 5 | 6 | - 主版本号：当你做了不兼容的API 修改。 7 | - 次版本号：当你做了向下兼容的功能性新增。 8 | - 修订号：当你做了向下兼容的问题修正。 9 | 10 | 先行版本号及版本编译信息可以加到“主版本号.次版本号.修订号”的后面，作为延伸。 11 | 12 | ## 简介 13 | 在软件管理的领域里存在着被称作“依赖地狱”的死亡之谷，系统规模越大，加入的套件越多，你就越有可能在未来的某一天发现自己已深陷绝望之中。 14 | 15 | 16 | 在依赖高的系统中发布新版本套件可能很快会成为恶梦。如果依赖关系过高，可能面临版本控制被锁死的风险（必须对每一个相依套件改版才能完成某次升级）。而如果依赖关系过于松散，又将无法避免版本的混乱（假设兼容于未来的多个版本已超出了合理数量）。当你专案的进展因为版本相依被锁死或版本混乱变得不够简便和可靠，就意味着你正处于依赖地狱之中。 17 | 18 | 19 | 作为这个问题的解决方案之一，我提议用一组简单的规则及条件来约束版本号的配置和增长。这些规则是根据（但不局限于）已经被各种封闭、开放源码软件所广泛使用的惯例所设计。为了让这套理论运作，你必须先有定义好的公共API。这可以透过文件定义或代码强制要求来实现。无论如何，这套API 的清楚明了是十分重要的。一旦你定义了公共API，你就可以透过修改相应的版本号来向大家说明你的修改。考虑使用这样的版本号格式：XYZ （主版本号.次版本号.修订号）修复问题但不影响API 时，递增修订号；API 保持向下兼容的新增及修改时，递增次版本号；进行不向下兼容的修改时，递增主版本号。 20 | 21 | 22 | 我称这套系统为“语义化的版本控制”，在这套约定下，版本号及其更新方式包含了相邻版本间的底层代码和修改内容的信息。 23 | 24 | ## 语义化版本控制规范（SemVer） 25 | 以下关键词MUST、MUST NOT、REQUIRED、SHALL、SHALL NOT、SHOULD、SHOULD NOT、 RECOMMENDED、MAY、OPTIONAL 依照RFC 2119 的叙述解读。（译注：为了保持语句顺畅， 以下文件遇到的关键词将依照整句语义进行翻译，在此先不进行个别翻译。） 26 | 27 | 1. 使用语义化版本控制的软件“必须MUST”定义公共API。该API可以在代码中被定义或出现于严谨的文件内。无论何种形式都应该力求精确且完整。 28 | 2. 标准的版本号“必须MUST”采用XYZ的格式，​​ 其中X、Y和Z为非负的整数，且“禁止MUST NOT”在数字前方补零。X是主版本号、Y是次版本号、而Z为修订号。每个元素“必须MUST”以数值来递增。例如：1.9.1 -> 1.10.0 -> 1.11.0。 29 | 3. 标记版本号的软件发行后，“禁止MUST NOT”改变该版本软件的内容。任何修改都“必须MUST”以新版本发行。 30 | 4. 主版本号为零（0.yz）的软件处于开发初始阶段，一切都可能随时被改变。这样的公共API 不应该被视为稳定版。 31 | 5. 1.0.0 的版本号用于界定公共API 的形成。这一版本之后所有的版本号更新都基于公共API 及其修改内容。 32 | 6. 修订号Z（xyZ | x > 0）“必须MUST”在只做了向下兼容的修正时才递增。这里的修正指的是针对不正确结果而进行的内部修改。 33 | 7. 次版本号Y（xYz | x > 0）“必须MUST”在有向下兼容的新功能出现时递增。在任何公共API的功能被标记为弃用时也“必须MUST”递增。也“可以MAY”在内部程序有大量新功能或改进被加入时递增，其中“可以MAY”包括修订级别的改变。每当次版本号递增时，修订号“必须MUST”归零。 34 | 8. 主版本号X（Xyz | X > 0）“必须MUST”在有任何不兼容的修改被加入公共API时递增。其中“可以MAY”包括次版本号及修订级别的改变。每当主版本号递增时，次版本号和修订号“必须MUST”归零。 35 | 9. 先行版本号“可以MAY”被标注在修订版之后，先加上一个连接号再加上一连串以句点分隔的标识符号来修饰。标识符号“必须MUST”由ASCII码的英数字和连接号[0-9A-Za-z-]组成，且“禁止MUST NOT”留白。数字型的标识符号“禁止MUST NOT”在前方补零。先行版的优先级低于相关联的标准版本。被标上先行版本号则表示这个版本并非稳定而且可能无法达到兼容的需求。范例：1.0​​.0-alpha、1.0.0-alpha.1、 1.0.0-0.3.7、1.0.0-x.7.z.92。 36 | 10. 版本编译信息“可以MAY”被标注在修订版或先行版本号之后，先加上一个加号再加上一连串以句点分隔的标识符号来修饰。标识符号“必须MUST”由ASCII的英数字和连接号[0-9A-Za-z-]组成，且“禁止MUST NOT”留白。当判断版本的优先层级时，版本编译信息“可SHOULD”被忽略。因此当两个版本只有在版本编译信息有差别时，属于相同的优先层级。范例：1.0.0-alpha+001、1.0.0+20130313144700、 1.0.0-beta+exp.sha.5114f85。 37 | 11. 版本的优先层级指的是不同版本在排序时如何比较。判断优先层级时，“必须MUST”把版本依序拆分为主版本号、次版本号、修订号及先行版本号后进行比较（版本编译信息不在这份比较的列表中）。由左到右依序比较每个标识符号，第一个差异值用来决定优先层级：主版本号、次版本号及修订号以数值比较，例如1.0.0 < 2.0.0 < 2.1.0 < 2.1.1。当主版本号、次版本号及修订号都相同时，改以优先层级比较低的先行版本号决定。例如：1.0.0-alpha < 1.0.0。有相同主版本号、次版本号及修订号的两个先行版本号，其优先层级“必须MUST”透过由左到右的每个被句点分隔的标识符号来比较，直到找到一个差异值后决定：只有数字的标识符号以数值高低比较，有字母或连接号时则逐字以ASCII的排序来比较。数字的标识符号比非数字的标识符号优先层级低。若开头的标识符号都相同时，栏 ​​位比较多的先行版本号优先层级比较高。范例：1.0.0-alpha < 1.0.0-alpha.1 < 1.0.0-alpha.beta < 1.0.0-beta < 1.0.0-beta.2 < 1.0.0-beta.11 < 1.0.0- rc.1 < 1.0.0。 38 | 39 | ## 为什么要使用语义化的版本控制？ 40 | 这并不是一个新的或者革命性的想法。实际上，你可能已经在做一些近似的事情了。问题在于只是“近似”还不够。如果没有某个正式的规范可循，版本号对于依赖的管理并无实质意义。将上述的想法命名并给予清楚的定义，让你对软件使用者传达意向变得容易。一旦这些意向变得清楚，弹性（但又不会太弹性）的依赖规范就能达成。 41 | 42 | 43 | 举个简单的例子就可以展示语义化的版本控制如何让依赖地狱成为过去。假设有个名为“救火车”的函式库，它需要另一个名为“梯子”并已经有使用语义化版本控制的套件。当救火车创建时，梯子的版本号为3.1.0。因为救火车使用了一些版本3.1.0 所新增的功能， 你可以放心地指定相依于梯子的版本号大等于3.1.0 但小于4.0.0。这样，当梯子版本3.1.1 和3.2.0 发布时，你可以将直接它们纳入你的套件管理系统，因为它们能与原有相依的软件兼容。 44 | 45 | 46 | 作为一位负责任的开发者，你理当确保每次套件升级的运作与版本号的表述一致。现实世界是复杂的，我们除了提高警觉外能做的不多。你所能做的就是让语义化的版本控制为你提供一个健全的方式来发行以及升级套件，而无需推出新的相依套件，节省你的时间及烦恼。 47 | 48 | 49 | 如果你对此认同，希望立即开始使用语义化版本控制，你只需声明你的函式库正在使用它并遵循这些规则就可以了。请在你的README 文件中保留此页连结，让别人也知道这些规则并从中受益。 50 | 51 | ## 参考资料 52 | - [Semantic Versioning 2.0.0](http://semver.org/) -------------------------------------------------------------------------------- /programmer-basic/technical-terms.md: -------------------------------------------------------------------------------- 1 | # 技术名词 2 | 技术上有很多的名词，有的是缩写，有的是创新的东西。了解他们，正确的说出来，会让别人觉得你很专业。 3 | 4 | ## 参考资料 5 | - [IT 圈里有哪些经常被读错的词?](http://www.zhihu.com/question/19739907) 6 | - [关于那些开发语言中的常用名词，大家读的都正确吗？](http://www.v2ex.com/t/131094#reply72) -------------------------------------------------------------------------------- /programmer-basic/write-document.md: -------------------------------------------------------------------------------- 1 | # 书写文档 2 | 一个程序员，最基本的是需要写代码，代码之中其实就包含了注释。如果是一个系统或者库文件，其实还需要书写文档以配合。本文就交大家如何书写文档。 3 | 4 | ## github如何管理文档 5 | 讨论一下我们如何使用 [Github Page](https://pages.github.com/) 服务运行 [Github 帮助文档](https://help.github.com/) （目前每月有上百万的访问量）的。 6 | 7 | ## 以前的流程 8 | - 用于托管维护网站、管理网站所用资源和文档搜索增强的 Rails 应用程序 9 | - 用户托管由一大堆 Markdown 文件组成的网站具体内容 10 | 11 | 我们正常的撰写流程可能是这个样子的: 12 | - 当有新特征开发出来的时候文档团队首先编写好文档内容 13 | - 创建一个新的 issue 去追踪这个特征 14 | - 当文档更新完毕一切就绪之后，我们会发起一个 pull request 去迭代更新文档内容。 15 | - PR 发起成功后，我们会使用 @ 方式提醒团队（比如 @github/docs ）并会让队友们审查一下我们的内容。 16 | - 当这个特征开发完毕已经上线的时候，我们会合并之前创建的 PR。 使用 webhook 能够帮助我们在 内容仓库 快速激活我们部署的 Rails应用程序。webhook 承担了负责更新数据库的任务。 17 | 18 | 19 | ## 新的流程 20 | 当 Jekyll 2.0 发布的时候，我们看到了曙光，是时候该把我们这套该死的流程换成纯静态站了！特别是新增加的 Collections 文档类型能让你定义你需要的文件结构。另外，Jekyll 2.0 还增加了 Sass 和 CoffeeScript 的支持，这将使得编写前端代码变的更为简单便捷。 21 | 22 | 23 | 24 | ## 参考资料 25 | - [Github 是如何用 Github 撰写 Github 文档的](https://segmentfault.com/a/1190000002473246) 26 | - [markdown + git 最适合程序员的wiki系统](http://examplecode.github.io/tools/2014/09/26/install-gollum-in-mac-109/) 27 | - [gollum](https://github.com/gollum/gollum): github的文档系统。 28 | -------------------------------------------------------------------------------- /software/.gitignore: -------------------------------------------------------------------------------- 1 | # ignore mac files 2 | .DS_Store 3 | */.DS_Store -------------------------------------------------------------------------------- /software/README.md: -------------------------------------------------------------------------------- 1 | # 常用软件 2 | "工欲善其事，必先利其器"。 3 | 4 | 在这样的章节中，我想说说如何高效的利用好各个系统。 -------------------------------------------------------------------------------- /software/android/README.md: -------------------------------------------------------------------------------- 1 | # Android篇 2 | Android是google推出的一款操作系统，主要使用在手机端。 3 | 4 | 优点是开源免费，缺点是版本过多，设备尺寸碎片化。导致很多应用无法全部适配。 5 | -------------------------------------------------------------------------------- /software/android/google-play.md: -------------------------------------------------------------------------------- 1 | # GooglePlay登录美国区的方式 2 | 3 | 双十一的时候购入了锤子手机，整体感觉很优雅。由于是Android系统，所以第一件事情我还是安装Google的相关服务。然后下载一个Google Play市场，下一些正品的应用。 4 | 5 | ## Google服务框架 6 | 自从使用智能机器以来，我一直都是用的Android，小米、魅族、锤子，这三个优秀的Android系统我都体验过了。总体来说，还是很喜欢锤子的系统，喜欢这件事情，是一个很主观的事情，必须要自己去体验一下。 7 | 8 | Android系统，不用Google服务，总感觉缺失了一些安全感。作为一个程序员，有着良好的科学上网方式，我是必须装上Google服务的。锤子这一点我觉得做的就比其他系统好很多，它的内置应用商店中就有一个`Google服务下载器`,并且当你要下载使用Google服务相关的应用时候，它的软件描述中还会告知用户请先下载Google服务，很贴心。 9 | 10 | 下载并安装完成之后，可能要先翻墙一下，然后登陆Google账号。然后选择你要同步的内容即可。我不推荐同步联系人和人脉，google的联系人中还包含了你发送邮件的地址，显得很混乱。不如使用`QQ同步助手`这样专门用于联系人同步的软件。一般我只用来同步日历。 11 | 12 | ## 设置翻墙 13 | 选择一个翻墙方式，VPN或者shadowsocks。一定要记住**必须是美国的ip**,可以在百度中搜索IP查看验证。 14 | 15 | ### 电脑端设置 16 | 首先清空或者选择Chrome的隐私模式。首先登陆[Google Wallet](wallet.google.com), 不是Google Play。 17 | 18 | 设置下付款地址, 由于我之前绑定了信用卡，在左侧的导航栏里，选择`Payment Method`，保险起见，建议右侧的Setting里面的Home Address也一并修改了。修改地址为： 19 | 20 | ``` 21 | Leo Hui 22 | 1 World Way 23 | Los Angeles World Airports 24 | Los Angeles CA 90045 US 25 | ``` 26 | 27 | 修改完成之后，登陆[Google Play](play.google.com), 理论上看到的就是美区的内容了，特点是左侧导航里会有图书，音乐等选项。 28 | 29 | 选择一本免费得图书，点击购买，选择使用兑换码购买，输入一个使用过的代码，比如`2M7J2LPCU7K62QK6U54G`即可。点击下一步，会告知此兑换码已经使用过，这就达到我们的目的了。就是为了记录一次购买经历。然后就可以关闭当前付款窗口。重新打开购买，就可以免费购买图书了。 30 | 31 | 这一步，其实已经完成了账号绑定到美国区的过程。 32 | 33 | ### 手机端设置 34 | 同样的先选择一个能翻墙到美国区的方式。 35 | 36 | 建议先从软件设置中清空Google Play的数据。等于重新打开。切换区域可能存在一定的延时，所以可以多试几次（清空数据再登录）。 37 | 38 | 如果一切正常，那么你看到的也应该是美国区的Google Play。里面的应用可以说是应用尽有。 39 | 40 | Enjoy it! 41 | 42 | ## 参考资料 43 | - [喜大普奔!Google Play永久锁定美国区教程!-断尾的Zekrom](http://micromacer.lofter.com/post/1c7abf_89e712) 44 | -------------------------------------------------------------------------------- /software/android/software-list.md: -------------------------------------------------------------------------------- 1 | # 安卓应用 2 | 应用列表在豆瓣中建立了一个豆列: [我的安卓应用](http://www.douban.com/doulist/11640453/)。 3 | 4 | ## 常用必备 5 | - **Chrome**: 最常用的浏览器。配合google账号，可以同步书签。 6 | - **知趣天气**: 喜欢里面的多天气源和桌面的小插件。 7 | - **触宝**: 联系人和拨号辅助工具，号码来源比较智能。 8 | - **搜狗输入法/百度输入法**: 比较喜欢百度的简洁。 9 | - ~~**怪物闹钟**: 提供多种闹钟类型，比较喜欢"面包机"。~~ 10 | - **Morning Routine**: 一个游戏公司开发的闹钟应用，关闭闹钟可以显示天气，并设置跳转到指定应用。 11 | - **豌豆荚**: 国内的andorid应用市场。 12 | - **google服务**: 包括邮件,日历,联系人,play应用市场等功能。 13 | - **My Day**: 日期倒计时工具，记录一些重要的日期，可以按照年月日，或者天数查看。 14 | 15 | ## 系统辅助 16 | - **Switchr**: 通过边缘滑动触发，切换最近的应用。 17 | - **SuperSU**: 提供root权限,不必每次确认是否使用。 18 | - **Adblock Plus**: 智能拦截应用中的广告。 19 | - **钛备份**: 备份应用到SD卡中，安装但没使用过。 20 | - **绿色守护**: 防止一些应用在后台自动运行。 21 | - **SetDNS**： 方便切换DNS。 22 | - **猎豹清理大师**: 清理系统垃圾。 23 | - **AirDroid**: 有对应的客户端，功能比Pushbullet强大，就是“重”了点。 24 | - **Pushbullet**: 推送服务，可以和电脑互相推送网页，图片。 25 | - **Link Bubble**: 付费软件，帮助节省页面加载的等待时间。 26 | - **蓝色光波过滤**: 长期阅读文字时，配色比较不刺眼。 27 | - **薄暮微光**: 根据日出日落控制光波，保护视力，安卓上的f.lux。 28 | - ~~**智能应用保护**: 锁定指定应用，防止别人打开。~~ 29 | - **Lockdown Pro**: 锁定指定应用，和上面的差不多，这两个在我锤子里都安装不了，解析数据包错误。 30 | - **LastPass**: 密码保存工具。 31 | - **1Password**: 全平台密码管理工具。 32 | - **影梭**： shadowsocks翻墙服务。 33 | - **Wifi万能钥匙**: 链接别人提供的无线网络。 34 | - [**BitTorrent Sync**](http://www.appinn.com/bittorrent-sync/): p2p同步服务，可实现多设备网盘同步功能。 35 | 36 | ## 个人效率管理 37 | - **SolMail**: 我喜欢这家公司的产品风格，这个是邮件客户端。 38 | - **Doit.im**: GTD类工具，付费。 39 | - **为知笔记/印象笔记**: 笔记软件。 40 | - **Pinboard**： 书签保存与搜索软件。 41 | - **Sunrise**： 日历软件。 42 | - **挖财**： 理财软件。 43 | - **Trello**: 团队项目管理。 44 | 45 | ## 社交类 46 | - **微信**： 足以替代短信，何况还有朋友圈和订阅号。 47 | - **微博**： 订阅一些账号，分组查看。当了解新闻。 48 | - **Instagram**： 图片社交软件，保存自己一些手机摄影图片。 49 | 50 | ## 阅读类 51 | - **搜狐新闻**: 新闻类软件。 52 | - **知乎，知乎日报**: 知乎日报每日必读。 53 | - **Press**: 付费软件，RSS订阅服务，RSS源使用feedly。 54 | - **Pocket**： 稍后阅读，支持离线阅读。 55 | - **多看阅读**： 电子书软件。 56 | - **最美应用**： 提供发现好的应用途径。 57 | - **什么值得买**: 发现优惠信息。 58 | 59 | ## 图片处理 60 | - **快图浏览**： 浏览手机照片，足以替代手机默认相册。 61 | - **Snapseed**：处理照片软件。 62 | - **网易云相册**： 同步照片到网易云相册中。 63 | 64 | ## 生活相关 65 | - **大众点评**： 很好的解决一个吃货的选择问题。 66 | - **团800**： 各种团购的综合搜索。 67 | - **快的打车**： 解决出行打车问题。 68 | - **猫眼电影**： 解决电影订座问题。 69 | - **高德地图**： 解决路痴问题，开车的情况下使用较好。 70 | - **百度地图**: 公交功能实用，不开车的导航情况下比高德好。 71 | - **支付宝钱包**： 方便网购，转账。 72 | - **招商银行**： 查看银行账户信息。 73 | - **联通手机营业厅**： 方便查看剩余话费和流量。 74 | 75 | ## 影音视频 76 | - **蜻蜓FM**： 电台软件，收音机。 77 | - **荔枝FM**： 有不少优质的节目。 78 | - **优酷视频**： 优酷的纪录片频道还可以。 79 | - **搜狐视频**： 订阅美剧。 80 | - **风云直播**： 查看电视直播。 81 | 82 | ## 运动健康 83 | - **家庭用药**： 对症下药，不要乱投医。 84 | - **Nike Running**： 跑步软件。 85 | - **runtastic 系列**: 这个系列的软件没一个都值得拥有。 86 | 87 | ## 学习类 88 | - **欧陆词典**： 优点是可自定义扩充词库。 89 | - **扇贝单词**： 背单词软件。 90 | - **网易公开课**： 看看TED。 91 | 92 | ## 个人兴趣 93 | - **爱尚吉他**: 教学与吉他谱资源较多。 94 | 95 | ## 参考资料 96 | - [我的macbook应用清单](http://blog.2baxb.me/archives/1250) -------------------------------------------------------------------------------- /software/develop-tool/README.md: -------------------------------------------------------------------------------- 1 | # 开发工具 2 | 本章节介绍一些开发过程中经常使用到的工具。 -------------------------------------------------------------------------------- /software/develop-tool/editor-config.md: -------------------------------------------------------------------------------- 1 | # EditorConfig 2 | [EditorConfig](http://editorconfig.org/): 3 | 4 | EditorConfig helps developers define and maintain consistent coding styles between different editors and IDEs. The EditorConfig project consists of a file format for defining coding styles and a collection of text editor plugins that enable editors to read the file format and adhere to defined styles. EditorConfig files are easily readable and they work nicely with version control systems. 5 | 6 | 简单的说，就是一个代码缩减格式化辅助工具，需要编辑器或者IDE插件支持。 7 | 8 | ## 配置示例 9 | 10 | ``` 11 | # EditorConfig helps developers define and maintain consistent 12 | # coding styles between different editors and IDEs 13 | # editorconfig.org 14 | 15 | root = true 16 | 17 | 18 | [*] 19 | 20 | # change these settings to your own preference 21 | indent_style = space 22 | indent_size = 4 23 | 24 | # we recommend you to keep these unchanged 25 | end_of_line = lf 26 | charset = utf-8 27 | trim_trailing_whitespace = true 28 | insert_final_newline = true 29 | 30 | [*.md] 31 | trim_trailing_whitespace = false 32 | 33 | [{package,bower}.json] 34 | indent_style = space 35 | indent_size = 4 36 | 37 | ``` 38 | 39 | 40 | ## 参考资料 41 | - [EditorConfig](http://editorconfig.org/) 42 | - [SublimeText Plug: editorconfig](https://github.com/sindresorhus/editorconfig-sublime) -------------------------------------------------------------------------------- /software/develop-tool/emacs.md: -------------------------------------------------------------------------------- 1 | # Emacs 2 | 3 | ## 参考资料 4 | - [一年成为Emacs高手(像神一样使用编辑器)](https://github.com/redguardtoo/mastering-emacs-in-one-year-guide/blob/master/guide-zh.org) -------------------------------------------------------------------------------- /software/develop-tool/fonts.md: -------------------------------------------------------------------------------- 1 | # 字体的选择 2 | 编程的字体，最好选择的是等宽，这样代码看起来比较规整。 3 | 4 | 5 | ## 参考资料 6 | - [最佳编程字体：M+](http://blog.jobbole.com/73327/) -------------------------------------------------------------------------------- /software/develop-tool/git.md: -------------------------------------------------------------------------------- 1 | # Git 2 | git是一种分布式版本控制系统，是目前项目管理使用较多的一种工具。 3 | 4 | ## 下载安装 5 | ### windows 6 | [官网](http://www.git-scm.com/)，下载安装包，直接运行之后命令行就可以运行了。 7 | 8 | ### Mac 9 | 如果是安装了xcode的话，会自带一个版本的git。 10 | 11 | 如果想要安装新版本的git，推荐使用[**Homebrew**](http://brew.sh/): mac下的apt-get。 12 | 安装brew，它下载的命令是存在放`/usr/local/bin`中的，所以要想正常工作，还需要在PATH中添加这个路径，在命名行下输入:`echo export PATH='/usr/local/bin:$PATH' >> ~/.bash_profile`。 13 | 14 | ### Linux 15 | Linux下可以使用`apt-get install git`来安装。 16 | 17 | ## 学习教程 18 | - [最好的中文教程](http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000) 19 | - [Git Magic](http://www-cs-students.stanford.edu/~blynn/gitmagic/intl/zh_cn/): 网上较火的一套教程。 20 | - [GotGithub](https://github.com/gotgit/gotgithub): 一本中文的介绍github使用的书。 21 | - [Git Tutorials](https://www.atlassian.com/git?atl_source=cac-bitbucket-1&atl_medium=ace&atl_campaign=ACE-158-Stash-GIT-on-Bitbucket-CAC_git): bitbucket的教程。 22 | - [Try Git](http://try.github.com/)： codeschool教程。 23 | - [Git Immersion](http://gitimmersion.com/index.html): 答题的形式学习git. 24 | - [Learn Version Control with Git](http://www.git-tower.com/learn/) 25 | - [githug](https://github.com/Gazler/githug): Git your game on! 26 | - [git-game](https://github.com/hgarc014/git-game): terminal game to test git skills. 27 | - [Learn Git Branching](http://pcottle.github.io/learnGitBranching/): 形象直观的图形化练习网站。 28 | 29 | ## 使用技巧 30 | ### 资料 31 | - [GitHub秘籍](https://github.com/tiimgreen/github-cheat-sheet/blob/master/README.zh-cn.md) 32 | - [Set up Git](https://confluence.atlassian.com/display/BITBUCKET/Set+up+Git): bitbucket教程。 33 | - [Github Help](https://help.github.com/) 34 | - [使用git和github进行协同开发流程](http://livoras.com/post/28) 35 | 36 | ### 配置文件 37 | 一般都在`/user`下，window对应的目录是`C:\Users\username`，mac和linux对于的就是用户主目录`/Users/username`。配置文件名称为`.gitconfig`。 38 | 39 | 通常我们使用git的时候最先会去配置username和email: 40 | 41 | ``` 42 | git config --global user.name "FIRST_NAME LAST_NAME" 43 | git config --global user.email "MY_NAME@example.com" 44 | ``` 45 | 46 | 一般而言，我会使用`git add . -> git commit -m "xxxx" -> git push`的方式提交，第一次git操作的时候，git会给我如下的提示： 47 | 48 | ``` 49 | warning: push.default is unset; its implicit value has changed in 50 | Git 2.0 from 'matching' to 'simple'. To squelch this message 51 | and maintain the traditional behavior, use: 52 | 53 | git config --global push.default matching 54 | 55 | To squelch this message and adopt the new behavior now, use: 56 | 57 | git config --global push.default simple 58 | 59 | When push.default is set to 'matching', git will push local branches 60 | to the remote branches that already exist with the same name. 61 | 62 | Since Git 2.0, Git defaults to the more conservative 'simple' 63 | behavior, which only pushes the current branch to the corresponding 64 | remote branch that 'git pull' uses to update the current branch. 65 | 66 | See 'git help config' and search for 'push.default' for further information. 67 | (the 'simple' mode was introduced in Git 1.7.11. Use the similar mode 68 | 'current' instead of 'simple' if you sometimes use older versions of Git) 69 | ``` 70 | 71 | 其实就是告诉我要设置下push.default,执行`git config --global push.default simple`即可。 72 | 73 | ### 存储密码 74 | #### https协议 75 | 如果使用的是https协议访问git仓库，与服务器端同步的时候每一次都会提示输入密码。解决这个问题的方式就是能让密码保存起来。 76 | 77 | 在windows下，我使用的是[git-credential-winstore](http://gitcredentialstore.codeplex.com/)。下载安装即可使用。 78 | 79 | 在Mac下，我使用的是[git-credential-osxkeychain](http://github-media-downloads.s3.amazonaws.com/osx/git-credential-osxkeychain)。首先在终端中检测是否已经有git-credential-osxkeychain，`git credential-osxkeychain`。提示`usage: git credential-osxkeychain `, 代表有。 80 | 81 | 如果没有，下载这个工具，执行： 82 | 83 | ``` 84 | Move the file to the /usr/local/bin directory. 85 | $ sudo mv git-credential-osxkeychain /usr/local/bin/ 86 | 87 | Make the file an executable: 88 | $ chmod u+x /usr/local/bin/git-credential-osxkeychain 89 | Configure git to use the helper. 90 | 91 | $ git config --global credential.helper osxkeychain 92 | # Set git to use the osxkeychain credential helper 93 | ``` 94 | 95 | 如果存在的话，直接执行`git config --global credential.helper osxkeychain`。 96 | 97 | 98 | 在Linux下，执行`git config --global credential.helper store`。 99 | 100 | ----- 101 | 102 | 操作完之后，检查下`.gitconfig`文件，看是否添加了`[credential]`字段。 103 | 104 | 如果需要取消设置，执行`git config --unset --global credential.helper`。 105 | 106 | #### ssh协议 107 | 需要设置ssh的私钥和公钥。 108 | 109 | ### 切换协议 110 | 查看当前remote: `git remote -v`。 111 | 112 | 更新remote: `git remote set-url origin https://git.oschina.net/username/YourRepo` -------------------------------------------------------------------------------- /software/develop-tool/gulp.md: -------------------------------------------------------------------------------- 1 | # Gulp 2 | 前端自动化流程管理。在JavaScript的世界里，Grunt.js是基于Node.js的自动化任务运行器。2013年02月18日，Grunt v0.4.0 发布。Fractal公司积极参与了数个流行Node.js模块的开发，它去年发布了一个新的构建系统Gulp，希望能够取其精华，并取代Grunt，成为最流行的JavaScript任务运行器。 3 | 4 | ## Gulp和Grunt的异同点 5 | - 易于使用：采用代码优于配置策略，Gulp让简单的事情继续简单，复杂的任务变得可管理。 6 | - 高效：通过利用Node.js强大的流，不需要往磁盘写中间文件，可以更快地完成构建。 7 | - 高质量：Gulp严格的插件指导方针，确保插件简单并且按你期望的方式工作。 8 | - 易于学习：通过把API降到最少，你能在很短的时间内学会Gulp。构建工作就像你设想的一样：是一系列流管道。 9 | 10 | ## Gulp特点 11 | - **易用**：Gulp相比Grunt更简洁，而且遵循代码优于配置策略，维护Gulp更像是写代码。 12 | - **高效**：Gulp相比Grunt更有设计感，核心设计基于Unix流的概念，通过管道连接，不需要写中间文件。 13 | - **高质量**：Gulp的每个插件只完成一个功能，这也是Unix的设计原则之一，各个功能通过流进行整合并完成复杂的任务。例如：Grunt的imagemin插件不仅压缩图片，同时还包括缓存功能。他表示，在Gulp中，缓存是另一个插件，可以被别的插件使用，这样就促进了插件的可重用性。目前官方列出的有673个插件。 14 | 15 | ## Gulp示例 16 | ``` 17 | var gulp = require('gulp'); 18 | var jshint = require('gulp-jshint'); 19 | var concat = require('gulp-concat'); 20 | var rename = require('gulp-rename'); 21 | var uglify = require('gulp-uglify'); 22 | 23 | // Lint JS 24 | gulp.task('lint', function() { 25 | return gulp.src('src/*.js') 26 | .pipe(jshint()) 27 | .pipe(jshint.reporter('default')); 28 | }); 29 | 30 | // Concat & Minify JS 31 | gulp.task('minify', function(){ 32 | return gulp.src('src/*.js') 33 | .pipe(concat('all.js')) 34 | .pipe(gulp.dest('dist')) 35 | .pipe(rename('all.min.js')) 36 | .pipe(uglify()) 37 | .pipe(gulp.dest('dist')); 38 | }); 39 | 40 | // Watch Our Files 41 | gulp.task('watch', function() { 42 | gulp.watch('src/*.js', ['lint', 'minify']); 43 | }); 44 | 45 | // Default 46 | gulp.task('default', ['lint', 'minify', 'watch']); 47 | ``` 48 | 49 | ## 参考资料 50 | - [gulp](http://gulpjs.com/) 51 | - [gulp fiction](http://gulpfiction.divshot.io/): 可视化配置gulp工作流程。 52 | - [前端工程的构建工具对比 Gulp vs Grunt](http://segmentfault.com/blog/aomine_2450732/1190000002491282) -------------------------------------------------------------------------------- /software/develop-tool/mac-sublimetext3.md: -------------------------------------------------------------------------------- 1 | # Sublime Text 3--Mac版 2 | Mac篇其实应该和Windows差不多，主要区别是一些按键的设置和插件的配置。 3 | 4 | ## 特色功能 5 | - super+p，搜索。这个搜索可以左侧的Folders里所以文件，而且是模糊搜索，不需要完整的文件名。配合#, @, :可以搜索变量，函数，行数。 6 | - 多行编辑。按住super加左击，可以出现多个光标位置。 7 | - 多重选择， super+d可以多重选择，结合光标键，可以批量修改。 8 | - 多屏编辑，super+alt+数字键。 9 | - Projects，通过View->Side Bar->show Side Bar左侧文件结构管理。 10 | - snippet, 不同格式的文件，可以设置不同的snippet,就是简写，通过tab扩展成相应的内容。 11 | - 各种插件支持 12 | - 正则表达式搜索,比如我要删除所有的空行，可以使用`^[\s]*\n`来选择所有空行。可以使用`(?<=

).+(?=

)`来匹配h2标签内的内容。 13 | - super+shift+p，功能菜单。只有你想不到，没有做不到的事情。 14 | 15 | ## 下载安装 16 | ST3虽然没有提供稳定版本，但是相比ST2，速度提升还是很明显的。缺点就是插件不够完善，以及插件的编写全部采用Python3.x版本。这里给出ST3[下载地址](http://www.sublimetext.com/3)。 17 | 18 | 个人最喜欢的一点新特性是：新增了跳转到函数定义处功能，在大菜单Goto中可以查看到。 19 | 20 | 首次使用，建议先打开侧栏，方便管理文件结构。打开方式:`View->Side Bar->Show Side Bar`。 21 | 22 | ## 插件安装 23 | 插件通过[Package Control](https://sublime.wbond.net/installation#Simple)来管理。 24 | 25 | ### 安装Package Control 26 | 进入Package Control页面，选择对应版本的代码进行复制，比如ST3如下： 27 | ``` 28 | import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by) 29 | ``` 30 | 31 | 使用`View->Show Console`打开控制台，粘贴复制的代码，敲击回车运行。待程序右下角提示`success`后，重启ST。 32 | 33 | 再次进入ST后，可以通过菜单`Preferences->Package Control`或者按键`ctrl+shift+p`查找`install package`。输入对应的插件名称，即可安装插件。 34 | 35 | 更多插件，可以通过Package Control中的[search](https://sublime.wbond.net/search)查找。 36 | 37 | ## 配置修改 38 | 配置包括Preferences->Settings-Default和Key Bindings-Default。 39 | 40 | 修改配置文件时，以上两个默认文件最好不要修改，自行讲需要设置的参数写入到Settings-User和Key Bindings-User里，它们会自动覆盖Default相同属性。 41 | 42 | ### 备份配置 43 | 配置文件的路径，点击Preferences->Browse Packages打开目录，找到User目录，这里的文件就是自己的配置文件，最好备份，方便下次替换。 44 | 45 | ## 插件推荐 46 | 47 | ### 已安装的插件 48 | 49 | ``` 50 | { 51 | "in_process_packages": 52 | [ 53 | ], 54 | "installed_dependencies": 55 | [ 56 | "0_package_control_loader", 57 | "bz2" 58 | ], 59 | "installed_packages": 60 | [ 61 | "AlignTab", 62 | "All Autocomplete", 63 | "AutoFileName", 64 | "BracketHighlighter", 65 | "CSScomb", 66 | "DocBlockr", 67 | "EditorConfig", 68 | "Emmet", 69 | "Git", 70 | "HTML-CSS-JS Prettify", 71 | "JSHint Gutter", 72 | "LiveStyle", 73 | "Markdown Preview", 74 | "Modific", 75 | "Package Control", 76 | "SideBarEnhancements", 77 | "Sublimerge Pro", 78 | "Terminal", 79 | "Theme - Phoenix" 80 | ] 81 | } 82 | ``` 83 | 84 | ### 主题配色和代码配色 85 | 配色其实分为主题配色和代码配色。主题配色就是程序的外形设置，代码配色则是打开文件高亮显示的配置。 86 | 87 | 代码配色我是选择的自己备份的主题`Peacock (SL).tmTheme`,放置在了`Packages/User/theme/`目录下，主要是我针对`markdown`语法进行了设置，其他可选择的推荐`Dayle Rees Color Schemes`插件。 88 | 89 | 主题配色我使用的是`Theme-Phoenix`插件，插播一句，编程的字体应该选择等宽类型的，所以Mac下选择的是`Monaco`字体。 90 | 91 | 92 | 安装完了插件，可以在`Perferences->Color Scheme`中查看修改。也可以通过配置文件修改： 93 | ``` 94 | { 95 | "caret_style": "phase", 96 | "color_scheme": "Packages/User/theme/Peacock (SL).tmTheme", 97 | "default_line_ending": "unix", 98 | "font_face": "Monaco", 99 | "font_size": 18.0, 100 | "highlight_line": true, 101 | "hot_exit": false, 102 | "highlight_modified_tabs": true, 103 | "show_encoding": true, 104 | "ignored_packages": 105 | [ 106 | "Vintage" 107 | ], 108 | "original_color_scheme": "Packages/User/theme/Peacock (SL).tmTheme", 109 | "phoenix_color_green": true, 110 | "phoenix_dirty_bottom_bar_red": true, 111 | "phoenix_eighties": true, 112 | "phoenix_highlight_current_tab": true, 113 | "phoenix_sidebar_tree_large": true, 114 | "phoenix_solid_current_tab": true, 115 | "phoenix_tabs_medium": true, 116 | "rulers": 117 | [ 118 | 80, 119 | 100, 120 | 120 121 | ], 122 | "soda_folder_icons": false, 123 | "tab_size": 4, 124 | "theme": "Phoenix Dark.sublime-theme", 125 | "translate_tabs_to_spaces": true, 126 | "word_separators": "./\\()\"':,.;<>~!@#$%^&*|+=[]{}`~?", 127 | "word_wrap": true, 128 | "wrap_width": 0 129 | } 130 | ``` 131 | 这里我列出的是我的全部配置文件，可以看到相关的主题配色、代码配色和字体设置。 132 | 133 | ### ST辅助类 134 | - **SideBarEnhancements** 135 | 提升右侧导航栏功能 136 | 137 | - **Sublimerge Pro** 138 | 文件对比功能 139 | 140 | - **Markdown Preview** 141 | 书写markdown格式文本，预览等功能。 142 | 143 | - **Terminal** 144 | 直接在对应文件所在目录打开terminal功能。 145 | 146 | ### 代码显示辅助类 147 | - **BracketHighlighter** 148 | 高亮显示匹配括号，会在左侧的行号标识处显示对应的括号位置和范围。 149 | 150 | - **HTML-CSS-JS Prettify** 151 | 格式化代码工具，默认快捷键`ctrl+shift+h`。 152 | 153 | - **CSScomb** 154 | 按照一定规律格式化CSS的属性顺序。 155 | 156 | ### 代码书写辅助类 157 | - **Emmet** 158 | 必装插件，辅助书写HTML, CSS。 159 | 160 | - **AutoFileName** 161 | 书写代码时，自动提示补充文件路径。 162 | 163 | - **DocBlockr** 164 | 辅助书写注释。 165 | 166 | - **JSHint Gutter** 167 | 利用`jslint`检测js代码是否规范的插件。 168 | 169 | - **LiveStyle** 170 | 配合对应的chrome插件，可以达到修改文件后，自动刷新页面的效果。但目前对`less`,`sass`之类预编译语言支持不够好。 171 | 172 | - **AlignTab** 173 | 变量竖向对齐工具。 174 | 175 | - **All Autocomplete** 176 | 代码补全插件。 177 | 178 | - **EditorConfig** 179 | 代码编码规范。 180 | 181 | - **MultiEditUtils** 182 | 增强了SublimeText内置的“multi-cursor”和“multi-selection”功能 183 | 184 | ## 使用技巧 185 | ### 快捷键操作 186 | 默认的快捷操作，可以查看`Preferences->Key Binding`，或者文档:[Keyboard Shortcuts-Windows/Linux](http://docs.sublimetext.info/en/latest/reference/keyboard_shortcuts_win.html)和[Keyboard Shortcuts-OSX](http://docs.sublimetext.info/en/latest/reference/keyboard_shortcuts_osx.html)。 187 | 188 | 个人常用的快捷键设置如下： 189 | ``` 190 | [ 191 | /*============= Emacs Style =============*/ 192 | { "keys": ["ctrl+b"], "command": "move", "args": {"by": "characters", "forward": false} }, 193 | { "keys": ["ctrl+f"], "command": "move", "args": {"by": "characters", "forward": true} }, 194 | { "keys": ["ctrl+p"], "command": "move", "args": {"by": "lines", "forward": 195 | false} }, 196 | { "keys": ["ctrl+n"], "command": "move", "args": {"by": "lines", "forward": 197 | true} }, 198 | { "keys": ["ctrl+a"], "command": "move_to", "args": {"to": "bol", "extend": false} }, 199 | { "keys": ["ctrl+e"], "command": "move_to", "args": {"to": "eol", "extend": false} }, 200 | { "keys": ["ctrl+l"], "command": "show_at_center" }, 201 | /*============= End Emacs Style =============*/ 202 | 203 | /*============= switch tabs =============*/ 204 | { "keys": ["ctrl+1"], "command": "select_by_index", "args": { "index": 0 } }, 205 | { "keys": ["ctrl+2"], "command": "select_by_index", "args": { "index": 1 } }, 206 | { "keys": ["ctrl+3"], "command": "select_by_index", "args": { "index": 2 } }, 207 | { "keys": ["ctrl+4"], "command": "select_by_index", "args": { "index": 3 } }, 208 | { "keys": ["ctrl+5"], "command": "select_by_index", "args": { "index": 4 } }, 209 | { "keys": ["ctrl+6"], "command": "select_by_index", "args": { "index": 5 } }, 210 | { "keys": ["ctrl+7"], "command": "select_by_index", "args": { "index": 6 } }, 211 | { "keys": ["ctrl+8"], "command": "select_by_index", "args": { "index": 7 } }, 212 | { "keys": ["ctrl+9"], "command": "select_by_index", "args": { "index": 8 } }, 213 | { "keys": ["super+shift+t"], "command": "reopen_last_file" }, 214 | /*============= End switch tabs =============*/ 215 | 216 | /*============= Modify Default key-mapping =============*/ 217 | { "keys": ["super+a"], "command": "select_all" }, 218 | { "keys": ["super+t"], "command": "new_file" }, 219 | { "keys": ["f5"], "command": "open_in_browser" }, 220 | // autocomplate 221 | { "keys": ["ctrl+/"], "command": "auto_complete" }, 222 | // paste 223 | { "keys": ["super+v"], "command": "paste_and_indent" }, 224 | { "keys": ["super+shift+v"], "command": "paste" }, 225 | // reindex 226 | { "keys": ["ctrl+i"], "command": "reindent" }, 227 | // find and goto 228 | { "keys": ["super+f"], "command": "show_panel", "args": {"panel": "find"} }, 229 | { "keys": ["super+p"], "command": "show_overlay", "args": {"overlay": "goto", "show_files": true} }, 230 | { "keys": ["super+r"], "command": "show_overlay", "args": {"overlay": "goto", "text": "@"} }, 231 | { "keys": ["super+l"], "command": "show_overlay", "args": {"overlay": "goto", "text": ":"} }, 232 | { "keys": ["super+;"], "command": "show_overlay", "args": {"overlay": "goto", "text": "#"} }, 233 | { "keys": ["super+d"], "command": "goto_definition" }, 234 | { "keys": ["super+-"], "command": "jump_back" }, 235 | { "keys": ["super+="], "command": "jump_forward" }, 236 | // keep the shortcut as Windows 237 | { "keys": ["ctrl+d"], "command": "find_under_expand" }, 238 | { "keys": ["ctrl+g"], "command": "find_all_under" }, 239 | { "keys": ["ctrl+j"], "command": "join_lines" }, 240 | { "keys": ["ctrl+shift+j"], "command": "expand_selection", "args": {"to": "indentation"} }, 241 | { "keys": ["ctrl+shift+k"], "command": "run_macro_file", "args": {"file": "res://Packages/Default/Delete Line.sublime-macro"} }, 242 | /*============= End Modify Default key-mapping =============*/ 243 | 244 | /*============= Plugin =============*/ 245 | // Emmet expand 246 | {"keys": ["super+e"], "args": {"action": "expand_abbreviation"}, "command": "run_emmet_action", "context": [{"key": "emmet_action_enabled.expand_abbreviation"} ] }, 247 | // js Hint Grunt 248 | {"keys": ["super+j"], "command": "jshint"}, 249 | // markdown preview 250 | { "keys": ["super+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"} }, 251 | // terminal 252 | { "keys": ["ctrl+super+t"], "command": "open_terminal" }, 253 | { "keys": ["ctrl+shift+super+t"], "command": "open_terminal_project_folder" } 254 | /*============= End Plugin =============*/ 255 | ] 256 | ``` 257 | 258 | 其中涉及到了emacs移动光标，多标签切换，以及快速查找等方式。 259 | 260 | ### snippet 261 | snippet是代码片段，可以方便的自动补全。创建方式通过`Tools->New Snippet`完成。 262 | 263 | 默认的文件如下: 264 | ``` 265 | 266 | 269 | 270 | 271 | 272 | 273 | 274 | ``` 275 | 代码段写在`CDATA[]`中，`${}`为占位字符。 276 | 277 | `tabTrigger`为自动补全需要的字符，`scope`设置的是文件格式。 278 | 279 | 创建完成之后，个人建议保存在`User->snippet`目录下，`snippet`需要自行创建，方便管理。 280 | 281 | ### build命令和Macro命令 282 | 这些命令的使用请参考文档->[Reference](http://docs.sublimetext.info/en/latest/reference/reference.html)。 283 | 284 | 285 | ## 参考文档 286 | - [sublimeText官网](http://www.sublimetext.com/) 287 | - [非官方手册](http://docs.sublimetext.info/en/latest) 288 | - [Package Control](https://sublime.wbond.net/installation#Simple) 289 | - [推荐！Sublime Text 最佳插件列表](http://blog.jobbole.com/79326/) 290 | - [Gif多图：我常用的 16 个 Sublime Text 快捷键](http://blog.jobbole.com/82527/) -------------------------------------------------------------------------------- /software/develop-tool/node.md: -------------------------------------------------------------------------------- 1 | # node 2 | node由于各个版本特性不同，很多项目需要使用不同版本的node，所以推荐使用[nvm(Node Version Manager)](https://github.com/creationix/nvm)进行管理。 3 | 4 | 5 | ## Mac下安装 6 | ### brew方式 7 | 如果机器没有安装过node，那么首先`brew install nvm`安装nvm。 8 | 9 | 其次需要在shell的配置文件(~/.bashrc, ~/.profile, or ~/.zshrc)中添加如下内容： 10 | 11 | ``` 12 | # For NVM 13 | export NVM_DIR=~/.nvm 14 | source $(brew --prefix nvm)/nvm.sh 15 | ``` 16 | 17 | 注意配置的顺序，以防开启新终端，node出现找不到的情况。 18 | 19 | 重启终端，命令行下即可使用nvm，使用`nvm install `进行对应的node版本安装，写这篇文章时，我使用的是`nvm install 0.10`，安装的版本是v0.10.32。使用`nvm use `使用， 再通过`nvm alias default `确保有默认版本。最后使用`nvm ls`查看。 20 | 21 | 22 | ### brew方式补充 23 | 如果之前通过'brew install node'方式安装过node，那么需要先删除系统中存在的node： 24 | 25 | ``` 26 | brew remove --force node 27 | sudo rm -r /usr/local/lib/node_modules 28 | 29 | brew prune 30 | sudo rm -r /usr/local/include/node 31 | 32 | # 检查brew是否正常 33 | brew doctor 34 | ``` 35 | 36 | ### nvm安装方式 37 | `curl https://raw.githubusercontent.com/creationix/nvm/v0.17.2/install.sh | bash`进行安装，安装完成后，运行`nvm`测试命令是否正确，如果不正确，参考官网提供的说明，也是需要在shell的配置文件中加入相应的配置。 38 | 39 | 如果安装正确，同样使用`nvm install `安装对应版本node，使用`nvm use `使用， 再通过`nvm alias default `确保有默认版本。最后使用`nvm ls`查看。 40 | 41 | 42 | 设置完nvm之后，node的路径其实是`/Users/#{username}/.nvm/#{nodeVersion}/bin/node`, 一些sublimeText插件默认的路径是`/usr/local/bin/node`。个人建议创建一个软连接: 43 | 44 | ``` 45 | ln -s /Users/#{username}/.nvm/#{nodeVersion}/bin/node /usr/local/bin/node 46 | ``` 47 | 48 | ## Windows下安装 49 | window下我之前都是直接node官网下载mis文件安装。后续尝试使用类nvm工具安装管理。 50 | 51 | ### nvm-windows方式 52 | 睡觉前看了一眼，简直不能再便捷了！！！项目地址: [nvm-windows](https://github.com/coreybutler/nvm-windows) 53 | 54 | 下载安装包，不管之前系统安装过node与否，安装过会接管。就能直接使用nvm命令。 55 | 56 | ## npm的管理 57 | 通过nvm安装的node，每个版本都有一个对应的npm。每次切换，可以使用`npm update -g`进行一次升级，安装程序的话，需要使用sudo权限。 58 | 59 | 有一点疑问，如何同步之前安装的所有-g模块。。？？ 60 | 61 | ## 参考资料 62 | - [node包教不包会](https://github.com/alsotang/node-lessons) -------------------------------------------------------------------------------- /software/develop-tool/shadowsocks.md: -------------------------------------------------------------------------------- 1 | # shadowsocks 2 | 换上Mac后，发现shadowsocks居然可以设置全局和自动代理，真实比Windows下方面多了！之前我一直购买的是东哥的服务，一年才50RMB,速度也还可以，720p无压力。自己另有一台DigitalOcean VPS,不用也浪费，搭建一个好了。 3 | 4 | ## Docker安装Shadowsocks 5 | 这是我试过最便捷的方式了，**强烈推荐**。只要下载docker镜像的速度够快，搭建真实几分钟的事情，命令也就两三条，咱们来试试： 6 | 7 | ### 配置docker 8 | 如果是DigitalOcean或者国内的阿里云，现在都可以选择在创建的时候Docker镜像。这样开启vps就能直接使用docker了。服务器一般我会选择Ubuntu 14.04版本。 9 | 10 | 如果没有Docker可选，那么也没关系，进如vps之后，自己安装一下即可。 11 | 12 | ### 安装shadowsocks 13 | 首先通过ssh连接到vps上。因为有了docker之后，就可以下载shadowsocks的镜像： 14 | 15 | ``` 16 | docker pull oddrationale/docker-shadowsocks 17 | ``` 18 | 19 | 我在国内的阿里云上下载的时候会比较慢，因为不是官方的镜像（官方的镜像阿里云都有备份，这点确实做的很体贴）。 20 | 21 | ### 运行设置shadowsocks 22 | 输入: 23 | 24 | ``` 25 | docker run -d -p 1984:1984 oddrationale/docker-shadowsocks -s 0.0.0.0 -p 1984 -k paaassswwword -m aes-256-cfb 26 | ``` 27 | 28 | 这里的`1984`是服务器端的端口号，`paaassswwword`是密码， `aes-256-cfb`是加密方式。 29 | 30 | 运行: 31 | 32 | ``` 33 | docker ps 34 | ``` 35 | 36 | 查看shadowsocks是否运行起来了，没问题的话就可以`exit`退出vps的登录了。 37 | 38 | ### 客户端设置 39 | 客户端填写好公网ip,端口，加密方式，即可连接。 40 | 41 | ## Ubuntu下安装 42 | 首先，建议使用root用户登录，或者使用sudo命名，我这里以root用户为例把。请按顺序执行下面操作哦！ 43 | 44 | ### 安装shadowsocks 45 | 第一次装的时候乱七八杂，也记不起来顺序了，反正用到的就是python版本，通过python-pip下载安装的`shadowsocks`: 46 | 47 | ``` 48 | apt-get install python-pip 49 | pip install shadowsocks 50 | ``` 51 | 52 | ### 配置shadowsocks 53 | 配置文件需要自行创建： 54 | 55 | ``` 56 | vim /etc/shadowsocks.json 57 | ``` 58 | 59 | 写入： 60 | 61 | ``` 62 | { 63 | "server":"0.0.0.0", # replace your server IP 64 | "server_port":4762, 65 | "local_port":1080, 66 | "password":"8d779a1ee2db776db8e20adffaa12d0c", 67 | "timeout":300, 68 | "method":"aes-256-cfb" 69 | } 70 | ``` 71 | 72 | ### 安装Supervisor 73 | ``` 74 | apt-get update 75 | apt-get install python-pip python-m2crypto supervisor 76 | ``` 77 | 78 | ### 配置Supervisor 79 | 编辑或创建: 80 | 81 | ``` 82 | vim /etc/supervisor/conf.d/shadowsocks.conf 83 | ``` 84 | 85 | 如果端口 < 1024，把上面的 user=nobody 改成 user=root。 86 | 87 | ### 优化 88 | 在 `/etc/default/supervisor` 最后加一行： 89 | 90 | ``` 91 | ulimit -n 51200 92 | ``` 93 | 94 | ### 启动shadowsocks服务 95 | 使用Supervisor后台运行shadowsocks: 96 | 97 | ``` 98 | service supervisor start 99 | supervisorctl reload 100 | ``` 101 | 102 | 103 | 104 | 105 | ### 查看服务状态 106 | 运行状态： 107 | `supervisorctl status` 108 | 109 | 如果遇到问题，可以检查日志： 110 | ``` 111 | supervisorctl tail -f shadowsocks stderr 112 | ``` 113 | 114 | 115 | ### 重启服务 116 | 如果修改了 shadowsocks 配置 /etc/shadowsocks.json， 可以重启 shadowsocks： 117 | `supervisorctl restart shadowsocks` 118 | 119 | 如果修改了 Supervisor 的配置文件 /etc/supervisor/*， 可以更新 supervisor 配置： 120 | `supervisorctl update` 121 | 122 | ## 可能出现的异常情况 123 | 在我第一次安装的时候，出现过`unable to resolve host`的情况。解决方法就是将其指向127.0.0.1,编辑`/etc/hosts`文件,在`127.0.0.1`后面，添加上自己主机的名称。 124 | 125 | 126 | ## 参考资料 127 | - [Shadowsocks 使用说明](https://github.com/clowwindy/shadowsocks/wiki/Shadowsocks-%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E) 128 | - [用 Supervisor 运行 Shadowsocks](https://github.com/clowwindy/shadowsocks/wiki/%E7%94%A8-Supervisor-%E8%BF%90%E8%A1%8C-Shadowsocks) 129 | - [在 Linode 上快速搭建 Shadowsocks](https://github.com/clowwindy/shadowsocks/wiki/%E5%9C%A8-Linode-%E4%B8%8A%E5%BF%AB%E9%80%9F%E6%90%AD%E5%BB%BA-Shadowsocks) 130 | - [sudo 出现unable to resolve host 解决方法](http://blog.csdn.net/ichuzhen/article/details/8241847) 131 | - [Docker + DigitalOcean + Shadowsocks 5分钟科学上网](http://liujin.me/blog/2015/05/27/Docker-DigitalOcean-Shadowsocks-5-%E5%88%86%E9%92%9F%E7%A7%91%E5%AD%A6%E4%B8%8A%E7%BD%91/) -------------------------------------------------------------------------------- /software/develop-tool/tmux.md: -------------------------------------------------------------------------------- 1 | # tmux 2 | tmux是指通过一个终端登录远程主机并运行后，在其中可以开启多个控制台而的终端复用软件。使用了tmux，你就可以在一个终端中同时运行多个会话，只需开启一个终端。 3 | 4 | ## 为什么使用tmux 5 | 如果只是分隔屏幕，配色的变化，其实客户端item2以及screen就已经很好了。那我们为什么要使用tmux呢？ 6 | 7 | 为什么使用tmux： 8 | 9 | - 保持会话： 断开ssh或关闭电脑，你的ssh可以重新连接，能够保持你的工作环境连续性。前提实在服务器端装上tumx 10 | 11 | 使用tmux会话的分离与连接就可以轻松解决以上问题，分离（detach）可以使终端会话在后台运行，连接（attach）可以重新打开在后台运行的会话，也可以多个终端连接同一会话。 12 | 13 | ## 安装 14 | ### Mac 15 | `brew install tmux`即可 16 | 17 | ### Linux 18 | `yum install tmux`类似命令即可 19 | 20 | ### Windows 21 | Windows下可以使用cygwin来安装 cygwin，cygwin是图形安装界面，请确保在 Select Packages 界面出现时，选中 tmux 即可。 22 | 23 | ## tmux的基本概念 24 | 启动之后，可以看到命令行最底部多了一条绿色的状态条，上面显示了一些信息，比如计算机名和时间等。 25 | 26 | ### Session(会话) 27 | 一组窗口的集合，通常用来概括同一个任务。session可以有自己的名字便于任务之间的切换。 28 | 29 | ### Window(窗口) 30 | 单个可见窗口。Windows有自己的编号，也可以认为和ITerm2中的Tab类似。 31 | 32 | 当你新建一个会话的时候，tmux 已经自动给你在新会话中自动创建了一个窗口(Window)，窗口的编号从`0`开始，名称则默认为当前工作目录或者当前运行的程序，都显示在下方的状态条中。如下图所示，我将工作目录切换到了`~/Documents`，窗口`0`的名称也随之变换。 33 | 34 | ### Pane(窗格) 35 | tmux 下可以有多个会话，会话下又可以有多个窗口，那么同样，窗口下还可以有多个窗格, 一个窗口可以切分成多个窗格，主要的切分方法有两种，垂直切分和水平切分。 36 | 37 | ## tmux的基本操作 38 | 前置操作(`Prefix-Command`)，所有下面介绍的快捷键，都必须以前置操作开始。tmux默认的前置操作是`CTRL+b`。 39 | 40 | ### 会话相关 41 | - 新建会话(create): `tmux new-session -s <会话名称>` or `tmux new -s <会话名称>` 42 | - 分离会话(detach): `prefix d`,退出tmux但是不关闭掉进程，方便下次进入 43 | - 连接会话(attach): `tmux attach -t <目标会话名>` or `tmux a -t <目标会话名>`, 被分离的会话，还可以重新连接上 44 | - `tmux ls`: 列出所有的会话 45 | - `prefix $`: 重命名当前会话 46 | 47 | ### 窗口相关 48 | - `tmux new -n <窗口名>`: 创建会话的时候附上 `-n` 参数，来给窗口制定一个名称 49 | - 新建窗口: `prefix c` 50 | - 上一个窗口（previous）: `prefix p` 51 | - 下一个窗口（next）: `prefix n` 52 | - 切换到上一个活动的窗口: `prefix space` 53 | - 使用窗口号切换: `prefix 窗口号` 54 | - 窗口列表: `prefix w` 55 | - 关闭一个窗口: `prefix &` 56 | - 更改窗口名称: `prefix ,` 57 | 58 | ## 窗格相关 59 | - 查看所有窗格的编号: `prefix q` 60 | - 垂直切分（把窗口垂直切分成左右两等分）：`prefix %` 61 | - 水平切分（把窗口水平切分成上下两等分）：`prefix "` 62 | - 窗格切换: `prefix o` 63 | - 按制定方向切换窗格: `prefix 方向键` 64 | - 更改窗格布局: `prefix 空格`, 可以在这五个默认的窗格布局之中轮流切换: 65 | - 水平平分（even-horizontal） 66 | - 垂直平分（even-vertical） 67 | - 主窗格最大化，其他窗格水平平分（main-horizontal） 68 | - 主窗格最大化，其他窗格垂直平分（main-vertical） 69 | - 平铺，窗格均等分（tiled） 70 | 71 | ## 参考资料 72 | - [Tmux - Linux从业者必备利器](http://cenalulu.github.io/linux/tmux/) 73 | - [图灵: tmux入门](http://www.ituring.com.cn/minibook/10707) 74 | -------------------------------------------------------------------------------- /software/develop-tool/webstorm.md: -------------------------------------------------------------------------------- 1 | # WebStorm 2 | 刚接触Web开发的时候使用过一段时间的WebStorm，它还是比较适合管理大型项目的。但是由于工作中小型项目占据多数，后来还是选择了sublimeText3作为主力开发工具，配合常用的插件以及gulp工具，效率也还是妥妥的。但是每当需要阅读源代码的时候，还是会发现文本编辑器的缺点，确实不直观。索性最近又购买了一个Licensing，购买地址: [Licensing & Renew](http://www.jetbrains.com/webstorm/buy/)。 3 | 4 | ## 下载安装 5 | 任何软件优选还是官方途径，地址:[webstorm](https://www.jetbrains.com/webstorm/)。使用 `OS X 10 Yosemite`的用户，还可以选择绑定了`JDK 1.8`的版本。据说性能更好，但是有一些issues。 6 | 7 | ## 设置配置 8 | 如果之前有配置文件的话，再初次打开的时候可以设置，恢复之前的配置，如果没有，就选择默认配置。以后的配置文件，还是建议通过dotfiles保存起来，方便同步。 9 | 10 | ## 常规设置 11 | 进入WebStorm之后，我首先会设置的是配色和字体。当然，配色是可以在之前的时候设置的，如果没有，这里也可以修改。打开`Preference`,选择`Editor->Colors & Fonts`, 另存为一个配色文件，然后修改。 12 | 13 | ## 设置相关 14 | 15 | ## 参考资料 16 | - [快捷键PDF:WebStorm_ReferenceCard](http://www.jetbrains.com/webstorm/documentation/WebStorm_ReferenceCard.pdf) 17 | -------------------------------------------------------------------------------- /software/develop-tool/windows-sublimetext3.md: -------------------------------------------------------------------------------- 1 | # Sublime Text 3--Windows版 2 | 选择一个好的编辑器，可以极大的提高你的开发效率。我使用过Vim、Emacs和SublimeText。个人还是比较推荐现代化的sublimeText编辑器配合vim,emacs的操作方式。 3 | 4 | 更多内容，可以查看官方推荐的非官方文档->[文档地址](http://docs.sublimetext.info/en/latest/index.html)。 5 | 6 | ## 特色功能 7 | - ctrl+p，搜索。这个搜索可以左侧的Folders里所以文件，而且是模糊搜索，不需要完整的文件名。配合#, @, :可以搜索变量，函数，行数。 8 | - 多行编辑。按住ctrl加左击，可以出现多个光标位置。 9 | - 多重选择， ctrl+d可以多重选择，结合光标键，可以批量修改。 10 | - 多屏编辑，alt+shift+数字键。 11 | - Projects，通过View->Side Bar->show Side Bar左侧文件结构管理。 12 | - snippet, 不同格式的文件，可以设置不同的snippet,就是简写，通过tab扩展成相应的内容。 13 | - 各种插件支持 14 | - 正则表达式搜索,比如我要删除所有的空行，可以使用`^[\s]*\n`来选择所有空行。可以使用`(?<=

).+(?=

)`来匹配h2标签内的内容。 15 | - ctrl+shift+p，功能菜单。只有你想不到，没有做不到的事情。 16 | 17 | ## 下载安装 18 | ST3虽然没有提供稳定版本，但是相比ST2，速度提升还是很明显的。缺点就是插件不够完善，以及插件的编写全部采用Python3.x版本。这里给出ST3[下载地址](http://www.sublimetext.com/3)。 19 | 20 | 个人最喜欢的一点新特性是：新增了跳转到函数定义处功能，在大菜单Goto中可以查看到。 21 | 22 | 首次使用，建议先打开侧栏，方便管理文件结构。打开方式:`View->Side Bar->Show Side Bar`。 23 | 24 | ## 插件安装 25 | 插件通过[Package Control](https://sublime.wbond.net/installation#Simple)来管理。 26 | 27 | ### 安装Package Control 28 | 进入Package Control页面，选择对应版本的代码进行复制，比如ST3如下： 29 | ``` 30 | import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by) 31 | ``` 32 | 33 | 使用`View->Show Console`打开控制台，粘贴复制的代码，敲击回车运行。待程序右下角提示`success`后，重启ST。 34 | 35 | 再次进入ST后，可以通过菜单`Preferences->Package Control`或者按键`ctrl+shift+p`查找`install package`。输入对应的插件名称，即可安装插件。 36 | 37 | 更多插件，可以通过Package Control中的[search](https://sublime.wbond.net/search)查找。 38 | 39 | ## 配置修改 40 | 配置包括Preferences->Settings-Default和Key Bindings-Default。 41 | 42 | 修改配置文件时，以上两个默认文件最好不要修改，自行讲需要设置的参数写入到Settings-User和Key Bindings-User里，它们会自动覆盖Default相同属性。 43 | 44 | ### 备份配置 45 | 配置文件的路径，点击Preferences->Browse Packages打开目录，找到User目录，这里的文件就是自己的配置文件，最好备份，方便下次替换。 46 | 47 | ## 插件推荐 48 | ### 主题配色和代码配色 49 | 配色其实分为主题配色和代码配色。主题配色就是程序的外形设置，代码配色则是打开文件高亮显示的配置。 50 | 51 | 代码配色我是选择的自己备份的主题`Peacock (SL).tmTheme`,放置在了`Packages/User/theme/`目录下，主要是我针对`markdown`语法进行了设置，其他可选择的推荐`Dayle Rees Color Schemes`插件。 52 | 53 | 主题配色我使用的是`Theme-Phoenix`插件，插播一句，编程的字体应该选择等宽类型的。在windows下强烈推荐使用`yaheiconsolashybrid`。 54 | 55 | 安装完了插件，可以在`Perferences->Color Scheme`中查看修改。也可以通过配置文件修改： 56 | ``` 57 | { 58 | "caret_style": "phase", 59 | "color_scheme": "Packages/User/theme/Peacock (SL).tmTheme", 60 | "default_line_ending": "unix", 61 | "font_face": "Monaco", 62 | "font_size": 18.0, 63 | "highlight_line": true, 64 | "hot_exit": false, 65 | "highlight_modified_tabs": true, 66 | "show_encoding": true, 67 | "ignored_packages": 68 | [ 69 | "Vintage" 70 | ], 71 | "original_color_scheme": "Packages/User/theme/Peacock (SL).tmTheme", 72 | "phoenix_color_green": true, 73 | "phoenix_dirty_bottom_bar_red": true, 74 | "phoenix_eighties": true, 75 | "phoenix_highlight_current_tab": true, 76 | "phoenix_sidebar_tree_large": true, 77 | "phoenix_solid_current_tab": true, 78 | "phoenix_tabs_medium": true, 79 | "rulers": 80 | [ 81 | 80, 82 | 100, 83 | 120 84 | ], 85 | "soda_folder_icons": false, 86 | "tab_size": 4, 87 | "theme": "Phoenix Dark.sublime-theme", 88 | "translate_tabs_to_spaces": true, 89 | "word_separators": "./\\()\"':,.;<>~!@#$%^&*|+=[]{}`~?", 90 | "word_wrap": true, 91 | "wrap_width": 0 92 | } 93 | ``` 94 | 这里我列出的是我的全部配置文件，可以看到相关的主题配色、代码配色和字体设置。 95 | 96 | ### ST辅助类 97 | - **SideBarEnhancements** 98 | 提升右侧导航栏功能 99 | 100 | - **Sublimerge Pro** 101 | 文件对比功能 102 | 103 | - **Markdown Preview** 104 | 书写markdown格式文本，预览等功能。绑定了快捷键`ctrl+m`。 105 | 106 | - **Terminal** 107 | 直接在对应文件所在目录打开terminal功能。绑定了快捷键`ctrl+alt+t`。 108 | 109 | - **IMESupport** 110 | 使得输入法能跟随光标位置，mac下无此问题。 111 | 112 | ### 代码显示辅助类 113 | - **BracketHighlighter** 114 | 高亮显示匹配括号，会在左侧的行号标识处显示对应的括号位置和范围。 115 | 116 | - **HTML-CSS-JS Prettify** 117 | 格式化代码工具，默认快捷键`ctrl+shift+h`。 118 | 119 | - **CSScomb** 120 | 按照一定规律格式化CSS的属性顺序。 121 | 122 | ### 代码书写辅助类 123 | - **Emmet** 124 | 必装插件，辅助书写HTML, CSS。 125 | 126 | - **AutoFileName** 127 | 书写代码时，自动提示补充文件路径。 128 | 129 | - **DocBlockr** 130 | 辅助书写注释 131 | 132 | - **JSHint Gutter** 133 | 利用`jslint`检测js代码是否规范的插件。 134 | 135 | - **LiveStyle** 136 | 配合对应的chrome插件，可以达到修改文件后，自动刷新页面的效果。但目前对`less`,`sass`之类预编译语言支持不够好。 137 | 138 | 139 | ## 使用技巧 140 | ### 快捷键操作 141 | 默认的快捷操作，可以查看`Preferences->Key Binding`，或者文档:[Keyboard Shortcuts-Windows/Linux](http://docs.sublimetext.info/en/latest/reference/keyboard_shortcuts_win.html)和[Keyboard Shortcuts-OSX](http://docs.sublimetext.info/en/latest/reference/keyboard_shortcuts_osx.html)。 142 | 143 | 个人常用的快捷键设置如下： 144 | ``` 145 | [ 146 | /*============= Emacs Style =============*/ 147 | { "keys": ["ctrl+b"], "command": "move", "args": {"by": "characters", "forward": false} }, 148 | { "keys": ["ctrl+f"], "command": "move", "args": {"by": "characters", "forward": true} }, 149 | { "keys": ["ctrl+p"], "command": "move", "args": {"by": "lines", "forward": 150 | false} }, 151 | { "keys": ["ctrl+n"], "command": "move", "args": {"by": "lines", "forward": 152 | true} }, 153 | { "keys": ["ctrl+a"], "command": "move_to", "args": {"to": "bol", "extend": false} }, 154 | { "keys": ["ctrl+e"], "command": "move_to", "args": {"to": "eol", "extend": false} }, 155 | { "keys": ["ctrl+l"], "command": "show_at_center" }, 156 | /*============= End Emacs Style =============*/ 157 | 158 | /*============= switch tabs =============*/ 159 | { "keys": ["ctrl+1"], "command": "select_by_index", "args": { "index": 0 } }, 160 | { "keys": ["ctrl+2"], "command": "select_by_index", "args": { "index": 1 } }, 161 | { "keys": ["ctrl+3"], "command": "select_by_index", "args": { "index": 2 } }, 162 | { "keys": ["ctrl+4"], "command": "select_by_index", "args": { "index": 3 } }, 163 | { "keys": ["ctrl+5"], "command": "select_by_index", "args": { "index": 4 } }, 164 | { "keys": ["ctrl+6"], "command": "select_by_index", "args": { "index": 5 } }, 165 | { "keys": ["ctrl+7"], "command": "select_by_index", "args": { "index": 6 } }, 166 | { "keys": ["ctrl+8"], "command": "select_by_index", "args": { "index": 7 } }, 167 | { "keys": ["ctrl+9"], "command": "select_by_index", "args": { "index": 8 } }, 168 | { "keys": ["ctrl+shift+t"], "command": "reopen_last_file" }, 169 | /*============= End switch tabs =============*/ 170 | 171 | /*============= Modify Default key-mapping =============*/ 172 | { "keys": ["alt+a"], "command": "select_all" }, 173 | { "keys": ["ctrl+t"], "command": "new_file" }, 174 | { "keys": ["f5"], "command": "open_in_browser" }, 175 | // autocomplate 176 | { "keys": ["alt+/"], "command": "auto_complete" }, 177 | // paste 178 | { "keys": ["ctrl+v"], "command": "paste_and_indent" }, 179 | { "keys": ["ctrl+shift+v"], "command": "paste" }, 180 | // reindex 181 | { "keys": ["ctrl+i"], "command": "reindent" }, 182 | // find and goto 183 | { "keys": ["alt+f"], "command": "show_panel", "args": {"panel": "find"} }, 184 | { "keys": ["ctrl+g"], "command": "find_all_under" }, 185 | { "keys": ["alt+p"], "command": "show_overlay", "args": {"overlay": "goto", "show_files": true} }, 186 | { "keys": ["alt+r"], "command": "show_overlay", "args": {"overlay": "goto", "text": "@"} }, 187 | { "keys": ["alt+l"], "command": "show_overlay", "args": {"overlay": "goto", "text": ":"} }, 188 | { "keys": ["alt+;"], "command": "show_overlay", "args": {"overlay": "goto", "text": "#"} }, 189 | { "keys": ["alt+d"], "command": "goto_definition" }, 190 | { "keys": ["alt+-"], "command": "jump_back" }, 191 | { "keys": ["alt+="], "command": "jump_forward" }, 192 | /*============= End Modify Default key-mapping =============*/ 193 | 194 | /*============= Plugin =============*/ 195 | // Emmet expand 196 | {"keys": ["alt+e"], "args": {"action": "expand_abbreviation"}, "command": "run_emmet_action", "context": [{"key": "emmet_action_enabled.expand_abbreviation"} ] }, 197 | // js Hint Grunt 198 | {"keys": ["alt+j"], "command": "jshint"}, 199 | // markdown preview 200 | { "keys": ["ctrl+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"} }, 201 | // terminal 202 | { "keys": ["ctrl+alt+t"], "command": "open_terminal" }, 203 | { "keys": ["ctrl+shift+alt+t"], "command": "open_terminal_project_folder" } 204 | /*============= End Plugin =============*/ 205 | ] 206 | ``` 207 | 208 | 其中涉及到了emacs移动光标，多标签切换，以及快速查找等方式。 209 | 210 | ### snippet 211 | snippet是代码片段，可以方便的自动补全。创建方式通过`Tools->New Snippet`完成。 212 | 213 | 默认的文件如下: 214 | ``` 215 | 216 | 219 | 220 | 221 | 222 | 223 | 224 | ``` 225 | 代码段写在`CDATA[]`中，`${}`为占位字符。 226 | 227 | `tabTrigger`为自动补全需要的字符，`scope`设置的是文件格式。 228 | 229 | 创建完成之后，个人建议保存在`User->snippet`目录下，`snippet`需要自行创建，方便管理。 230 | 231 | ### build命令和Macro命令 232 | 这些命令的使用请参考文档->[Reference](http://docs.sublimetext.info/en/latest/reference/reference.html)。 233 | 234 | 235 | ## 参考文档 236 | - [sublimeText官网](http://www.sublimetext.com/) 237 | - [非官方手册](http://docs.sublimetext.info/en/latest) 238 | - [Package Control](https://sublime.wbond.net/installation#Simple) -------------------------------------------------------------------------------- /software/git/README.md: -------------------------------------------------------------------------------- 1 | # git进阶 2 | -------------------------------------------------------------------------------- /software/git/getting-start.md: -------------------------------------------------------------------------------- 1 | # 15分钟学会使用Git和远程代码库 2 | 3 | ## 工作步骤 4 | - 创建一个远程的空代码库（在BitBucket上） 5 | - 在本地代码库添加一个项目 6 | - 在分支上开发新功能 7 | - a) 保留新功能 或者 b) 丢弃它们 8 | - 也许，回到某个早先的时间点 9 | - 将本地代码库推送到远程代码库 10 | - 在另一台机器上取得远程代码库 11 | 12 | ## 参考资料 13 | - [15分钟学会使用Git和远程代码库](http://blog.jobbole.com/53573/) -------------------------------------------------------------------------------- /software/git/github-cheat-sheet.md: -------------------------------------------------------------------------------- 1 | # GitHub秘籍 2 | 本秘籍收录了一些Git和Github非常酷同时又少有人知的功能。灵感来自于[Zach Holman](https://github.com/holman)在2012年Aloha Ruby Conference和2013年WDCNZ上所做的演讲：[Git and GitHub Secrets](http://www.confreaks.com/videos/1229-aloharuby2012-git-and-github-secrets)([slides](https://speakerdeck.com/holman/git-and-github-secrets))和[More Git and GitHub Secrets](https://vimeo.com/72955426)([slides](https://speakerdeck.com/holman/more-git-and-github-secrets))。 3 | 4 | *Read this in other languages: [English](README.md), [한국어](README.ko.md), [日本語](README.ja.md), [简体中文](README.zh-cn.md).* 5 | 6 | # 目录 7 | - [GitHub](#github) 8 | - [忽略空白字符变化](#%E8%B0%83%E6%95%B4tab%E5%AD%97%E7%AC%A6%E6%89%80%E4%BB%A3%E8%A1%A8%E7%9A%84%E7%A9%BA%E6%A0%BC%E6%95%B0) 9 | - [调整Tab字符所代表的空格数](#%E8%B0%83%E6%95%B4tab%E5%AD%97%E7%AC%A6%E6%89%80%E4%BB%A3%E8%A1%A8%E7%9A%84%E7%A9%BA%E6%A0%BC%E6%95%B0) 10 | - [查看某个用户的Commit历史](#%E6%9F%A5%E7%9C%8B%E6%9F%90%E4%B8%AA%E7%94%A8%E6%88%B7%E7%9A%84commit%E5%8E%86%E5%8F%B2) 11 | - [克隆某个仓库](#%E5%85%8B%E9%9A%86%E6%9F%90%E4%B8%AA%E4%BB%93%E5%BA%93) 12 | - [分支](#%E5%88%86%E6%94%AF) 13 | - [将某个分支与其他所有分支进行对比](#%E5%B0%86%E6%9F%90%E4%B8%AA%E5%88%86%E6%94%AF%E4%B8%8E%E5%85%B6%E4%BB%96%E6%89%80%E6%9C%89%E5%88%86%E6%94%AF%E8%BF%9B%E8%A1%8C%E5%AF%B9%E6%AF%94) 14 | - [比较分支](#%E6%AF%94%E8%BE%83%E5%88%86%E6%94%AF) 15 | - [比较不同派生库的分支](#%E6%AF%94%E8%BE%83%E4%B8%8D%E5%90%8C%E6%B4%BE%E7%94%9F%E5%BA%93%E7%9A%84%E5%88%86%E6%94%AF) 16 | - [Gists](#gists) 17 | - [Git.io](#gitio) 18 | - [键盘快捷键](#%E9%94%AE%E7%9B%98%E5%BF%AB%E6%8D%B7%E9%94%AE) 19 | - [整行高亮](#%E6%95%B4%E8%A1%8C%E9%AB%98%E4%BA%AE) 20 | - [用commit信息关闭Issue](#%E7%94%A8commit%E4%BF%A1%E6%81%AF%E5%85%B3%E9%97%ADissue) 21 | - [链接其他仓库的Issue](#%E9%93%BE%E6%8E%A5%E5%85%B6%E4%BB%96%E4%BB%93%E5%BA%93%E7%9A%84issue) 22 | - [设置CI对每条Pull Request都进行构建](#%E8%AE%BE%E7%BD%AEci%E5%AF%B9%E6%AF%8F%E6%9D%A1pull-request%E9%83%BD%E8%BF%9B%E8%A1%8C%E6%9E%84%E5%BB%BA) 23 | - [Markdown文件高亮语法](#markdown%E6%96%87%E4%BB%B6%E9%AB%98%E4%BA%AE%E8%AF%AD%E6%B3%95) 24 | - [表情符](#%E8%A1%A8%E6%83%85%E7%AC%A6) 25 | - [静态与动态图片](#%E9%9D%99%E6%80%81%E4%B8%8E%E5%8A%A8%E6%80%81%E5%9B%BE%E7%89%87) 26 | - [在GitHub Wiki中嵌入图片](#%E5%9C%A8github-wiki%E4%B8%AD%E5%B5%8C%E5%85%A5%E5%9B%BE%E7%89%87) 27 | - [快速引用](#%E5%BF%AB%E9%80%9F%E5%BC%95%E7%94%A8) 28 | - [快速添加许可证](#%E5%BF%AB%E9%80%9F%E6%B7%BB%E5%8A%A0%E8%AE%B8%E5%8F%AF%E8%AF%81) 29 | - [任务列表](#%E4%BB%BB%E5%8A%A1%E5%88%97%E8%A1%A8) 30 | - [Markdown文件中的任务列表](#markdown%E6%96%87%E4%BB%B6%E4%B8%AD%E7%9A%84%E4%BB%BB%E5%8A%A1%E5%88%97%E8%A1%A8) 31 | - [相对链接](#%E7%9B%B8%E5%AF%B9%E9%93%BE%E6%8E%A5) 32 | - [GitHub Pages的元数据与插件支持](#github-pages%E7%9A%84%E5%85%83%E6%95%B0%E6%8D%AE%E4%B8%8E%E6%8F%92%E4%BB%B6%E6%94%AF%E6%8C%81) 33 | - [查看YAML格式的元数据](#%E6%9F%A5%E7%9C%8Byaml%E6%A0%BC%E5%BC%8F%E7%9A%84%E5%85%83%E6%95%B0%E6%8D%AE) 34 | - [渲染表格数据](#%E6%B8%B2%E6%9F%93%E8%A1%A8%E6%A0%BC%E6%95%B0%E6%8D%AE) 35 | - [撤销Pull Request](#%E6%92%A4%E9%94%80pull-request) 36 | - [Diffs](#diffs) 37 | - [可渲染文档的Diffs](#%E5%8F%AF%E6%B8%B2%E6%9F%93%E6%96%87%E6%A1%A3%E7%9A%84diffs) 38 | - [可变化地图](#%E5%8F%AF%E5%8F%98%E5%8C%96%E5%9C%B0%E5%9B%BE) 39 | - [在diff中折叠与扩展代码](#%E5%9C%A8diff%E4%B8%AD%E6%8A%98%E5%8F%A0%E4%B8%8E%E6%89%A9%E5%B1%95%E4%BB%A3%E7%A0%81) 40 | - [查看Pull Request的diff和patch](#%E6%9F%A5%E7%9C%8Bpull-request%E7%9A%84diff%E5%92%8Cpatch) 41 | - [渲染图像发生的变动](#%E6%B8%B2%E6%9F%93%E5%9B%BE%E5%83%8F%E5%8F%91%E7%94%9F%E7%9A%84%E5%8F%98%E5%8A%A8) 42 | - [Hub](#hub) 43 | - [贡献者指南](#%E8%B4%A1%E7%8C%AE%E8%80%85%E6%8C%87%E5%8D%97) 44 | - [GitHub资源](#github%E8%B5%84%E6%BA%90) 45 | - [GitHub讨论](#github%E8%AE%A8%E8%AE%BA) 46 | - [Git](#git) 47 | - [前一个分支](#%E5%89%8D%E4%B8%80%E4%B8%AA%E5%88%86%E6%94%AF) 48 | - [Stripspace命令](#stripspace%E5%91%BD%E4%BB%A4) 49 | - [检出Pull Requests](#%E6%A3%80%E5%87%BApull-requests) 50 | - [提交空改动 :trollface:](#%E6%8F%90%E4%BA%A4%E7%A9%BA%E6%94%B9%E5%8A%A8-trollface) 51 | - [更直观的Git Status](#%E6%9B%B4%E7%9B%B4%E8%A7%82%E7%9A%84git-status) 52 | - [更直观的Git Log](#%E6%9B%B4%E7%9B%B4%E8%A7%82%E7%9A%84git-log) 53 | - [Git查询](#git%E6%9F%A5%E8%AF%A2) 54 | - [合并分支](#%E5%90%88%E5%B9%B6%E5%88%86%E6%94%AF) 55 | - [使用网页查看本地仓库](#%E4%BD%BF%E7%94%A8%E7%BD%91%E9%A1%B5%E6%9F%A5%E7%9C%8B%E6%9C%AC%E5%9C%B0%E4%BB%93%E5%BA%93) 56 | - [Git配置](#git%E9%85%8D%E7%BD%AE) 57 | - [Git命令自定义别名](#git%E5%91%BD%E4%BB%A4%E8%87%AA%E5%AE%9A%E4%B9%89%E5%88%AB%E5%90%8D) 58 | - [自动更正](#%E8%87%AA%E5%8A%A8%E6%9B%B4%E6%AD%A3) 59 | - [带颜色输出](#%E5%B8%A6%E9%A2%9C%E8%89%B2%E8%BE%93%E5%87%BA) 60 | - [Git资源](#git%E8%B5%84%E6%BA%90) 61 | - [Git参考书籍](#git%E5%8F%82%E8%80%83%E4%B9%A6%E7%B1%8D) 62 | 63 | ## GitHub 64 | ### 忽略空白字符变化 65 | 66 | 在任意diff页面的URL后加上`?w=1`，可以去掉那些只是空白字符的变化，使你能更专注于代码的变化。 67 | 68 | ![Diff without whitespace](https://camo.githubusercontent.com/797184940defadec00393e6559b835358a863eeb/68747470733a2f2f6769746875622d696d616765732e73332e616d617a6f6e6177732e636f6d2f626c6f672f323031312f736563726574732f776869746573706163652e706e67) 69 | 70 | [*详见 GitHub secrets.*](https://github.com/blog/967-github-secrets) 71 | 72 | ### 调整Tab字符所代表的空格数 73 | 在diff或者file页面的URL后面加上`?ts=4`，这样当显示tab字符的长度时就会是4个空格的长度，不再是默认的8个空格。`ts`后面的数字还可以根据你个人的偏好进行修改。不过，这个小诀窍在Gists页面和raw file页面不起作用。 74 | 75 | 下面是我们在Go语言的source file页面URL后加`?ts=4`[前](https://github.com/pengwynn/flint/blob/master/flint/flint.go)的例子： 76 | 77 | ![Before, tab space example](http://i.imgur.com/GIT1Fr0.png) 78 | 79 | 然后是我们添加`?ts=4`[后](https://github.com/pengwynn/flint/blob/master/flint/flint.go?ts=4)的例子： 80 | 81 | ![After, tab space example](http://i.imgur.com/70FL4H9.png) 82 | 83 | ### 查看某个用户的Commit历史 84 | 查看某个用户的所有提交历史，只需在commits页面URL后加上`?author=username`。 85 | 86 | ``` 87 | https://github.com/rails/rails/commits/master?author=dhh 88 | ``` 89 | 90 | ![DHH commit history](http://i.imgur.com/mDWwuaY.png) 91 | 92 | [*深入了解提交视图之间的区别*](https://help.github.com/articles/differences-between-commit-views) 93 | 94 | ### 克隆某个仓库 95 | 当我们克隆某一资源时，可以不要那个`.git`后缀。 96 | 97 | ```bash 98 | $ git clone https://github.com/tiimgreen/github-cheat-sheet 99 | ``` 100 | 101 | [*更多对 Git `clone` 命令的介绍.*](http://git-scm.com/docs/git-clone) 102 | 103 | ###分支 104 | ####将某个分支与其他所有分支进行对比 105 | 106 | 当你点击某个仓库的分支（Branches）选项卡时 107 | 108 | ``` 109 | https://github.com/{user}/{repo}/branches 110 | ``` 111 | 你会看到一个包含所有未合并的分支的列表。 112 | 113 | 你可以在这里查看比较（Compare）页面或点击删除某个分支。 114 | 115 | ![Compare branches not merged into master in jquery/jquery repo - https://github.com/jquery/jquery/branches](http://i.imgur.com/gKWPe8a.png) 116 | 117 | 有的时候我们需要将多个分支与一个非主分支（master）进行对比，此时可以通过在URL后加入要比较的分支名来实现： 118 | 119 | ``` 120 | https://github.com/{user}/{repo}/branches/{branch} 121 | ``` 122 | 123 | ![Compare branches not merged into `1.x-master` in jquery/jquery repo - https://github.com/jquery/jquery/branches/1.x-master](http://i.imgur.com/jpc6Urb.png) 124 | 125 | 可以在URL后加上`?merged=1`来查看已经合并了的分支。 126 | 127 | ![Compare branches merged in to `1.x-master` in jquery/jquery repo - https://github.com/jquery/jquery/branches/1.x-master?merged=1](http://i.imgur.com/KmYyCVh.png) 128 | 129 | 你可以使用这个界面来替代命令行直接删除分支。 130 | 131 | #### 比较分支 132 | 133 | 如果我们想要比较两个分支，可以像下面一样修改URL： 134 | 135 | ``` 136 | https://github.com/user/repo/compare/{range} 137 | ``` 138 | 139 | 其中`{range} = master...4-1-stable` 140 | 141 | 例如： 142 | 143 | ``` 144 | https://github.com/rails/rails/compare/master...4-1-stable 145 | ``` 146 | 147 | ![Rails branch compare example](http://i.imgur.com/0Z52X5Y.png) 148 | 149 | `{range}`还可以使用下面的形式: 150 | 151 | ``` 152 | https://github.com/rails/rails/compare/master@{1.day.ago}...master 153 | https://github.com/rails/rails/compare/master@{2014-10-04}...master 154 | ``` 155 | 156 | *日期格式 `YYYY-DD-MM`* 157 | 158 | ![Another compare example](http://i.imgur.com/5dtzESz.png) 159 | 160 | ...这样你就能查看master分支上一段时间或者指定日期内的改动。 161 | 162 | [*了解更多关于比较跨时间段的提交记录.*](https://help.github.com/articles/comparing-commits-across-time) 163 | 164 | #### 比较不同派生库的分支 165 | 166 | 想要对派生仓库（Forked Repository）之间的分支进行比较，可以像下面这样修改URL实现： 167 | 168 | ``` 169 | https://github.com/user/repo/compare/{foreign-user}:{branch}...{own-branch} 170 | ``` 171 | 172 | 例如： 173 | 174 | ``` 175 | https://github.com/rails/rails/compare/byroot:master...master 176 | ``` 177 | 178 | ![Forked branch compare](http://i.imgur.com/Q1W6qcB.png) 179 | 180 | ### Gists 181 | 182 | [Gists](https://gist.github.com/) 给我们提供了一种不需要创建一个完整的仓库，使小段代码也可以工作的简单方式。 183 | 184 | ![Gist](http://i.imgur.com/VkKI1LC.png?1) 185 | 186 | Gist的URL后加上`.pibb`，可以得到更适合嵌入到其他网站的HTML版本。 187 | 188 | Gists还可以像任何标准仓库一样被克隆。 189 | 190 | ```bash 191 | $ git clone https://gist.github.com/tiimgreen/10545817 192 | ``` 193 | 194 | ![Gists](http://i.imgur.com/BcFzabp.png) 195 | 196 | 这意味着你可以像 Github 仓库一样修改和更新 Gists : 197 | 198 | ```bash 199 | $ git commit 200 | $ Username for 'https://gist.github.com': 201 | $ Password for 'https://tiimgreen@gist.github.com': 202 | ``` 203 | 204 | 205 | [*进一步了解如何创建 gists.*](https://help.github.com/articles/creating-gists) 206 | 207 | ### Git.io 208 | [Git.io](http://git.io)是Github的短网址服务。 209 | 210 | ![Git.io](http://i.imgur.com/6JUfbcG.png?1) 211 | 212 | 你可以通过Curl命令以普通HTTP协议使用它： 213 | 214 | ```bash 215 | $ curl -i http://git.io -F "url=https://github.com/..." 216 | HTTP/1.1 201 Created 217 | Location: http://git.io/abc123 218 | 219 | $ curl -i http://git.io/abc123 220 | HTTP/1.1 302 Found 221 | Location: https://github.com/... 222 | ``` 223 | 224 | [*进一步了解 Git.io.*](https://github.com/blog/985-git-io-github-url-shortener) 225 | 226 | ### 键盘快捷键 227 | 228 | 在仓库主页上提供了快捷键方便快速导航。 229 | 230 | - 按 `t` 键会打开一个文件浏览器。 231 | - 按 `w` 键会打开分支选择菜单。 232 | - 按 `s` 键会激活顶端的命令栏 (Command Bar)。 233 | - 按 `l` 键编辑Issue列表页的标签。 234 | - **查看文件内容时**（如：`https://github.com/tiimgreen/github-cheat-sheet/blob/master/README.md`），按 `y` 键将会冻结这个页面，这样就算代码被修改了也不会影响你当前看到的。 235 | 236 | 按`?`查看当前页面支持的快捷键列表： 237 | 238 | ![Keyboard shortcuts](http://i.imgur.com/y5ZfNEm.png) 239 | 240 | [*进一步了解如何使用 Command Bar.*](https://help.github.com/articles/using-the-command-bar) 241 | 242 | ### 整行高亮 243 | 244 | 在代码文件地址后加上`#L52`或者单击行号52都会将第52行代码高亮显示。 245 | 246 | 多行高亮也可以，比如用`#L53-L60`选择范围，或者按住 `shift`键，然后再点击选择的两行。 247 | 248 | ``` 249 | https://github.com/rails/rails/blob/master/activemodel/lib/active_model.rb#L53-L60 250 | ``` 251 | 252 | ![整行高亮](http://i.imgur.com/8AhjrCz.png) 253 | 254 | ### 用commit信息关闭Issue 255 | 256 | 如果某个提交修复了一个Issue，当提交到master分支时，提交信息里可以使用`fix/fixes/fixed`, `close/closes/closed` 或者 `resolve/resolves/resolved`等关键词，后面再跟上Issue号，这样就会关闭这个Issue。 257 | 258 | ```bash 259 | $ git commit -m "Fix screwup, fixes #12" 260 | ``` 261 | 262 | 这将会关闭Issue #12，并且在Issue讨论列表里关联引用这次提交。 263 | 264 | ![Closing Repo](http://i.imgur.com/Uh1gZdx.png) 265 | 266 | [*进一步了解通过提交信息关闭Issue.*](https://help.github.com/articles/closing-issues-via-commit-messages) 267 | 268 | ### 链接其他仓库的Issue 269 | 如果你想引用到同一个仓库中的一个Issue，只需使用井号 `#` 加上Issue号，这样就会自动创建到此Issue的链接。 270 | 271 | 要链接到其他仓库的Issue，就使用`user_name/repo_name#ISSUE_NUMBER`的方式，例如`tiimgreen/toc#12`。 272 | 273 | ![Cross-Link Issues](https://camo.githubusercontent.com/447e39ab8d96b553cadc8d31799100190df230a8/68747470733a2f2f6769746875622d696d616765732e73332e616d617a6f6e6177732e636f6d2f626c6f672f323031312f736563726574732f7265666572656e6365732e706e67) 274 | 275 | ### 设置CI对每条Pull Request都进行构建 276 | 如果配置正确，[Travis CI](https://travis-ci.org/)会为每个你收到的Pull Request执行构建，就像每次提交也会触发构建一样。想了解更多关于Travis CI的信息，请看 [Travis CI入门](http://docs.travis-ci.com/user/getting-started/)。 277 | 278 | [![Travis CI status](https://cloud.githubusercontent.com/assets/1687642/2700187/3a88838c-c410-11e3-9a46-e65e2a0458cd.png)](https://github.com/octokit/octokit.rb/pull/452) 279 | 280 | [*进一步了解 Commit status API.*](https://github.com/blog/1227-commit-status-api) 281 | 282 | ### Markdown文件高亮语法 283 | 例如，可以像下面这样在你的Markdown文件里为Ruby代码添加语法高亮： 284 | 285 | ```ruby 286 | require 'tabbit' 287 | table = Tabbit.new('Name', 'Email') 288 | table.add_row('Tim Green', 'tiimgreen@gmail.com') 289 | puts table.to_s 290 | ``` 291 | 292 | 效果像下面这样： 293 | 294 | ```ruby 295 | require 'tabbit' 296 | table = Tabbit.new('Name', 'Email') 297 | table.add_row('Tim Green', 'tiimgreen@gmail.com') 298 | puts table.to_s 299 | ``` 300 | 301 | Github使用 [Linguist](https://github.com/github/linguist) 做语言识别和语法高亮。你可以仔细阅读 [languages YAML file](https://github.com/github/linguist/blob/master/lib/linguist/languages.yml)，了解有哪些可用的关键字。 302 | 303 | [*进一步了解 GitHub Flavored Markdown.*](https://help.github.com/articles/github-flavored-markdown) 304 | 305 | ### 表情符 306 | 307 | 可以在Pull Requests, Issues, 提交消息, Markdown文件里加入表情符。使用方法`:name_of_emoji:` 308 | 309 | ``` 310 | :smile: 311 | ``` 312 | 将输出一个笑脸： 313 | 314 | :smile: 315 | 316 | Github支持的完整表情符号列表详见[emoji-cheat-sheet.com](http://www.emoji-cheat-sheet.com/) 或 [scotch-io/All-Github-Emoji-Icons](https://github.com/scotch-io/All-Github-Emoji-Icons)。 317 | 318 | Github上使用最多的5个表情符号是： 319 | 320 | 1. :shipit: - `:shipit:` 321 | 2. :sparkles: - `:sparkles:` 322 | 3. :-1: - `:-1:` 323 | 4. :+1: - `:+1:` 324 | 5. :clap: - `:clap:` 325 | 326 | ### 静态与动态图片 327 | 注释和README等文件里也可以使用图片和GIF动画： 328 | 329 | ``` 330 | ![Alt Text](http://www.sheawong.com/wp-content/uploads/2013/08/keephatin.gif) 331 | ``` 332 | 333 | 仓库中的原始图片可以被直接调用： 334 | 335 | ``` 336 | ![Alt Text](https://github.com/(user)/(repo)/raw/master/path/to/image.gif) 337 | ``` 338 | 339 | ![Peter don't care](http://www.sheawong.com/wp-content/uploads/2013/08/keephatin.gif) 340 | 341 | 所有图片都缓存在Github，不用担心你的站点不能访问时就看不到图片了。 342 | 343 | #### 在GitHub Wiki中嵌入图片 344 | 有多种方法可以在Wiki页面里嵌入图片。既可以像上一条里那样使用标准的Markdown语法，也可以像下面这样指定图片的高度或宽度： 345 | 346 | ```markdown 347 | [[ http://www.sheawong.com/wp-content/uploads/2013/08/keephatin.gif | height = 100px ]] 348 | ``` 349 | 结果： 350 | 351 | ![Just a screenshot](http://i.imgur.com/J5bMf7S.png) 352 | 353 | ### 快速引用 354 | 在主题评论中引用之前某个人所说的，只需选中文本，然后按 `r`键，想要的就会以引用的形式复制到你的输入框里。 355 | 356 | ![Quick Quote](https://f.cloud.github.com/assets/296432/124483/b0fa6204-6ef0-11e2-83c3-256c37fa7abc.gif) 357 | 358 | [*进一步了解快速引用.*](https://github.com/blog/1399-quick-quotes) 359 | 360 | ### 快速添加许可证 361 | 创建一个仓库时，Github会为你提供一个预置的软件许可列表： 362 | 363 | ![License](http://i.imgur.com/Chqj4Fg.png) 364 | 365 | 对于已有的仓库，可以通过web界面创建文件来添加软件许可。输入`LICENSE`作为文件名后，同样可以从预置的列表中选择一个作为模板。 366 | 367 | ![License](http://i.imgur.com/fTjQict.png) 368 | 369 | 这个技巧也适用于 `.gitignore` 文件。 370 | 371 | [*进一步了解 open source licensing.*](https://help.github.com/articles/open-source-licensing) 372 | 373 | ### 任务列表 374 | Issues和Pull requests里可以添加复选框，语法如下（注意空白符）： 375 | 376 | ``` 377 | - [ ] Be awesome 378 | - [ ] Prepare dinner 379 | - [ ] Research recipe 380 | - [ ] Buy ingredients 381 | - [ ] Cook recipe 382 | - [ ] Sleep 383 | ``` 384 | 385 | ![Task List](http://i.imgur.com/jJBXhsY.png) 386 | 387 | 当项目被选中时，它对应的Markdown源码也被更新了： 388 | 389 | ``` 390 | - [x] Be awesome 391 | - [ ] Prepare dinner 392 | - [x] Research recipe 393 | - [x] Buy ingredients 394 | - [ ] Cook recipe 395 | - [ ] Sleep 396 | ``` 397 | 398 | [*进一步了解任务列表.*](https://help.github.com/articles/writing-on-github#task-lists) 399 | 400 | ####Markdown文件中的任务列表 401 | 402 | 在完全适配Markdown语法的文件中可以使用以下语法加入一个**只读**的任务列表 403 | 404 | 405 | ``` 406 | - [ ] Mercury 407 | - [x] Venus 408 | - [x] Earth 409 | - [x] Moon 410 | - [x] Mars 411 | - [ ] Deimos 412 | - [ ] Phobos 413 | ``` 414 | 415 | - [ ] Mercury 416 | - [x] Venus 417 | - [x] Earth 418 | - [x] Moon 419 | - [x] Mars 420 | - [ ] Deimos 421 | - [ ] Phobos 422 | 423 | [*进一步了解Markdown文件中的任务列表*](https://github.com/blog/1825-task-lists-in-all-markdown-documents) 424 | 425 | ### 相对链接 426 | Markdown文件里链接到内部内容时推荐使用相对链接。 427 | 428 | ```markdown 429 | [Link to a header](#awesome-section) 430 | [Link to a file](docs/readme) 431 | ``` 432 | 绝对链接会在URL改变时（例如重命名仓库、用户名改变，建立分支项目）被更新。使用相对链接能够保证你的文档不受此影响。 433 | 434 | [*进一步了解相对链接.*](https://help.github.com/articles/relative-links-in-readmes) 435 | 436 | ### GitHub Pages的元数据与插件支持 437 | 在Jekyll页面和文章里，仓库信息可在 `site.github` 命名空间下找到，也可以显示出来，例如，使用 `{{ site.github.project_title }}`显示项目标题。 438 | 439 | Jemoji和jekyll-mentions插件为你的Jekyll文章和页面增加了[emoji](#emojis)和[@mentions](https://github.com/blog/821)功能。 440 | 441 | [*了解更多 GitHub Pages的元数据和插件支持.*](https://github.com/blog/1797-repository-metadata-and-plugin-support-for-github-pages) 442 | 443 | ### 查看YAML格式的元数据 444 | 许多博客站点，比如基于[Jekyll](http://jekyllrb.com/)的[GitHub Pages](http://pages.github.com/)，都依赖于一些文章头部的YAML格式的元数据。Github会将其渲染成一个水平表格，方便阅读。 445 | 446 | ![YAML metadata](https://camo.githubusercontent.com/47245aa16728e242f74a9a324ce0d24c0b916075/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f36343035302f313232383236372f65303439643063362d323761302d313165332d396464382d6131636432323539393334342e706e67) 447 | 448 | [*进一步了解 在文档里查看YAML元数据.*](https://github.com/blog/1647-viewing-yaml-metadata-in-your-documents) 449 | 450 | ### 渲染表格数据 451 | 452 | GitHub支持将 `.csv` (逗号分隔)和`.tsv` (制表符分隔)格式的文件渲染成表格数据。 453 | 454 | ![Tabular data](https://camo.githubusercontent.com/1b6dd0157ffb45d9939abf14233a0cb13b3b4dfe/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3238323735392f3937363436322f33323038336463652d303638642d313165332d393262322d3566323863313061353035392e706e67) 455 | 456 | [*进一步了解渲染表格数据.*](https://github.com/blog/1601-see-your-csvs) 457 | 458 | ### 撤销Pull Request 459 | 460 | 可以通过Pull Request中的Revert按钮来撤销一个已合并的Pull Request中的commit。按下按钮后会自动生成一个进行逆向操作的Pull Request。 461 | 462 | ![Revert button](https://camo.githubusercontent.com/0d3350caf2bb1cba53123ffeafc00ca702b1b164/68747470733a2f2f6769746875622d696d616765732e73332e616d617a6f6e6177732e636f6d2f68656c702f70756c6c5f72657175657374732f7265766572742d70756c6c2d726571756573742d6c696e6b2e706e67) 463 | 464 | [*进一步了解“撤销”按钮](https://github.com/blog/1857-introducing-the-revert-button) 465 | 466 | ### Diffs 467 | #### 可渲染文档的Diffs 468 | 469 | 提交和Pull Requests里包含有Github支持的可渲染文档（比如Markdown）会提供*source* 和 *rendered* 两个视图功能。 470 | 471 | ![Source / Rendered view](https://github-images.s3.amazonaws.com/help/repository/rendered_prose_diff.png) 472 | 473 | 点击 "rendered" 按钮，看看改动在渲染后的显示效果。当你添加、删除或修改文本时，渲染纯文本视图非常方便。 474 | 475 | ![Rendered Prose Diffs](https://f.cloud.github.com/assets/17715/2003056/3997edb4-862b-11e3-90be-5e9586edecd7.png) 476 | 477 | [*进一步了解渲染纯文本视图Diffs.*](https://github.com/blog/1784-rendered-prose-diffs) 478 | 479 | #### 可变化地图 480 | 当你在GitHub上查看一个包含地理数据的提交或pull request时，Github 将以可视化的方式对比版本之间的差异。 481 | 482 | [![Diffable Maps](https://f.cloud.github.com/assets/282759/2090660/63f2e45a-8e97-11e3-9d8b-d4c8078b004e.gif)](https://github.com/benbalter/congressional-districts/commit/2233c76ca5bb059582d796f053775d8859198ec5) 483 | 484 | [*进一步了解可比较地图.*](https://github.com/blog/1772-diffable-more-customizable-maps) 485 | 486 | #### 在diff中折叠与扩展代码 487 | 你可以通过点击diff边栏里的 *unfold* 按钮来多显示几行上下文。你可以一直点击 *unfold* 按钮直到显示了文件的全部内容。这个功能在所有GitHub产生的diff界面都可以使用。 488 | 489 | ![Expanding Context in Diffs](https://f.cloud.github.com/assets/22635/1610539/863c1f64-5584-11e3-82bf-151b406a272f.gif) 490 | 491 | [*进一步了解扩展Diff上下文.*](https://github.com/blog/1705-expanding-context-in-diffs) 492 | 493 | #### 查看Pull Request的diff和patch 494 | 在Pull Request的URL后面加上 `.diff` 或 `.patch` 的扩展名就可以得到它的diff或patch文件，例如： 495 | 496 | ``` 497 | https://github.com/tiimgreen/github-cheat-sheet/pull/15 498 | https://github.com/tiimgreen/github-cheat-sheet/pull/15.diff 499 | https://github.com/tiimgreen/github-cheat-sheet/pull/15.patch 500 | ``` 501 | `.diff` 扩展会使用普通文本格式显示如下内容： 502 | 503 | ``` 504 | diff --git a/README.md b/README.md 505 | index 88fcf69..8614873 100644 506 | --- a/README.md 507 | +++ b/README.md 508 | @@ -28,6 +28,7 @@ All the hidden and not hidden features of Git and GitHub. This cheat sheet was i 509 | - [Merged Branches](#merged-branches) 510 | - [Quick Licensing](#quick-licensing) 511 | - [TODO Lists](#todo-lists) 512 | +- [Relative Links](#relative-links) 513 | - [.gitconfig Recommendations](#gitconfig-recommendations) 514 | - [Aliases](#aliases) 515 | - [Auto-correct](#auto-correct) 516 | @@ -381,6 +382,19 @@ When they are clicked, they will be updated in the pure Markdown: 517 | - [ ] Sleep 518 | 519 | (...) 520 | ``` 521 | #### 渲染图像发生的变动 522 | GitHub可以显示包括PNG、JPG、GIF、PSD在内的多种图片格式并提供了几种方式来比较这些格式的图片文件版本间的不同。 523 | 524 | [![Diffable PSD](https://cloud.githubusercontent.com/assets/2546/3165594/55f2798a-eb56-11e3-92e7-b79ad791a697.gif)](https://github.com/blog/1845-psd-viewing-diffing) 525 | 526 | [*查看更多关于渲染图像变动的内容*](https://help.github.com/articles/rendering-and-diffing-images) 527 | 528 | ### Hub 529 | [Hub](https://github.com/github/hub)是一个对Git进行了封装的命令行工具，可以帮助你更方便的使用Github。 530 | 531 | 这使得你可以像下面这样进行克隆： 532 | 533 | ```bash 534 | $ hub clone tiimgreen/toc 535 | ``` 536 | 537 | [*查看更多Hub提供的超酷命令.*](https://github.com/github/hub#commands) 538 | 539 | ### 贡献者指南 540 | 541 | 在你的仓库的根目录添加一个名为 `CONTRIBUTING` 的文件后，贡献者在新建Issue或Pull Request时会看到这个文件的链接。 542 | 543 | ![Contributing Guidelines](https://camo.githubusercontent.com/71995d6b0e620a9ef1ded00a04498241c69dd1bf/68747470733a2f2f6769746875622d696d616765732e73332e616d617a6f6e6177732e636f6d2f736b697463682f6973737565732d32303132303931332d3136323533392e6a7067) 544 | 545 | [*进一步了解贡献者指南.*](https://github.com/blog/1184-contributing-guidelines) 546 | 547 | ### GitHub资源 548 | | Title | Link | 549 | | ----- | ---- | 550 | | GitHub Explore | https://github.com/explore | 551 | | GitHub Blog | https://github.com/blog | 552 | | GitHub Help | https://help.github.com/ | 553 | | GitHub Training | http://training.github.com/ | 554 | | GitHub Developer | https://developer.github.com/ | 555 | 556 | #### GitHub讨论 557 | | Title | Link | 558 | | ----- | ---- | 559 | | How GitHub Uses GitHub to Build GitHub | https://www.youtube.com/watch?v=qyz3jkOBbQY | 560 | | Introduction to Git with Scott Chacon of GitHub | https://www.youtube.com/watch?v=ZDR433b0HJY | 561 | | How GitHub No Longer Works | https://www.youtube.com/watch?v=gXD1ITW7iZI | 562 | | Git and GitHub Secrets | https://www.youtube.com/watch?v=Foz9yvMkvlA | 563 | | More Git and GitHub Secrets | https://www.youtube.com/watch?v=p50xsL-iVgU | 564 | 565 | ## Git 566 | ### 前一个分支 567 | 快速检出上一个分支： 568 | 569 | ```bash 570 | $ git checkout - 571 | # Switched to branch 'master' 572 | 573 | $ git checkout - 574 | # Switched to branch 'next' 575 | 576 | $ git checkout - 577 | # Switched to branch 'master' 578 | ``` 579 | 580 | [*进一步了解 Git 分支.*](http://git-scm.com/book/en/Git-Branching-Basic-Branching-and-Merging) 581 | 582 | ### Stripspace命令 583 | 584 | Git Stripspace命令可以: 585 | 586 | - 去掉行尾空白符 587 | - 多个空行压缩成一行 588 | - 必要时在文件末尾增加一个空行 589 | 590 | 使用此命令时必须传入一个文件，像这样： 591 | 592 | ```bash 593 | $ git stripspace < README.md 594 | ``` 595 | 596 | [*进一步了解 Git `stripspace` 命令.*](http://git-scm.com/docs/git-stripspace) 597 | 598 | ### 检出Pull Requests 599 | Pull Request是一种GitHub上可以通过以下多种方式在本地被检索的特别分支： 600 | 601 | 检索某个分支并临时储存在本地的`FETCH_HEAD`中以便快速查看更改(diff)以及合并(merge)： 602 | 603 | ```bash 604 | $ git fetch origin refs/pull/[PR-Number]/head 605 | ``` 606 | 607 | 通过refspec获取所有的Pull Request为本地分支： 608 | 609 | ```bash 610 | $ git fetch origin '+refs/pull/*/head:refs/remotes/origin/pr/*' 611 | ``` 612 | 613 | 或在仓库的`.git/config`中加入下列设置来自动获取远程仓库中的Pull Request 614 | ``` 615 | [remote "origin"] 616 | fetch = +refs/heads/*:refs/remotes/origin/* 617 | url = git@github.com:tiimgreen/github-cheat-sheet.git 618 | ``` 619 | 620 | ``` 621 | [remote "origin"] 622 | fetch = +refs/heads/*:refs/remotes/origin/* 623 | url = git@github.com:tiimgreen/github-cheat-sheet.git 624 | fetch = +refs/pull/*/head:refs/remotes/origin/pr/* 625 | ``` 626 | 627 | 对基于派生库的Pull Request，可以通过先`checkout`代表此Pull Request的远端分支再由此分支建立一个本地分支： 628 | 629 | ```bash 630 | $ git checkout pr/42 pr-42 631 | ``` 632 | 633 | 操作多个仓库的时候，可以在Git中设置获取Pull Request的全局选项。 634 | 635 | ``` 636 | git config --global --add remote.origin.fetch "+refs/pull/*/head:refs/remotes/origin/pr/*" 637 | ``` 638 | 639 | 此时可以在任意仓库中使用以下命令： 640 | 641 | ``` 642 | git fetch origin 643 | ``` 644 | 645 | ``` 646 | git checkout pr/42 647 | ``` 648 | 649 | 650 | [*进一步了解如何检出pull request到本地.*](https://help.github.com/articles/checking-out-pull-requests-locally) 651 | 652 | ### 提交空改动 :trollface: 653 | 可以使用`--allow-empty`选项强制创建一个没有任何改动的提交： 654 | 655 | ```bash 656 | $ git commit -m "Big-ass commit" --allow-empty 657 | ``` 658 | 659 | 这样做在如下几种情况下是有意义的： 660 | 661 | - 标记新的工作或一个新功能的开始。 662 | - 记录对项目的跟代码无关的改动。 663 | - 跟使用你仓库的其他人交流。 664 | - 作为仓库的第一次提交，因为第一次提交后不能被rebase： `git commit -m "init repo" --allow-empty`. 665 | 666 | ### 更直观的Git Status 667 | 在命令行输入如下命令: 668 | 669 | ```bash 670 | $ git status 671 | ``` 672 | 673 | 可以看到: 674 | 675 | ![git status](http://i.imgur.com/o3PEHAA.png) 676 | 677 | 加上`-sb`选项: 678 | 679 | ```bash 680 | $ git status -sb 681 | ``` 682 | 683 | 这会得到: 684 | 685 | ![git status -sb](http://i.imgur.com/xNI1bT0.png) 686 | 687 | [*进一步了解 Git `status` 命令.*](http://git-scm.com/docs/git-status) 688 | 689 | ### 更直观的Git Log 690 | 输入如下命令: 691 | 692 | ```bash 693 | $ git log --all --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset' --abbrev-commit --date=relative 694 | ``` 695 | 696 | 可以看到: 697 | 698 | ![git log --all --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset' --abbrev-commit --date=relative](http://i.imgur.com/R2z8l7c.png) 699 | 700 | 这要归功于[Palesz](http://stackoverflow.com/users/88355/palesz)在stackoverflow的回答。 701 | 702 | *这个命令可以被用作别名，详细做法见[这里](https://github.com/tiimgreen/github-cheat-sheet#aliases)。* 703 | 704 | [*进一步了解 Git `log` 命令.*](http://git-scm.com/docs/git-log) 705 | 706 | ### Git查询 707 | Git查询运行你在之前的所有提交信息里进行搜索，找到其中和搜索条件相匹配的最近的一条。 708 | 709 | ```bash 710 | $ git show :/query 711 | ``` 712 | 713 | 这里 `query` （区别大小写）是你想要搜索的词语， 这条命令会找到包含这个词语的最后那个提交并显示变动详情。 714 | 715 | ```bash 716 | $ git show :/typo 717 | ``` 718 | ![git show :/query](http://i.imgur.com/icaGiNt.png) 719 | 720 | * 按 `q` 键退出命令。* 721 | 722 | ### 合并分支 723 | 输入命令: 724 | 725 | ```bash 726 | $ git branch --merged 727 | ``` 728 | 729 | 这会显示所有已经合并到你当前分支的分支列表。 730 | 731 | 相反地： 732 | 733 | ```bash 734 | $ git branch --no-merged 735 | ``` 736 | 737 | 会显示所有还没有合并到你当前分支的分支列表。 738 | 739 | [*进一步了解 Git `branch` 命令.*](http://git-scm.com/docs/git-branch) 740 | 741 | ### 使用网页查看本地仓库 742 | 使用Git的 `instaweb` 可以立即在 `gitweb`中浏览你的工作仓库。这个命令是个简单的脚本，配置了`gitweb`和用来浏览本地仓库的Web服务器。*（译者注：默认需要lighttpd支持）* 743 | 744 | ```bash 745 | $ git instaweb 746 | ``` 747 | 748 | 执行后打开： 749 | 750 | ![Git instaweb](http://i.imgur.com/Dxekmqc.png) 751 | 752 | [*进一步了解 Git `instaweb` 命令.*](http://git-scm.com/docs/git-instaweb) 753 | 754 | ### Git配置 755 | 所有Git配置都保存在你的`.gitconfig` 文件中。 756 | 757 | #### Git命令自定义别名 758 | 别名用来帮助你定义自己的git命令。比如你可以定义 `git a` 来运行 `git add --all`。 759 | 760 | 要添加一个别名， 一种方法是打开 `~/.gitconfig` 文件并添加如下内容： 761 | 762 | ``` 763 | [alias] 764 | co = checkout 765 | cm = commit 766 | p = push 767 | # Show verbose output about tags, branches or remotes 768 | tags = tag -l 769 | branches = branch -a 770 | remotes = remote -v 771 | ``` 772 | 773 | ...或者在命令行里键入： 774 | 775 | ```bash 776 | $ git config --global alias.new_alias git_function 777 | ``` 778 | 779 | 例如： 780 | 781 | ```bash 782 | $ git config --global alias.cm commit 783 | ``` 784 | 785 | 指向多个命令的别名可以用引号来定义： 786 | 787 | ```bash 788 | $ git config --global alias.ac 'add -A . && commit' 789 | ``` 790 | 791 | 下面列出了一些有用的别名： 792 | 793 | | 别名 Alias | 命令 Command | 如何设置 What to Type | 794 | | --- | --- | --- | 795 | | `git cm` | `git commit` | `git config --global alias.cm commit` | 796 | | `git co` | `git checkout` | `git config --global alias.co checkout` | 797 | | `git ac` | `git add . -A` `git commit` | `git config --global alias.ac '!git add -A && git commit'` | 798 | | `git st` | `git status -sb` | `git config --global alias.st 'status -sb'` | 799 | | `git tags` | `git tag -l` | `git config --global alias.tags 'tag -l'` | 800 | | `git branches` | `git branch -a` | `git config --global alias.branches 'branch -a'` | 801 | | `git remotes` | `git remote -v` | `git config --global alias.remotes 'remote -v'` | 802 | | `git lg` | `git log --color --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset' --abbrev-commit --` | `git config --global alias.lg "log --color --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset' --abbrev-commit --"` | 803 | 804 | #### 自动更正 805 | 如果键入 `git comit` 你会看到如下输出： 806 | 807 | ```bash 808 | $ git comit -m "Message" 809 | # git: 'comit' is not a git command. See 'git --help'. 810 | 811 | # Did you mean this? 812 | # commit 813 | ``` 814 | 815 | 为了在键入 `comit` 调用 `commit`命令，只需启用自动纠错功能： 816 | 817 | ```bash 818 | $ git config --global help.autocorrect 1 819 | ``` 820 | 821 | 现在你就会看到： 822 | 823 | ```bash 824 | $ git comit -m "Message" 825 | # WARNING: You called a Git command named 'comit', which does not exist. 826 | # Continuing under the assumption that you meant 'commit' 827 | # in 0.1 seconds automatically... 828 | ``` 829 | 830 | #### 带颜色输出 831 | 要在你的Git命令输出里加上颜色的话，可以用如下命令： 832 | 833 | ```bash 834 | $ git config --global color.ui 1 835 | ``` 836 | 837 | [*进一步了解 Git `config` 命令.*](http://git-scm.com/docs/git-config) 838 | 839 | ### Git资源 840 | | Title | Link | 841 | | ----- | ---- | 842 | | Official Git Site | http://git-scm.com/ | 843 | | Official Git Video Tutorials | http://git-scm.com/videos | 844 | | Code School Try Git | http://try.github.com/ | 845 | | Introductory Reference & Tutorial for Git | http://gitref.org/ | 846 | | Official Git Tutorial | http://git-scm.com/docs/gittutorial | 847 | | Everyday Git | http://git-scm.com/docs/everyday | 848 | | Git Immersion | http://gitimmersion.com/ | 849 | | Ry's Git Tutorial | http://rypress.com/tutorials/git/index.html | 850 | | Git for Designer | http://hoth.entp.com/output/git_for_designers.html | 851 | | Git for Computer Scientists | http://eagain.net/articles/git-for-computer-scientists/ | 852 | | Git Magic | http://www-cs-students.stanford.edu/~blynn/gitmagic/ | 853 | 854 | #### Git参考书籍 855 | | Title | Link | 856 | | ----- | ---- | 857 | | Pragmatic Version Control Using Git | http://www.pragprog.com/titles/tsgit/pragmatic-version-control-using-git | 858 | | Pro Git | http://git-scm.com/book | 859 | | Git Internals Peepcode | http://peepcode.com/products/git-internals-pdf | 860 | | Git in the Trenches | http://cbx33.github.com/gitt/ | 861 | | Version Control with Git | http://www.amazon.com/Version-Control-Git-collaborative-development/dp/1449316387 | 862 | | Pragmatic Guide to Git | http://www.pragprog.com/titles/pg_git/pragmatic-guide-to-git | 863 | | Git: Version Control for Everyone | http://www.packtpub.com/git-version-control-for-everyone/book | -------------------------------------------------------------------------------- /software/mac/README.md: -------------------------------------------------------------------------------- 1 | # Mac篇 2 | 终于换了Mac了。 3 | 4 | 除了按键不习惯，其他都很好！貌似把键盘的ctrl修改为command会比较好。 5 | -------------------------------------------------------------------------------- /software/mac/alias.md: -------------------------------------------------------------------------------- 1 | # alias设置 2 | alias是一个shell命令，可以理解为别名，就是可以让我们对一些命名重新命名，这样在终端中，我们就可以输入更少的字符完成同样的事情。 3 | 4 | ## 系统自带(或者是oh-my-zsh添加的) 5 | 在终端中输入`alias`，会得到: 6 | 7 | ``` 8 | ...=../.. 9 | ....=../../.. 10 | .....=../../../.. 11 | ......=../../../../.. 12 | 1='cd -' 13 | 2='cd -2' 14 | 3='cd -3' 15 | 4='cd -4' 16 | 5='cd -5' 17 | 6='cd -6' 18 | 7='cd -7' 19 | 8='cd -8' 20 | 9='cd -9' 21 | _=sudo 22 | a='fasd -a' 23 | afind='ack-grep -il' 24 | d='fasd -d' 25 | f='fasd -f' 26 | g=git 27 | ga='git add' 28 | gaa='git add --all' 29 | gap='git add --patch' 30 | gb='git branch' 31 | gba='git branch -a' 32 | gbr='git branch --remote' 33 | gc='git commit -v' 34 | 'gc!'='git commit -v --amend' 35 | gca='git commit -v -a' 36 | 'gca!'='git commit -v -a --amend' 37 | gcl='git config --list' 38 | gclean='git reset --hard && git clean -dfx' 39 | gcm='git checkout master' 40 | gcmsg='git commit -m' 41 | gco='git checkout' 42 | gcount='git shortlog -sn' 43 | gcp='git cherry-pick' 44 | gcs='git commit -S' 45 | gd='git diff' 46 | gdc='git diff --cached' 47 | gdt='git difftool' 48 | gg='git gui citool' 49 | gga='git gui citool --amend' 50 | ggpnp='git pull origin $(current_branch) && git push origin $(current_branch)' 51 | ggpull='git pull origin $(current_branch)' 52 | ggpur='git pull --rebase origin $(current_branch)' 53 | ggpush='git push origin $(current_branch)' 54 | gignore='git update-index --assume-unchanged' 55 | gignored='git ls-files -v | grep "^[[:lower:]]"' 56 | git-svn-dcommit-push='git svn dcommit && git push github master:svntrunk' 57 | gk='gitk --all --branches' 58 | gl='git pull' 59 | glg='git log --stat --max-count=10' 60 | glgg='git log --graph --max-count=10' 61 | glgga='git log --graph --decorate --all' 62 | glo='git log --oneline --decorate --color' 63 | globurl='noglob urlglobber ' 64 | glog='git log --oneline --decorate --color --graph' 65 | glp=_git_log_prettily 66 | gm='git merge' 67 | gmt='git mergetool --no-prompt' 68 | gp='git push' 69 | gpoat='git push origin --all && git push origin --tags' 70 | gr='git remote' 71 | grba='git rebase --abort' 72 | grbc='git rebase --continue' 73 | grbi='git rebase -i' 74 | grep='grep --color=auto --exclude-dir={.bzr,.cvs,.git,.hg,.svn}' 75 | grh='git reset HEAD' 76 | grhh='git reset HEAD --hard' 77 | grmv='git remote rename' 78 | grrm='git remote remove' 79 | grset='git remote set-url' 80 | grt='cd $(git rev-parse --show-toplevel || echo ".")' 81 | grup='git remote update' 82 | grv='git remote -v' 83 | gsd='git svn dcommit' 84 | gsps='git show --pretty=short --show-signature' 85 | gsr='git svn rebase' 86 | gss='git status -s' 87 | gst='git status' 88 | gsta='git stash' 89 | gstd='git stash drop' 90 | gstp='git stash pop' 91 | gsts='git stash show --text' 92 | gts='git tag -s' 93 | gunignore='git update-index --no-assume-unchanged' 94 | gunwip='git log -n 1 | grep -q -c "\-\-wip\-\-" && git reset HEAD~1' 95 | gup='git pull --rebase' 96 | gvt='git verify-tag' 97 | gwc='git whatchanged -p --abbrev-commit --pretty=medium' 98 | gwip='git add -A; git ls-files --deleted -z | xargs -r0 git rm; git commit -m "--wip--"' 99 | history='fc -l 1' 100 | l='ls -lah' 101 | la='ls -lAh' 102 | ll='ls -lh' 103 | ls='ls -G' 104 | lsa='ls -lah' 105 | md='mkdir -p' 106 | o='a -e open' 107 | please=sudo 108 | po=popd 109 | pu=pushd 110 | rd=rmdir 111 | run-help=man 112 | s='fasd -si' 113 | sd='fasd -sid' 114 | sf='fasd -sif' 115 | st='open -a "Sublime Text"' 116 | v='f -e vim' 117 | which-command=whence 118 | z='fasd_cd -d' 119 | zz='fasd_cd -d -i' 120 | ``` 121 | 122 | 这表明mac的终端其实自带了一些`alias`。当然，我们也可以手动添加。 123 | 124 | ## 手动添加 125 | 自定义的alias应该在终端的配置文件中添加，比如我使用的是zsh，就在`.zshrc`文件中添加。 126 | 127 | 常用的操作有: 128 | - `alias st='open -a "Sublime Text"'`: 打开sublimeText 129 | -------------------------------------------------------------------------------- /software/mac/develop-environment.md: -------------------------------------------------------------------------------- 1 | # 开发环境 2 | 在PC下，我一般都会安装好各种开发语言，设置好命令行工具，搭配好开发的编辑器或IDE。 3 | 4 | 5 | ## 开发语言 6 | mac系统上自带了gcc, g++, ruby, python的环境。Objective-C的开发当安装上xCode之后也配置好了。 7 | 8 | 我一般还会安装上nodejs, git ,java。 9 | 10 | 安装的方式我会选择brew，类似linux系统下的apt-get。但有些命令比如git在xCode安装的时候就已经绑定了，这时需要我们将`/usr/local/bin`添加到PATH路径的最前面，保证系统优先调用到的是brew下载的。在命名行下输入:`echo export PATH='/usr/local/bin:$PATH' >> ~/.bash_profile`。 11 | 12 | 这一步也可以执行`brew doctor`来检测。 13 | 14 | ## 终端 15 | ### Finder中打开 16 | 通常Finder会搭配上XtraFinder插件，可以在目录中直接打开终端，且可指定终端为iTerm2。 17 | 18 | ### iTerm2 19 | 在我还没有使用mac的时候，我就常常看见别人推荐iTerm 2这个强大的终端软件，用来替代原生的终端。 20 | 21 | 目前我设置过的就是新建窗口的大小，默认是80x25我觉得太小了，改为了120x30。 22 | 23 | 下一步打算修改一下配色，以及设置一下全局开启的快捷键。 24 | 25 | ### zsh 26 | shell是终端与系统交互的一种语言，默认的是bash，但是最好的是zsh。安装方式我使用:`brew install zsh`。 27 | 28 | 替换bash的方式：`chsh -s /bin/zsh`。关闭终端，再次打开即为zsh。 29 | 30 | 注意：之前我们使用bash，我们为了使用brew安装的软件，修改了`~/.bash_prorile`文件，新的zsh自己也有配置文件，是`~/.zshrc`，需要将配置拷贝到`~/.zshrc`中。 31 | 32 | 或者在安装完oh-my-zsh后，执行`echo export PATH='/usr/local/bin:$PATH' >> ~/.zshrc`。 33 | 34 | ### oh-my-zsh 35 | 由于zsh的配置是很复杂的，所以有这个一个开源项目[oh-my-zsh](https://github.com/robbyrussell/oh-my-zsh?source=c)，帮助我们简化zsh的配置。 36 | 37 | 官网有自动安装的方法，我选择的是: `curl -L http://install.ohmyz.sh | sh`。 38 | 39 | 安装完成后，重启终端就能看到界面的变化了。zsh的配置文件是`~/.zshrc`，配色对应的是`ZSH_THEME`. 40 | 41 | ### oh-my-zsh插件 42 | oh-my-zsh的强大之处还在于提供了完善的插件系统。相关的文件存储在`~/.oh-my-zsh/plugins`中，默认提供了100多种。。。 43 | 44 | 默认提供的插件是git,需要添加的话，修改`~/.zshrc`中`plugins=(git autojump)`即可。 45 | 46 | #### 自动跳转 47 | [z](https://github.com/rupa/z)和[autojump](https://github.com/joelthelion/autojump)。是两个可以实现自动跳转的插件，都是可以通过brew下载的。 48 | 49 | 我目前使用的是`autojump`，通过`brew install autojump`下载，并且在`~/.zshrc`中修改`plugins=(git autojump)`。重启终端。 50 | 51 | 使用就可以使用j来代替cd命令了，并可以添加自定义目录，具体使用说明参考autojump的文档或者`autojump --help`。 52 | 53 | ## 参考资料 54 | - [分享了下自己的终端环境，iTerm2,zsh,z,tmux。](http://www.v2ex.com/t/77918) 55 | - [终极 Shell——ZSH](http://zhuanlan.zhihu.com/mactalk/19556676) 56 | 57 | 58 | 59 | 60 | -------------------------------------------------------------------------------- /software/mac/dotfiles.md: -------------------------------------------------------------------------------- 1 | # dotfiles 2 | dotfiles就是软件的配置文件。一般用于软件设置，可以通过备份dotfiles的方式，同步软件设置。 3 | 4 | ## 同步原理 5 | 主要是应用了`ln`软连接的功能，命名格式如下: 6 | 7 | ``` 8 | ln [参数][源文件或目录][目标文件或目录] 9 | ``` 10 | 11 | 在我们备份dotfiles中常用的参数有ln -s软链接，s是代号symbolic的意思，所谓软链接，她只会在你选定的位置上生成一个镜像，而不会占用磁盘空间，而如果使用ln不带参数的话，则就是硬链接，会在选定的位置上生成一个和源文件大小相同的文件，占用磁盘空间。注意在创建软连接之前，保证目标文件是不存在的。 12 | 13 | ## 如何同步 14 | 可以使用git/dropbox管理dotfiles。~~之前使用过dropbox，受限于国内网速问题，多台设备常常会出现版本冲突。以后索性使用git管理吧，创建一个dotfiles目录，将所有的文件放置到此目录下。~~ 15 | 16 | 还是按照需要同步的频率决定使用什么方式管理dotfile吧，dropbox里面还是放置一些常用的配置文件，git还是用来管理所有配置项。 17 | 18 | ``` 19 | cd ~ 20 | mv .zshrc ~/Users/l/dotfiles/zshrc 21 | ln -s ~/Users/l/dotfiles/zshrc .zshrc 22 | ``` 23 | 24 | 这里举例的是zsh的配置文件，其他原理同此。最后把git push到服务器端既可。 25 | 26 | ## 如何恢复 27 | 首先更新下对应的dotfiles目录，然后删除掉恢复的配置文件，再次使用软连接恢复。 28 | 29 | ``` 30 | git clone xxxx 31 | rm -rf .zshrc 32 | ln -s dotfiles/zshrc .zshrc 33 | ``` 34 | 35 | 关于恢复，还可以通过脚本文件实现自动化。以后补充。 36 | 37 | ## 不同 38 | - zsh配置文件 39 | - SublimeText3配置文件 40 | - dash 41 | 42 | ## 参考资料 43 | - [dotfiles](https://github.com/mathiasbynens/dotfiles) 44 | - [dotfiles.github.io](http://dotfiles.github.io/) 45 | - [mackup](https://github.com/lra/mackup) 46 | -------------------------------------------------------------------------------- /software/mac/permissions.md: -------------------------------------------------------------------------------- 1 | # 权限问题 2 | 如果有过linux基础的人，就会明白这个权限问题。其实*nix的系统，都是一个root用户，然后自己创建其他用户使用。用户和用户之前通过权限互相独立。 3 | 4 | 对一般的用户而言，不需要太关注这个权限问题，但是对程序员来说，这一点应该是必知必会的。不然我们常常会被`npm install -g xx`出现的报错而不知所措。 5 | 6 | ## root：“超级用户” 7 | 在 Mac OS X 中，在安装系统时将会创建一个名为 root 的超级用户。 root 用户对计算机上的所有文件和文件夹都有完全的访问权限，并且还具有一般用户没有的其他管理访问权限。在计算机的正常使用中，您并不需要以 root 用户的身份登录。事实上，默认情况下， root 用户是被禁用的。 8 | 9 | ## 普通用户 10 | mac系统创建的用户，会和root在一个group中，一般叫做`staff`或者`admin`。root用户的权限高于其他用户。 11 | 12 | 13 | ## 定义的权限 14 | - 读取 (r--) 15 | - 写入 (-w-) 16 | - 执行 (--x) 17 | 18 | 当您可以做到所有三种操作时，您就拥有了“rwx”权限。文件夹的权限与此类似。具有内含文档的文件夹的只读权限，您可以打开和读取其中的文档，但不能保存对该文件夹所做的更改，也不能为该文件夹添加新的文档。只读 (r--) 权限是常用于客户访问的文件共享。 19 | 20 | ## 所有者、组、其他 21 | 像“rwx”和“r-x”这样的简写描述了一个用户或一个实体的权限。每个文件或文件夹的权限设置都定义了三个实体的访问能力：所有者、组和其他。 22 | 23 | - 所有者: 所有者通常是创建该文件的用户。在您的 root 目录下的几乎所有文件和文件夹都将您的用户名列作所有者。 24 | - 组: Admin 用户就是一些被称为“staff”和“admin”的组的成员。超级用户“root”是这些及其他一些组的成员。通常情况下，所有文件和文件夹都被分配到“staff”、“admin”或“wheel”等组中。 25 | - 其他: 其他是指某个文件或文件夹的所有者或组成员之外的其他所有用户。 26 | 27 | 因为每个实体都有其自己的权限，如一个完整的权限组可能为“-rwxrw-r--”。前面的连字符指定该项目是一个文件而不是文件夹。文件夹的权限以“d”开头，如“drwxrw-r--”。“d”代表 directory（目录），表示文件夹。 28 | 29 | ## 使用 Terminal 查看权限 30 | 在终端中输入`list -l`，你会得到类似如下的信息: 31 | 32 | ``` 33 | total 0 34 | drwx------ 6 leohxj staff 204B Jan 27 21:50 Applications 35 | drwx------+ 3 leohxj staff 102B Mar 11 14:54 Desktop 36 | drwx------+ 7 leohxj staff 238B Jan 18 22:11 Documents 37 | drwx------+ 5 leohxj staff 170B Mar 10 23:39 Downloads 38 | drwx------@ 16 leohxj staff 544B Mar 11 14:54 Dropbox 39 | drwx------@ 62 leohxj staff 2.1K Jan 17 23:22 Library 40 | drwx------+ 4 leohxj staff 136B Jan 3 21:37 Movies 41 | drwx------+ 7 leohxj staff 238B Jan 6 09:45 Music 42 | drwx------+ 8 leohxj staff 272B Feb 7 15:23 Pictures 43 | drwxr-xr-x+ 6 leohxj staff 204B Jan 6 10:28 Public 44 | ``` 45 | 46 | - `drwx------ `：这一段是对文件或者目录的用户权限描述，d代表目录，后面九个字符，每三个为一组，代表所有者，组成员和其他用户。 47 | - `leohxj`：这一栏表示所有者。 48 | - `staff`: 这一栏表示所在组。 49 | 50 | 51 | ## 参考资料 52 | - [Mac OS X 中权限问题的故障排除](https://support.apple.com/zh-cn/HT2963) 53 | 54 | -------------------------------------------------------------------------------- /software/mac/setting.md: -------------------------------------------------------------------------------- 1 | # 通用设置 2 | 想要一个系统顺手，还是要做一些适合自己的设置。 3 | 4 | ## App Store 5 | 应用商店最大的问题有两个： 6 | - 下载失败，提示"使用已购页面再试一次"。 7 | - 下载速度慢。 8 | 9 | 这两个问题常见的解决方式就是设置DNS为114.114.114.114。但是貌似这个下载应该还和apple的服务器解析有关，有时候还是会抽风。 10 | 11 | ## 快捷键 12 | - 屏幕切换，command+数字键。 13 | - 截图: shift+command+4。 14 | - aflred2: ~~`alt+s`~~, 已换成`CapsLock`. 15 | 16 | ## 显示器设置 17 | 设置显示器屏幕不出现菜单栏, 取消`System Preferences -> Mission control -> Display have separate Spaces`即可，需要重新登录。 18 | 19 | ## 触控板设置 20 | 添加按住ctrl加滚轮缩放屏幕：`System Preferences -> Accessibillity -> Zoom`。 21 | 22 | 增加触控板的灵敏度和双击拖拽功能： `System Preferences -> Accessibillity -> Mouse & Trackpad -> Trackpad Options`. 23 | 24 | ## 参考资料 25 | - [mac-setup](http://www.sourabhbajaj.com/mac-setup/): 国外人写的，介绍mac的使用。 26 | - [Mac 开发配置手册](http://aaaaaashu.gitbooks.io/mac-dev-setup/content/)： 上面的翻译版本 27 | - [Mac技巧索引](http://www.cnblogs.com/chijianqiang/archive/2013/02/23/macindex.html): 《TacTalk人生元编程》作者整理。 28 | - [Mac攻略](https://www.zybuluo.com/rulerstorm/note/29343) 29 | - [Hacker's Guide to Setting up Your Mac](http://lapwinglabs.com/blog/hacker-guide-to-setting-up-your-mac) 30 | - [Mac开发环境设置](https://github.com/sb2nov/mac-setup) 31 | - [Mac OS X Setup Guide](https://github.com/Aaaaaashu/Mac-dev-setup) 32 | -------------------------------------------------------------------------------- /software/mac/shortcuts.md: -------------------------------------------------------------------------------- 1 | # 快捷键设置 2 | Mac与PC上手最大的不同，肯定就是按键问题了。我喜欢将普通键盘上的win与alt映射为mac下的option和command键。这样键盘的布局与标准的苹果键盘相似。 3 | 4 | 通常PC下很多ctrl的组合操作，都能对于为command的组合操作。 5 | 6 | 通过一段时间的使用，我发现我切换程序多使用的是`alfred2`+`Manico`+`快捷键`方式. 7 | 8 | `option`按键主要用于切换程序，`shift+command+其他`主要用于程序的功能。 9 | 10 | ## 全局快捷键 11 | 先提一点，我喜欢把Mac键盘最上方的那一排保持F1~F12的功能，快捷功能通过fn的组合键形式实现，实现这一点请勾选：System Perference -> Keyboard -> Use all f1, f2, etc keys as standard function keys. 12 | 13 | 修改快捷键在:System Perference -> Keyboard -> Shortcuts中。 14 | 15 | 我的主要修改如下： 16 | 17 | **Lunchpad & Dock**: 18 | 19 | - Turn Dock Hiding On/Off: 取消设置。 20 | - Show Launchpad: `F4`. 21 | 22 | **Display**: 23 | 24 | 默认。 25 | 26 | 27 | **Mission Control**： 28 | 29 | - Mission Control: `Ctrl+top`. 30 | - Show Desktop: `F11`. 31 | - Move left a space: `Ctrl+left`. 32 | - Move right a space: `Ctrl+right`. 33 | - Switch to Desktop: `Command+num`. 我个人是创建了四个桌面。 34 | 35 | **Keyboard**: 36 | 37 | 默认。 38 | 39 | **Input Sources**: 40 | 41 | - Select the previous input source: `Command+Space`. 42 | - Select next source in Input menu: 取消设置。 43 | 44 | **Screen Shots**: 45 | 46 | 默认。 47 | 48 | **Services**: 49 | 50 | 默认。 51 | 52 | **Spotlight**: 53 | 54 | - Show Spotlight search field: 取消设置。 55 | - Show Spotlight window: 取消设置。 56 | 57 | **Accessibility**: 58 | 59 | 默认。 60 | 61 | **App Shortcuts**: 62 | 63 | 这里的内容，是设置全局的快捷键，也可以指定某个软件内的快捷键，但是需要设置对应的菜单项名称才OK。比如我设置Finder中的`New Terminal Here`, （此功能是通过Extra Finder插件实现的）。则添加: 64 | 65 | - Finder.app: `New Terminal Here`, 设置`ctrl+command+t`. 66 | 67 | ## Karabiner 68 | [Karabiner](https://pqrs.org/osx/karabiner/index.html.en), 原因叫做`KeyRemap4MacBook`是一款很出色的修改键盘映射的工具，我目前还没有开发出它的潜能，只是用来替换了左下角的fn与control。 69 | 70 | 此软件可以设置几个配置方案，比如我建立了`Default`和`Coding`两种方案。 71 | 72 | ## Seil 73 | 配合Karabiner,修改CapsLock按键作用。并且通过Karabiner,设置了双击shift切换CapsLock. 74 | 75 | ## SublimeText 3 76 | 单独开贴介绍了。 77 | 78 | ## Alfred 2 79 | ~~`alt+s`, 弹出窗口。~~ 80 | 81 | 配合Karabiner+Seil, 映射到CapsLock上。 82 | 83 | ## Manico 84 | 默认， `alt+num`选择程序。 85 | 86 | ## Moom 87 | **Mouse**: 88 | 89 | - 开启Snap to Edges and Corners: 实现拖拽到边缘放大的功能。 90 | - Delay设置了:0.1s。 91 | 92 | **Custom**, 添加三种自定义的方式: 93 | 94 | - Move & Zoom: 全屏，`shift+command+1`。 95 | - Resize: 大小100x600, `shift+command+2`。 96 | - Move & Zoom: 屏幕上方全屏， `shift+command+3`。 97 | 98 | ## ClipMenu 99 | 设置`shift+command+v`。弹出窗口。 100 | 101 | ## ExtraFinder 102 | **Add items to Finder menus**: 103 | 104 | - Copy Path: Default: Path. 105 | - Show Hidden Items: `shift+h`. 106 | - New Terminal Here: `iTerm`. 107 | - New File..: 勾上. 108 | 109 | ## EuDic 110 | **通用**: 111 | 112 | - 启动时最小化欧陆词典主窗口: 勾上. 113 | - LightPeek 快捷搜索: 关闭. 114 | 115 | **取词**: 116 | 117 | - 开启鼠标自动取词功能: `command键按下`时启动。 118 | - 开启划词搜索: 关闭. 119 | 120 | **快捷键**: 121 | 122 | - 显示/隐藏窗口: `shift+command+x`. 123 | - 其余: 关闭. 124 | 125 | ## 1Password 126 | 被誉为最好的密码管理工具。名不虚传。默认没有直接打开界面的功能，所以我通过`Manico`绑定了`option+x`的快捷方式。 127 | 128 | 默认提供的快捷键修改为： 129 | - Lock: ~~`shift+command+L`~~， 取消原因是和sublime有冲突。 130 | - Show Mini: `shift+command+\` 131 | - autofill: `command+\` 132 | 133 | ## SnapRuler 134 | 这是一个测量工具，也提供了截图的功能。索性我就用它来替换系统的截图工具吧。 135 | 136 | 从keyboard->shortcuts中取消系统的截图快捷键。设置SnapRuler的快捷键为`shift+command+4`。 137 | 138 | 图片保存路径为`Pictures->SnapRuler`。 139 | 140 | 141 | 142 | ## 参考资料 143 | - [OS X：键盘快捷键](http://support.apple.com/kb/HT1343?viewlocale=zh_CN) 144 | - [Karabiner](https://pqrs.org/osx/karabiner/index.html.en) -------------------------------------------------------------------------------- /software/mac/software-list.md: -------------------------------------------------------------------------------- 1 | # Mac软件 2 | 换了大Mac之后，我首先想到的还是装一些常用软件。 3 | 4 | mac的软件安装不同于window，一般直接从app store里搜索下载。或者去软件的官网下载dmg格式安装，或者app直接拖到application再安装。 5 | 6 | ## 常用软件 7 | - **Chrome**: 官网直接下载。 8 | - **搜狗输入法**: 联想能力比较出众。 9 | - [**欧陆词典**](http://www.eudic.net/eudic/mac_dictionary.aspx): 不知道为什么，~~官方和app store里的版本居然不一致~~， 官网下载的也是新版本，只要能买到注册码，一样激活。 10 | - **金山快盘**: 国内的限制，被迫放弃dropbox。 11 | - **dropbox**: 为了同步1password, 主要用于手机端内容同步。需要翻墙。 12 | - **QQ**： 对windows的版本对比，真心简洁。 13 | - **迅雷**: 我发现到了mac下都变得简洁了。 14 | - **MPlayerX**: 播放器，据说解码能力强。 15 | - **SPlayerX**: 射手播放器，MAS购入，6RMB。可在线搜索字幕。 16 | - **VOX**: MAS购入，免费，音频播放器。 17 | - **shadowsocks**: shadowsocks-ios版本默认支持自动代理模式。 18 | - **iStat Menus**：查看系统状态，磁盘，CPU，温度等状态的工具。 19 | - [**BitTorrent Sync**](http://www.appinn.com/bittorrent-sync/): p2p同步服务，可实现多设备网盘同步功能。 20 | - [**Homebrew**](http://brew.sh/): mac下用于安装命令行下工具的apt-get。 21 | - [**Homebrew cask**](http://brew.sh/): mac下用于安装应用的apt-get。 22 | - [**为知笔记**](): 个人觉得最好的云笔记。 23 | - [Mou](): 最好的markdown编辑器，但是我更习惯ST3编辑。 24 | - ~~[CleanMyMac 2](): 电脑垃圾清理软件。 用的盗版，对其他软件有误伤，初次用来除去系统多语言还是不错的，但是话又说回来，系统语言又不占多少大小,其他的缓存文件多少还是有点用的。~~ 25 | - **Keka**: MAS正版购入，方便的压缩工具。 26 | - **Spillo**: pinboard书签服务客户端，MAS购入，68RMB。 27 | - [ReadKit](http://readkitapp.com/): 一站式阅读工具, MAS购入，68RMB。 28 | - [Day One]: 书写类工具，日记软件，支持Markdown。 29 | - [Fantastical](): 日历软件。MAS购入，68RMB。 30 | 31 | ## 系统相关 32 | - [**Startupizer 2](): 管理自启动项工具，可根据日期或标签设置不同启动。MAS购入，68RMB。 33 | - [**MacUpdate Desktop 6**](http://www.macupdate.com/desktop/): app安装更新工具。我觉得可以替换brew cask了吧，起码能看什么软件有更新。下载资源包括了MAS和直接下载。 34 | - [**AppCleaner**](http://www.freemacsoft.net/appcleaner/): app卸载工具。 35 | - [DaisyDisk](): 显示磁盘状态的工具。 36 | - [OptimApps](): 系统优化工具，包含三个功能。 37 | - **F.lux**: 根据日出日落调整屏幕色温，保护视力。个人喜欢设置4000-5500。 38 | - **caffeine**: App Store下载，免费。取消自动休眠的功能。 39 | - **Yolink**: 临时存储文件或内容的工具，感觉不是很必要。 40 | - **Timing**: 付费软件，统计 Mac 使用习惯，每天做了什么。 41 | - [fliqlo](http://fliqlo.com/): 时钟屏保。 42 | - [BOOM 2](): 音效增强工具。 43 | ~~- [CheatSheet](http://www.cheatsheetapp.com/CheatSheet/): 显示快捷键操作。~~ 44 | 45 | ## 提高效率的工具 46 | - [Hider 2](): 隐藏系统文件的工具。 47 | - **xtraFinder**：Finder的插件。 48 | - [**alfred 2**](http://www.alfredapp.com/): 效率神器/快速启动。一定要购买powerpack配合使用哦！ 49 | - [**1Password**](https://agilebits.com/onepassword): 最佳密码管理工具。 50 | - [**TextExpander**](http://www.smilesoftware.com/TextExpander/screencast/index.html): 最佳输入辅助工具。 51 | - **Manico**: 付费软件，通过option快速切换应用程序。 52 | - [**Karabiner**](https://pqrs.org/osx/karabiner/index.html.en): 修改按键映射。 53 | - [**Seil**](https://pqrs.org/osx/karabiner/seil.html.en): 配合karabiner,修改CapsLock映射。 54 | - **AutoKeyboard**: MAS免费购入。 55 | - [**BetterTouchTool**](http://www.boastr.net/): 自定义手势操作，以及鼠标，按键等。最明显的帮助是让我的鼠标中间左右切换起作用了。 56 | - [ShortCat](https://shortcatapp.com/): 快速移动鼠标软件， 默认`shift+command+space`查找，按住`control`+对应字母进行快速切换。 57 | - [Moom]: 付费软件,68元,其实sizeup也是付费的。但我更看好moom的拖放，和自定义窗口大小。 58 | - **Bartender**: 官网下载，付费软件。管理右上角menu bar图标的软件。 59 | - **SynergyKM**: 可以使多台设备共用一套键鼠。 60 | - [**popClip**](http://pilotmoon.com/popclip/):付费软件，30元，文本选择辅助工具，高效。 61 | - [**ClipMenu**](http://www.clipmenu.com/): 付费软件，6元，剪切板历史管理工具。不如windows下的ditto好用。 62 | - **XMind**: 思维导图软件，先用这个免费版本，熟悉熟悉。 63 | - ~~[**jitouch2**](http://www.jitouch.com/): 触控板辅助工具。~~删除的原因是全屏的手势比较容易误操作，且不一定所有程序都支持。 64 | - ~~[**sizeup**](https://www.irradiatedsoftware.com/sizeup/): 窗口管理工具，类似的还有moom, divvy。这软件开发的公司其他作品也都很高效。~~ 65 | 66 | ## 设计相关 67 | - **Skitch**： Evernote出品，截屏、标注工具。 68 | - [LilyView](): 图片查看工具。 69 | - [1000 Open Type Fonts](https://itunes.apple.com/us/app/1000-opentype-fonts-commercial/id664501556): 字体相关软件。 70 | - [SnapRuler]: MAS购入，68RMB，标尺以及截图工具。 71 | 72 | ## 开发工具 73 | - **xCode**: mac下开发必备吧。 74 | - **iTerm2**: 据说是最好的终端。 75 | - **SublimeText3**: 最好的文本编辑器。 76 | - **Dash**: 超全文档查看工具。 77 | - **SourceTree**: git GUI工具。 78 | - **cotnerstone**: SVN客户端。 79 | - **Abode系列**: 其实也就是用用Photoshop。 80 | - **MAMP**： 本地服务器。 81 | - **CodeRunner 2**: 代码直接编辑预览工具。 82 | - [FoobarPlus](http://www.foobaz.io/plus/): 运行代码的工具。 83 | - [Genymotion](https://www.genymotion.com/): 安卓模拟器。 84 | - **Textual 5**: MAS购入，免费时获取。IRC聊天工具。 85 | - **OhMyStar**: MAS购入，68RMB，分类github star项目。 86 | - [Robomongo](http://robomongo.org/): MongoDB GUI工具。 87 | - [WebStorm](https://www.jetbrains.com/webstorm/): web开发IDE. 88 | 89 | ## brew安装的 90 | - git 91 | - fasd 92 | - htop 93 | - zsh 94 | - brew-cask 95 | - joe/gitignore 96 | - nvm 97 | - ruby 98 | - htop-osx 99 | - tree 100 | 101 | ## 想要购买的 102 | - [iThoughtX](): 脑图工具, 103 | - [iStat Menus](): 查看系统状态。 104 | - [mac-app-blocker](): 给软件加密。 105 | - [Multimon](): 多屏工作最佳伴侣. 106 | - [Snagit](): 截屏录屏编辑一条龙. 107 | - [commandQ](http://clickontyler.com/commandq/): 防止误按`command+Q`， 售价9.99$. 108 | 109 | ## 参考资料 110 | - [Best-App](https://github.com/hzlzh/Best-App) 111 | - [Mac 软件](http://soft.macx.cn/) -------------------------------------------------------------------------------- /software/mac/softwares/1Password.md: -------------------------------------------------------------------------------- 1 | # 1Password 2 | 3 | ## 参考资料 4 | - [是时候在 iPhone 上忘掉密码了：1Password 5.0 for iOS 上手完全指南](http://sspai.com/26877) -------------------------------------------------------------------------------- /software/mac/softwares/TextExpander.md: -------------------------------------------------------------------------------- 1 | # TextExpander 2 | [Textexpander](http://www.smilesoftware.com/TextExpander/screencast/index.html),是一款绝佳的输入辅助工具，完成最简单的扩展功能，强大的自定义，利用好之后，效率绝对提升百倍。 3 | 4 | ## 下载 5 | 首先这是一款收费的软件，而且价格不便宜。单用户授权的价格是34.9美元，大约220人民币。我每验证是否单授权可以用于多台机器，理论上不太多应该都可以。 6 | 7 | ## 设置 8 | 安装完成之后，首先是一段设置向导，里面有简单的介绍。默认用法就是直接输入就帮助你扩展了。我在测试的使用，如果使用搜狗输入法的英文状态是不可行的，这算是一个Bug吧。 9 | 10 | ### Group 11 | 软件左侧的目录可以设置Group，方便管理类别，TextExpander官方提供了一些Group方便下载使用，在添加中就可查看。注意别添加重复了。 12 | 13 | 额外推荐一个Markdown的扩展，[TextExpander-Snippets](https://github.com/JoshuaJones/TextExpander-Snippets)。 14 | 15 | ## 备份 16 | 它默认会自动备份到本地，也可以选择Dropbox同步，但是它会直接在Dropbox根目录下创建一个TextExpander目录。(强迫症比较反感，应该放在App目录下才对嘛！) 17 | 18 | ## 参考资料 19 | - [TextExpander：深度解读 – 到底值不值得买？](http://www.waerfa.com/text-expander-deep-review-whether-to-worth-for-buying) 20 | - [利用 TextExpander 提高在 Mac 上撰写 Markdown 的效率](http://sspai.com/27479) 21 | - [TextExpander 使用技巧第一弹](http://www.waerfa.com/text-expander-tips-chapter-one) -------------------------------------------------------------------------------- /software/mac/softwares/bettertouchtool.md: -------------------------------------------------------------------------------- 1 | # BetterTouchTool 2 | [BetterTouchTool](http://www.boastr.de/)（简称 BTT）,是一款完全免费的 Mac 辅助应用，可以用来代替默认的系统操作方式（组合键、修饰键、手势等），其目的是方便用户创造出更适合自身习惯的操作行为，是 Mac 上非常强大的触摸板辅助工具。 3 | 4 | 5 | 6 | ## 参考资料 7 | - [Mac 触摸板增强神器:BetterTouchTool 上手指南](http://sspai.com/27094) 8 | - [Mac 触摸板增强神器：BetterTouchTool 进阶指南](http://sspai.com/27105) -------------------------------------------------------------------------------- /software/mac/softwares/brew.md: -------------------------------------------------------------------------------- 1 | # brew 2 | 3 | ## homebrew 4 | [homebrew](https://github.com/Homebrew/homebrew)，是mac下类似apt-get的软件管理工具。 5 | 6 | 通常情况下brew安装的软件都会在`brewprefix`返回的目录中，不会在额外创建文件。 7 | 8 | ### 安装 9 | 没啥说的，直接安装官方提供的方式，终端下运行：`ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"` 10 | 11 | ### 使用 12 | 安装完brew之后，执行`brew update`和`brew doctor`，然后按照提示稍微设置下，需要我们将`/usr/local/bin`添加到PATH路径的最前面，保证系统优先调用到的是brew下载的。在命名行下输入:`echo export PATH='/usr/local/bin:$PATH' >> ~/.bash_profile`。 13 | 14 | 一般来说，我会用brew安装git, nvm, zsh。V2EX有人统计了下常用的安装软件: 15 | 16 | ``` 17 | wget=26 18 | pkg-config=17 19 | automake=17 20 | autoconf=17 21 | readline=15 22 | git=14 23 | gettext=14 24 | libtool=14 25 | xz=14 26 | pcre=13 27 | imagemagick=12 28 | zsh=12 29 | jpeg=12 30 | gdbm=12 31 | openssl=11 32 | mongodb=11 33 | cmake=11 34 | coreutils=11 35 | libevent=11 36 | tree=11 37 | freetype=11 38 | sqlite=11 39 | libpng=10 40 | macvim=10 41 | mtr=10 42 | libyaml=10 43 | mysql=9 44 | node=9 45 | mercurial=9 46 | tig=9 47 | nginx=9 48 | gnutls=8 49 | redis=8 50 | libgpg-error=8 51 | ack=8 52 | gmp=8 53 | tmux=8 54 | libtiff=8 55 | glib=7 56 | go=7 57 | libksba=7 58 | nettle=7 59 | p11-kit=7 60 | unrar=7 61 | phantomjs=7 62 | python=7 63 | libffi=7 64 | gawk=7 65 | libtasn1=7 66 | lua=7 67 | apple-gcc42=7 68 | libxslt=7 69 | dos2unix=6 70 | fontconfig=6 71 | python3=6 72 | htop-osx=6 73 | pixman=6 74 | ctags=6 75 | gd=5 76 | intltool=5 77 | git-extras=5 78 | swig=5 79 | curl=5 80 | neon=5 81 | jasper=5 82 | curl-ca-bundle=5 83 | icu4c=5 84 | p7zip=5 85 | postgresql=5 86 | zlib=5 87 | libxml2=5 88 | ``` 89 | 90 | ### 删除 91 | 这个说一下吧，因为公司的电脑是别人之前使用的，暂时有些资料需要保存，我无法删除，我新建了个用户继续使用。 92 | 93 | 之前的brew可能是其他用户安装的，导致我的新用户能使用brew命令，但是无法安装，更新（应该是权限读取的问题）。所以我想卸载brew重新安装。官方提供的一个脚本好像是几年前的，[uninstall_homebrew.sh](https://gist.github.com/mxcl/1173223)。而我找到一个说明，感觉比较简单明了： 94 | 95 | 96 | **Uninstall** 97 | 98 | WARNING: Before copying and pasting these commands on your shell, make sure the first one (`brew –prefix`) returns the path where homebrew was installed properly. If not, you might ending up removing stuff from your computer you did not intend to remove. 99 | 100 | ``` 101 | cd `brew --prefix` 102 | rm -rf Cellar 103 | brew prune 104 | rm -rf Library .git .gitignore bin/brew README.md share/man/man1/brew 105 | rm -rf ~/Library/Caches/Homebrew 106 | http://superuser.com/questions/203707/how-to-uninstall-homebrew-osx-packet-> manager 107 | ``` 108 | 109 | **Reinstall** 110 | 111 | ``` 112 | ruby -e "$(curl -fsSL https://raw.github.com/mxcl/homebrew/go)" 113 | https://github.com/mxcl/homebrew/wiki/Installation 114 | ``` 115 | 116 | 也许第一次删除安装还是会出问题，那就结合官方提供的shell里的路径，全部删除，再次重启。 117 | 118 | #### 特别说明 119 | 我这里删除再安装之后，可以通过`brew install`安装软件，比如git。但是执行`brew doctor`时，会报告`link`的错误: `You have unlinked kegs in your Cellar`，执行`brew link git`之后，会提示`could not symlink opt is not writable`。 120 | 121 | 此问题是`/usr/local`目录缺少权限，执行`sudo chmod -R g+w /usr/local`，再次`brew link git`即可。 122 | 123 | ## homebrew-cask 124 | [cask](http://caskroom.io/), 它是brew的一个扩展，提供命令行下安装软件的功能。它所安装的所有软件都在`/opt/homebrew-cask/Caskroom`目录下，自动完成了软连接到`Application`。 125 | 126 | 127 | ### 安装 128 | `brew install caskroom/cask/brew-cask`，一键安装。 129 | 130 | 如果已经安装的用户，可以升级到最近版本： 131 | 132 | ``` 133 | brew update && brew upgrade brew-cask && brew cleanup && brew cask cleanup 134 | ``` 135 | 136 | 还有要说明的一点：默认通过brew cask安装的软件，是软连接到`~/Applications`目录下，这是可以通过设置修改的，具体的使用可以通过`man brew-cask`查看。 137 | 138 | 我是直接`echo export PATH='/usr/local/bin:$PATH' >> ~/.zshrc`，写入到配置文件中。 139 | 140 | ### 运行 141 | 第一次安装过后，执行`brew cask --help`查看下说明（其实只要是第一次运行），需要你提供root权限，方便cask软连接到Application中。 142 | 143 | 安装其他软件的话，可以先使用`brew cask search `查看是否有匹配的。再使用`brew cask install `进行安装。成功之后，就可以直接在Application中找到刚刚安装的软件。 144 | 145 | ## 关联Alfred2 146 | 安装完应用之后，如果你是Alfred2用户，还需要设置一下link，使得Alfred可以搜索通过brew cask安装的应用，操作方法是: 147 | 148 | ``` 149 | # 查看状态 150 | brew cask alfred status 151 | # 设置连接 152 | brew cask alfred link 153 | ``` 154 | 155 | ## 使用brew cask安装的软件 156 | - Dropbox 157 | - QQ 158 | - TextExpander 159 | 160 | ## LaunchRocket 161 | LaunchRocket是一个管理brew安装的service的工具，安装之后可以看所有的service的运行状态。 162 | 163 | ## 参考资料 164 | - [homebrew-FAQ](https://github.com/Homebrew/homebrew/wiki/FAQ) 165 | - [使用brew cask来安装Mac应用](http://blog.devtang.com/blog/2014/02/26/the-introduction-of-homebrew-and-brewcask/) 166 | - [LaunchRocket](https://github.com/jimbojsb/launchrocket) -------------------------------------------------------------------------------- /software/mac/softwares/euDic.md: -------------------------------------------------------------------------------- 1 | # 欧陆词典 2 | 欧陆被成为最好的Mac词典，比较老牌了，Mac下做的很好，反倒在window下感觉不适。 3 | 4 | ## 软件安装 5 | 免费版的话，可以在app store中下载。付费版本app store中也有，但是售价也高。可以参与一些团购活动，我就是通过这种方式购买的。一个激活码，可以激活三台设备。 6 | 7 | ## 软件设置 8 | 通用设置中，选择开机自动启动，关闭新闻相关提示。LightPeek好像就是一个常驻menubar的搜索框，我也关闭了。 9 | 10 | ### 快捷键 11 | 取词的话，我设置了command按下取词。划词功能也被我关闭了，因为我配合popClip实现划词翻译的功能。 12 | 13 | 所有的快捷键中，我只设置了ctrl+commander+x开启窗口的功能，方便详细的查询。 14 | 15 | 16 | ### 词典设置 17 | 关于词典的选择，参考[市面上最常见的牛津高阶英汉双解词典，朗文当代高级英语辞典和柯林斯COBUILD高阶英汉双解学习词典有何特色？](http://www.zhihu.com/question/24801656/answer/29048505) -------------------------------------------------------------------------------- /software/mac/softwares/iTerm2.md: -------------------------------------------------------------------------------- 1 | # iTerm2 2 | 早就听说这个终端工具了，可以完全替代terminal。 3 | 4 | ## 设置 5 | 6 | 7 | ## 配色 8 | [Solarized](http://ethanschoonover.com/solarized), 是目前最完整的 Terminal/Editor/IDE 配色项目，几乎覆盖所有主流操作系统（Mac OS X, Linux, Windows）、编辑器和 IDE（Vim, Emacs, Xcode, TextMate, NetBeans, Visual Studio 等），终端（iTerm2, Terminal.app, Putty 等）。类似的项目还有 [Tomorrow Theme](https://github.com/chriskempson/tomorrow-theme)。 9 | 10 | 拿tomorrow-theme举例，下载Tomorrow-Night-Eighties.itermcolors文件，双击自动导入到iTerm2中，在Perferences->Profiles->Colors->Load Presets中可以看到对应的配色。修改即可。 11 | 12 | ## 中文乱码问题 13 | 确保Preferences->Profiles->Terminal->Terminal Emulation中的字符编码为UTF-8。 14 | 15 | 中文乱码的问题需要设置一下locale， 在对于的shell配置文件中，比如bash对应的就是`~/.bashrc`， zsh对应的就是`~/.zshrc`, 这里以zsh为例，打开.zshrc文件，修改其中`# You may need to manually set your language environment 16 | export LANG=en_US.UTF-8`： 17 | 18 | ``` 19 | # You may need to manually set your language environment 20 | export LANG=en_US.UTF-8 21 | ``` 22 | 23 | 24 | 接着重启一下终端，或者输入: `source ~/.zshrc`。 25 | 26 | ## 一些快捷操作 27 | - `command+方向键`: 切换tab。 28 | - `command+enter`: 全屏模式。 29 | - `command+f`: 搜索，支持正则表达式。 30 | - `command+d`: 垂直分屏。 31 | - `command+shift+d`: 水平分屏。 32 | - `command+[ 或 command +]`: 在最近使用的分屏直接切换。 33 | - `command+t`: 打开新标签。 34 | - `command+w`: 关闭新标签。 35 | - `command+;`: 自动补全历史命令。 36 | - `command+r`: 清除屏幕，相当与clear. 37 | - `command+p/n`: 上一条/下一条命令，相当于方向键上和下。 38 | - `ctrl+r`: 搜索命令历史。 39 | 40 | ### 编辑操作 41 | 基本的Emacs移动光标方式。还有一些很好的操作方式，我觉得都可以借鉴配置到SublimeText中。 42 | 43 | - `ctrl+d`: 删除当前字符。 44 | - `ctrl+h`: 删除之前的字符。 45 | - `ctrl+u`: 删除整行。 46 | - `ctrl+k`: 删除当前到文本末尾的字符。 47 | - `ctrl+w`: 删除光标前的单词。 48 | - `ctrl+t`: 交换当前光标和前一个位置，互换。 49 | 50 | ## 参考资料 51 | - [官方文档](http://iterm2.com/documentation.html) 52 | - [我在用的mac软件(1)--终端环境之iTerm2](http://foocoder.com/blog/wo-zai-yong-de-macruan-jian.html/) -------------------------------------------------------------------------------- /software/mac/softwares/manico.md: -------------------------------------------------------------------------------- 1 | # manico 2 | manico是国人开发的一款快速启动辅助工具，特点是按住`option+`，other可为任意按键，启动应用。默认是数字结合qwert一次排序。 3 | 4 | ## 设置 5 | 首先我的Mac下安装了`Alfred2`，一般的app可以快速启动。购买manico主要的用处是指定几个专属的启动快捷键。这一点让我回想起了黑莓手机，它的全键盘能够快速启动任何应用。 6 | 7 | ### 设置原则 8 | 我按照左手操作，尽量不借助右手的原则，分配了数字键:`1 2 3 4`,字母:`q w e r a d`。没有包含`s`是因为个人将`option+s`分配给了`alfred2`。注意这些按键，正好是键盘的三排。每一排我按照功能进行不同分配： 9 | - 第一排: finder, chrome, evernote 10 | - 第二排: Dash, SublimeText, iTerm2 11 | - 第三排: Spillo, Alfred2, Doit.im 12 | 13 | 除了这三排按键的设置，我还按照了应用的功能分配了一些其他按键，比如`option+m`，我启动的一个Music相关的应用，比如iTunes。 14 | 15 | 这样设置的话，可以通过左手去快速切换我常用的任何应用。读者不需要按照这样去设置，这里举例的都是个人喜好，原则是希望告诉大家去设置一下常用的应用，节约切换app的时间（不要小看这个时间)。 16 | 17 | 18 | -------------------------------------------------------------------------------- /software/mac/softwares/popClip.md: -------------------------------------------------------------------------------- 1 | # popClip 2 | popClip是一个划词扩展插件，可以方便的实现划词复制，粘贴等功能。比较有特点的是它支持扩展，可以结合很多应用，比如欧陆词典。 3 | 4 | ## 插件 5 | ### Eudic 6 | 欧陆词典的插件，可以通过欧陆查词。 7 | 8 | ### Wikipedia 9 | 查询维基百科，可选查询语言。 10 | 11 | ### Dash 12 | 可以调用dash查询。 13 | 14 | ### PDF Highlight 15 | 可以在Preview和Skim中标注高亮。 16 | 17 | 18 | 19 | ## 参考资料 20 | - [扩展下载](http://pilotmoon.com/popclip/extensions/) -------------------------------------------------------------------------------- /software/mac/softwares/window-management.md: -------------------------------------------------------------------------------- 1 | # 窗口管理器 2 | 目前个人选择的是Moom, 原因是用的人多，好评多。但是经常在论坛中看到有人对窗口管理器进行讨论，也记录一下最近看到的。 3 | 4 | ## 软件列表 5 | - [spectacle](http://spectacleapp.com/): Spectacle 的 resize 和 move 功能基本齐全，还支持使用快捷键放大和缩小窗口，本身也免费、开源。可是唯独缺了移动窗口到其他 workspace 的功能。 6 | - [Moom]() 7 | - [Divvy]() 8 | - [sizeup](http://www.irradiatedsoftware.com/sizeup/)：想要的 move 功能还有 resize 都包含在内（就差 Spectacle 的放大缩小窗口了），键盘党的福音。 9 | - [BetterSnapTool](): BetterSnapTool 也是挺有自己特色的，尤其是给窗口边框专门定制了一些功能。价格 1.99 美元，也算是几个收费应用里最便宜的。 10 | - [slate](https://github.com/jigish/slate):，号称可以替换 Divvy，SizeUp，ShiftIt（这货头次听说）。和 Spectacle 一样是开源的。可定制性强，但配置麻烦，配置文件很长。 11 | - [Mjolnir](http://mjolnir.io/): Mjolnir 比 Slate 更像 AwesomeWM 的缩微移植版，连配置文件都是用 lua 写的。 12 | - [Layouts](http://projects.jga.me/layouts/): Layouts 是纯粹用 Alfred Workflow 实现的窗口管理器，如果你是个 Alfred 小狂人，不妨试上一试。 13 | 14 | 15 | ## 使用感受 16 | 之前一直在用 Spectacle，Spectacle 的 resize 和 move 功能基本齐全，还支持使用快捷键放大和缩小窗口，本身也免费、开源。可是唯独缺了移动窗口到其他 workspace 的功能。 17 | 18 | 因为工作需要开很多窗口，快速移动窗口是必须的功能，所以只能放弃 Spectacle 啦。于是考察了 Moom，Divvy，BetterSnapTool 等等。 19 | 20 | Moom，看起来是不错，不过我是键盘党，所以好大一块卖点我用不到，而且也不支持 workspace 间的移动。放弃。 21 | 22 | Divvy，和 Moom 一样的问题。放弃。 23 | 24 | BetterSnapTool，没找到试用版。用过朋友的分享一下使用感受吧。 25 | 26 | 我最后买了……SizeUp，想要的 move 功能还有 resize 都包含在内（就差 Spectacle 的放大缩小窗口了），键盘党的福音。虽然原价比其他贵一点，不过随便搜搜就能找到 30% off 的 coupon，算下来还是挺便宜的。 27 | 28 | -------------------------------------------------------------------------------- /software/mac/softwares/zsh.md: -------------------------------------------------------------------------------- 1 | # zsh 2 | zsh是shell语言类型，兼容bash，提供强大的命令行功能，比如tab补全，自动纠错功能等。缺点就是配置太麻烦，好在有一个叫做`oh-my-zsh`的开源项目，很好的弥补了这一缺陷，只需要修修改改配置文件，就能很顺手。 3 | 4 | 5 | ## 安装zsh 6 | 安装方式我使用:`brew install zsh`。 7 | 8 | 替换bash的方式：`chsh -s /bin/zsh`。关闭终端，再次打开即为zsh。 9 | 10 | 注意：之前我们使用bash，我们为了使用brew安装的软件，修改了`~/.bash_prorile`文件，新的zsh自己也有配置文件，是`~/.zshrc`，需要将配置拷贝到`~/.zshrc`中。 11 | 12 | 或者在安装完oh-my-zsh后，执行`echo export PATH='/usr/local/bin:$PATH' >> ~/.zshrc`。 13 | 14 | 15 | ### oh-my-zsh 16 | 由于zsh的配置是很复杂的，所以有这个一个开源项目[oh-my-zsh](https://github.com/robbyrussell/oh-my-zsh?source=c)，帮助我们简化zsh的配置。 17 | 18 | 官网有自动安装的方法，我选择的是: `curl -L http://install.ohmyz.sh | sh`。 19 | 20 | 安装完成后，重启终端就能看到界面的变化了。zsh的配置文件是`~/.zshrc`，配色对应的是`ZSH_THEME`. 21 | 22 | ### zshrc 23 | zshrc是zsh的配置文件，我会在此添加一些alias设置。比如: 24 | ``` 25 | alias st='open -a "Sublime Text"' 26 | ``` 27 | 28 | ### oh-my-zsh插件 29 | oh-my-zsh的强大之处还在于提供了完善的插件系统。相关的文件存储在`~/.oh-my-zsh/plugins`中，默认提供了100多种。。。 30 | 31 | 默认提供的插件是git,需要添加的话，修改`~/.zshrc`中`plugins=(git autojump)`即可。 32 | 33 | #### 自动跳转 34 | [z](https://github.com/rupa/z)和[autojump](https://github.com/joelthelion/autojump)。是两个可以实现自动跳转的插件，都是可以通过brew下载的。 35 | 36 | 我目前使用的是`autojump`，通过`brew install autojump`下载，并且在`~/.zshrc`中修改`plugins=(git autojump)`。重启终端。 37 | 38 | 使用就可以使用j来代替cd命令了，并可以添加自定义目录，具体使用说明参考autojump的文档或者`autojump --help`。 39 | 40 | #### fasd 41 | [fasd](https://github.com/clvv/fasd), 功能上和z, autojump差不多，功能和速度上更优。它会按照访问的频率记录下文件，帮助用户快速访问。 42 | 43 | 安装还是通过brew: `brew install fasd`，安装之后，我安装官网的步骤，执行了:`eval "$(fasd --init auto)"`, 且在zshrc中开启对应的配置：`plugins=(git fasd)`, 重启终端即可使用。 44 | 45 | asd comes with some useful aliases by default: 46 | 47 | ``` 48 | alias a='fasd -a' # any 49 | alias s='fasd -si' # show / search / select 50 | alias d='fasd -d' # directory 51 | alias f='fasd -f' # file 52 | alias sd='fasd -sid' # interactive directory selection 53 | alias sf='fasd -sif' # interactive file selection 54 | alias z='fasd_cd -d' # cd, same functionality as j in autojump 55 | alias zz='fasd_cd -d -i' # cd with interactive selection 56 | ``` 57 | 58 | Example: 59 | 60 | ``` 61 | f foo # list frecent files matching foo 62 | a foo bar # list frecent files and directories matching foo and bar 63 | f js$ # list frecent files that ends in js 64 | f -e vim foo # run vim on the most frecent file matching foo 65 | mplayer `f bar` # run mplayer on the most frecent file matching bar 66 | z foo # cd into the most frecent directory matching foo 67 | open `sf pdf` # interactively select a file matching pdf and launch `open` 68 | ``` 69 | 70 | 71 | ## 参考资料 72 | - [分享了下自己的终端环境，iTerm2,zsh,z,tmux。](http://www.v2ex.com/t/77918) 73 | - [终极 Shell——ZSH](http://zhuanlan.zhihu.com/mactalk/19556676) -------------------------------------------------------------------------------- /software/mac/usefully-command.md: -------------------------------------------------------------------------------- 1 | # 常用终端命令 2 | 介绍一些终端下常用的命令。首先说明一下，本人的环境为：iTerm2+zsh。 3 | 4 | ## 常用的 5 | 先插一句，说一个好玩的，可以查看最近经常使用的命令，在终端执行: 6 | ``` 7 | history | awk '{CMD[$2]++;count++;} END { for (a in CMD )print CMD[ a ]" " CMD[ a ]/count*100 "% " a }' | grep -v "./" | column -c3 -s " " -t |sort -nr | nl | head -n10 8 | ``` 9 | 10 | - clear: 清除屏幕。 11 | - pwd: 查看当前路径。 12 | - cd: 进入目录，常常配合一些字符使用。比如： 13 | - `..`: 返回上级目录。 14 | - `~`: 返回用户主目录。 15 | - `-`: 返回上次操作目录。 16 | - `/`: 返回系统根目录。 17 | - ls: 列出目录信息。 18 | - mkdir: 创建目录。 19 | - touch: 创建文件。 20 | - cp: 拷贝文件。 21 | - mv: 移动文件，或者重命名文件。 22 | - rm：删除文件。 23 | - cat: 查看文件内容。 24 | - grep: 查找文本信息。 25 | - man: 手册命名，查看各个命名的帮助。 26 | 27 | 28 | ## 系统操作 29 | - open: 可以打开文件，目录和程序。通过man open查看具体内容，我常用来在终端下打开Finder， 比如`open .`。Windows下对应的使用`explorer`命令。或者打开Applications下的程序，使用`open "/Applications/Sublime Text.app" test.md`。 30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /software/sketch/Awesome-Sketch.md: -------------------------------------------------------------------------------- 1 | 本项目派生自 [github.com/diessica/awesome-sketch](https://github.com/diessica/awesome-sketch) 并进行中文化，同时适当增加了一些内容。欢迎派生并提交合并请求来完善此文档。谢谢！ 2 | 3 | # awesome Sketch 4 | > 你是否知道 [**Sketch 3**](http://bohemiancoding.com/sketch/) 正在成为最好的 UI/UX 设计工具? 好吧... 那你知道多少? 5 | 6 | 这是一份为想学 Sketch 的设计师、前端工程师们准备的不完全列表，包含了 Sketch 视频、文章、手册等。 7 | 8 | - 视频 9 | - **[Sketch 3 教程](https://www.youtube.com/playlist?list=PLLnpHn493BHE6UIsdKYlS5zu-ZYvx22CS)** (19 *惊赞* 课程) 10 | - [LearnSketch 频道](https://www.youtube.com/user/learnsketch/videos) 11 | - [一步一步学 Sketch 3 for iOS 程序设计](https://www.youtube.com/watch?v=6SyFaRNVuUA) 12 | 13 | - 手册 14 | - [Sketch 快捷键英文版](http://sketchshortcuts.com/) / [中文版](http://ss.tto.me/) 15 | - [官方文档](http://www.bohemiancoding.com/sketch/support/documentation/) / [中文版](http://sketchcn.com/sketch-chinese-user-manual.html) 16 | 17 | - 文章 18 | - [Fireworks vs. Sketch](http://unitid.nl/english/spot-the-difference-fireworks-and-sketch-3) 19 | - [Supercharge your Workflow in Sketch](https://medium.com/@bazdeas/supercharge-your-workflow-in-sketch-ebc9e5274845) 20 | - [Sketch for Beginners: Design a Login Form Interface](http://webdesign.tutsplus.com/tutorials/sketch-for-beginners-design-a-login-form-interface--cms-21534) 21 | - [The A to Z of Sketch](http://webdesign.tutsplus.com/articles/the-a-to-z-of-sketch--cms-22030) 22 | - [7 Tips for Sketch Users](https://medium.com/design-idea/7-tips-for-sketch-users-e09c27c7ce08) 23 | - [9 Sketch Features You Should be Using](http://webdesign.tutsplus.com/tutorials/9-sketch-features-you-should-be-using--webdesign-18016) 24 | - [Mastering the Bézier Curve in Sketch](https://medium.com/sketch-app/mastering-the-bezier-curve-in-sketch-4da8fdf0dbbb) 25 | - [10 Tips & Tricks for Sketch](http://saloon.io/10-tips-tricks-for-sketch/) 26 | - [Typography in Sketch 3: Linked Text Styles](https://medium.com/@ericajaclyn/typography-in-sketch-3-linked-text-styles-9946a32af688) 27 | - [11 tips for prototyping with Sketch](http://blog.invisionapp.com/11-tips-for-prototyping-with-sketch/) 28 | 29 | - 社区 30 | - [TeamSketch](http://teamsketch.io/), 基于 Slack 的 Sketch 交流社区 31 | - [Sketch 中文用户讨论组](http://sketchcn.tto.me/), 基于 Slack 的交流社区 32 | - [Google+ 群组](https://plus.google.com/communities/105292892811319179094) 33 | - [Facebook 群组](https://www.facebook.com/groups/sketchformac/) 34 | - [位于 Reddit](http://www.reddit.com/r/sketchapp) 35 | - [SketchTalk](http://sketchtalk.io/), 非官方论坛 36 | - [Sketch 中文网](http://sketchcn.com/index.html) 37 | 38 | - 其它 39 | - (邮件列表) [Sketch 官方邮件列表](https://bohemian.curated.co/) 40 | - (邮件列表) [Sketch tricks](http://sketchtricks.com/) 41 | - (Screencast) [SketchCasts](http://www.sketchcasts.net/) 42 | - (资源) [SketchApp Resources](http://www.sketchappsources.com/) 43 | - (资源) [SketchLand](http://sketch.land) 44 | - (资源) [SketchResources](http://sketchresources.com/) 45 | - [SketchTips](http://www.sketchtips.info/), 一个关于 Sketch 的博客 46 | - [Medium 上的 sketch-tricks](https://medium.com/sketch-tricks) 47 | 48 | - 插件 49 | > 插件管理器 [Sketch Toolbox](http://sketchtoolbox.com/) 强烈推荐. 50 | 51 | - 必不可少的插件 52 | - [Content Generator：内容自动生成工具](https://github.com/timuric/Content-generator-sketch-plugin) 53 | - [RenameIt：改名工具](https://github.com/rodi01/RenameIt) 54 | - [Sketch Measure：测量工具](https://github.com/utom/sketch-measure) 55 | - [Style Inventory: 样式清单](https://github.com/getflourish/Sketch-Style-Inventory/) 56 | - [Dynamic Button：可调整按钮](https://github.com/ddwht/sketch-dynamic-button) 57 | - [Page Switch：页面切换](https://github.com/mauehara/sketch-page-switch) 58 | - 哪里可以得到更多 59 | - [SketchApp Resources: Plugins for Sketch](http://www.sketchappsources.com/plugins-for-sketch.html) 60 | - [Sketch Plugin Directory](https://github.com/sketchplugins/plugin-directory) 61 | - [SketchPlugins mailing list](http://sketchplugins.com/) 62 | - [Awesome Sketch Plugins](http://awesome-sket.ch/) 63 | -------------------------------------------------------------------------------- /software/sketch/README.md: -------------------------------------------------------------------------------- 1 | # Sketch 2 | -------------------------------------------------------------------------------- /software/trello/README.md: -------------------------------------------------------------------------------- 1 | # Trello 2 | Trello由Joel Spolsky创建的Fog Creek公司开发，是一种在线的看板式管理应用程序，从创建以来一直不断改进，已经有多家公司开始使用它来管理敏捷项目。 -------------------------------------------------------------------------------- /software/trello/use-trello-manage-project.md: -------------------------------------------------------------------------------- 1 | # 使用Trello管理项目的经验 2 | 3 | ## 参考资料 4 | - [使用Trello实现敏捷项目管理](http://www.infoq.com/cn/news/2012/05/trello-project-management) 5 | - [用 Trello 做项目管理](http://www.jianshu.com/p/dd980d1ee947) -------------------------------------------------------------------------------- /software/windows/README.md: -------------------------------------------------------------------------------- 1 | # Windows篇 2 | 通常来说，windows应该是我们最先接触到的系统，也是除了Mac笔记本外最常见的预装系统。 3 | -------------------------------------------------------------------------------- /software/windows/hardware.md: -------------------------------------------------------------------------------- 1 | # 硬件配置 2 | 好马配好鞍，操作系统也应该在一定性能的机器上才能发挥更大的作用。 3 | 4 | 一般来说，如果别人让我推荐电脑，我会按照对方的需求去推荐。 5 | 6 | 7 | ## 办公型 8 | 就是简单的处理文档，浏览网页，逛逛淘宝的。 9 | 10 | 这类的我比较推荐轻薄的，便携和续航较强的电脑。我觉得chrome book就挺好。。。 11 | 12 | 13 | ## 游戏型 14 | Dota，魔兽这类的，内存和显卡有个保障就行。 15 | 16 | 大型游戏，最好还是显卡强劲一点。 17 | 18 | 19 | ## 工作型 20 | 比如程序员这种类型，这里还可以对前后端划分一下。 21 | 22 | 前端开发主要是以浏览器为主，偶尔开虚拟机测试。能够书写代码就行，脚本语言都不会设计到什么编译，性能不必太高。 23 | 24 | 后端开发设计语言的编译，数据库的运行，本地服务器环境的搭配。最好还是性能强劲一些。 25 | 26 | ## 什么叫性能强劲 27 | 建议大家去中关村之类能搜索电脑价位的网站，普通电脑价位倒叙搜索看一看。CPU差不多就那几款，CPU的性能提升个人感觉远不如内存和SSD带来的提升大。 28 | 29 | 所以有钱的话，建议投入内存和SSD之中，触屏的笔记本目前来看没有必要。 30 | 31 | ## 关于外设 32 | 我推荐投入： 33 | 34 | - 显示器：最为重要，直接和效率挂钩，推荐24寸以上。戴尔不错。 35 | - 鼠标： 最好有多功能，无线Mini接收器。罗技不错。 36 | - 键盘： 只要手感舒适就行，机械键盘我用过茶轴（介于青轴与黑轴之间），准备尝试红轴。 37 | - 音响： 耳机也行，能隔绝外界的环境，沉浸于属于你自己的世界。 -------------------------------------------------------------------------------- /software/windows/install-windows.md: -------------------------------------------------------------------------------- 1 | # 系统安装 2 | 通常我不是很喜欢预装的系统，并且预装的机器C盘都比较大，浪费空间。所以还是有必要重新安装下系统(我安装的是盗版，我鄙视自己)。 3 | 4 | ## 系统下载 5 | 系统我比较喜欢下载纯净的版本，一般我会从这里:[MSDN我告诉你](http://msdn.itellyou.cn/)中下载需要的版本。 6 | 7 | 我自己也有存储一些镜像文件到网盘之中：[windows系统镜像]()。 8 | 9 | 10 | ## 如何安装 11 | ### 硬盘安装 12 | 此种方法适合能正常开机的机器，无需借助U盘就可以安装新系统。使用到的是NT6这个软件，异次元有一篇文章讲解的很清楚：[NT6 HDD Installer 使用教程 - 在没有光驱U盘情况下直接通过本机硬盘重装系统 (支持Win8/Win7等)](http://www.iplaysoft.com/nt6-hdd-installer.html)。 13 | 14 | 需要准备的东西就两样： 15 | 16 | - 系统镜像文件 17 | - NT6安装文件 18 | 19 | 然后找一个非系统盘，格式化并将系统镜像文件和NT6安装到此盘符的根目录下。通过NT6重启进入安装。安装过程我一般会格式化C盘，待安装完成之后再格式化其他盘符。 20 | 21 | 22 | ### 引导盘启动 23 | 此方法适合无法进入系统的情况，一般需要一个U盘制作为启动盘。制作启动盘的方式有： 24 | 25 | - [WinSetupFromUSB](http://www.iplaysoft.com/winsetupfromusb.html) 26 | - [大白菜](http://www.dabaicai.com/) 27 | 28 | 由于我已经完了这种方式如何使用，特别是PE工具格式化等操作。请大家自行搜索。 29 | 30 | 31 | ## 硬盘分区 32 | 我也忘记了:D，等我用到了再说吧。 33 | -------------------------------------------------------------------------------- /software/windows/software-list.md: -------------------------------------------------------------------------------- 1 | # windows软件 2 | 记录是给自己的回顾和总结，也是给别人的一种分享。所以我想说说使用Windows的经验。 3 | 4 | 为了方便自己系统安装，我会把一些安装文件定期更新到云盘中，而常用的一些软件以及配置文件放在可同步的网盘中。 5 | 6 | ## 常用软件 7 | 常用软件就是装机必备啦，说说我常用的软件：（待添加下载地址） 8 | 9 | - **Chrome**: 主力浏览器，使用google账号登陆并且同步。 10 | - **Office系列**: 其实我用WPS多一些，或者google文档。 11 | - **MSE**:微软官方的杀毒软件。 12 | - **CCleaner**：小巧方便的清理软件。 13 | - **腾讯电脑管家**: 有时候我就是用腾讯电脑管家替代杀毒软件加清理软件。 14 | - **输入法**： 我就用原生的，不折腾，不弹框。 15 | - **PotPlayer**： 影音播放器。 16 | - **FastStone Image Viewer**： 图片查看工具。 17 | - ~~**有道词典**： 方便取词，高端一点我就用欧陆词典。~~ 18 | - **欧陆词典**: 无需插件取词，无广告，可自定义扩充词库，替换有道词典。 19 | - **福昕阅读器**：最好的PDF阅读器。 20 | - **foxmail**：邮件客户端。 21 | - **迅雷**： 下载工具。 22 | - [**BitTorrent Sync**](http://www.appinn.com/bittorrent-sync/): p2p同步服务，可实现多设备网盘同步功能。 23 | - **7-zip**：压缩/解压缩工具。 24 | - [**Flash**](http://helpx.adobe.com/flash-player/kb/archived-flash-player-versions.html): Flash播放器，最好下插件，以及独立播放器。 25 | - [f.lux](https://justgetflux.com/): 根据日出日落去调节色温，保护视力。 26 | - [**HexChat**](https://hexchat.github.io/): IRC Client, 沟通工具，程序员用的多。 27 | 28 | 有了这些，差不多使用windows就没问题了。下面我们再谈一谈如何更好的使用windows。 29 | 30 | ## 提高效率的工具 31 | - [**launchy**](http://launchy.net/): 快速开启工具。我还设置了快速web搜索。 32 | - [**strokesplus**](http://www.strokesplus.com/)： 全局鼠标手势工具，占用内存小，且支持LUA编程。 33 | - [**Wox**](http://www.getwox.com/): 暂时未使用，和launchy类似。 34 | - [**MasterSeeker**](http://www.master-seeker.com/): 全盘文件搜索工具，搜索可选择项比Everything多。 35 | - [**Everything**](http://www.voidtools.com/): 全盘文件搜索工具。 36 | - [**Listary**](http://www.listary.com/): 目录搜索，操作工具。 37 | - [**ditto**](http://ditto-cp.sourceforge.net/): 历史剪切板工具，可设置快捷键为`alt+v`。 38 | - [VistaSwitcher](http://www.ntwind.com/software/vistaswitcher.html): 程序切换软件，特别方便的是提供了`alt+\``的切换，类似mac下的操作。使用方式就是按住alt+tab切换，也可按住alt+tab后，松开tab按数字键快速切换。 39 | - [**PicPick**](http://www.picpick.org/en/): 截图，标尺工具。 40 | - ~~[**Clover 3**](http://cn.ejie.me/): 资源管理器扩展工具，使得类似chrome，带书签功能。~~ 41 | - [**Q-Dir**](http://www.softwareok.com/?seite=Freeware/Q-Dir): 由于Clover在windows8上经常崩溃，我又不喜欢TotalCommander，发现这个也不错。 42 | - [**NetSetMan**](http://www.netsetman.com/): 方便切换ip/dns, 适合经常切换Home/Work环境。 43 | - [**AutoHotkey**](http://ahkscript.org/download/): 可自定义操作的脚本，还未使用，据说功能强大。 44 | - [**teracopy**](http://codesector.com/teracopy): 据说复制大文件时候速度更快。 45 | - [**chocolatey**](http://chocolatey.org/): 类似Unix下的`apt-get`命令，安装软件。 46 | - [**joytokey**](http://joytokey.net/en/): 可以使用手柄模拟鼠标的软件。 47 | - [**XMind**](http://www.xmind.net/): 脑图工具。 48 | 49 | 50 | ## 开发者必备工具 51 | 这里可以单独开一章节了，但是我先试着在这列一下吧： 52 | 53 | ### 开发环境 54 | 开发环境下，我会配置好常用的语言，python, ruby, nodejs等等。并且最好安装上Virtual Studio，很多需要编译的环境依赖其中的VC++。 55 | 56 | - [**gow**](https://github.com/bmatzelle/gow): 扩展一些常用的*unix命令。 57 | - [**ConEmu**](https://code.google.com/p/conemu-maximus5/): 可代替cmd的工具，界面舒服，内置Clink。 58 | - [**Clink**](http://mridgers.github.io/clink/): 支持命令行下粘贴复制。 59 | - [tdm-gcc](http://tdm-gcc.tdragon.net/download): windows下的C/C++编译器。 60 | - [**git**](http://git-scm.com/): 版本管理工具，安装后可命令行使用。 61 | - [**sourcetree**](http://www.sourcetreeapp.com/): Git的图形管理工具。 62 | - [**svn**](http://tortoisesvn.net/): 一般公司用的比较多，也是版本管理工具。 63 | - [**Koala**](http://koala-app.com/): 前端预处理语言编译器。 64 | 65 | ## 文件编辑工具 66 | - [SublimeText 3](http://sublimetext.com/3): 最方便的编辑器，插件也多。 67 | - [Beyond Compare](http://www.scootersoftware.com/index.php): 对比文件工具。 68 | 69 | ## 开发辅助工具 70 | - [charles](http://www.charlesproxy.com/): 代理工具。 71 | - [texturepacker](http://www.codeandweb.com/texturepacker): 处理动画图片工具。 72 | - [FileZilla](https://filezilla-project.org/): FTP传输工具。 73 | - [Xshell 4](http://www.netsarang.com/download/free_license.html): 远程连接服务器工具。 74 | - [TeamViewer](http://www.teamviewer.com/zhCN/index.aspx): 远程操作电脑工具。 75 | 76 | 77 | ### 设计 78 | - [亿图](http://www.edrawsoft.cn/freemind.php): 除了制作思维导图，还提供流程图，UML等。 79 | - [licecap](http://www.cockos.com/licecap/): gif录屏软件。 80 | - [**camstudio**](http://camstudio.org/): 录屏软件。 81 | 82 | ## Bat文件 83 | 如果有一些命名是自己常用的，不妨整理到一个`bin`目录中，并添加到PATH中。将一个命名包装为bat文件的形式如下： 84 | 85 | ``` 86 | @echo off 87 | %~dp0\nant-0.92\bin\NAnt.exe 88 | ``` 89 | `%~dp0`可指代当前目录。 90 | 91 | ## 参考资料 92 | - [Windows 下有什么软件能够极大地提高工作效率？](http://www.zhihu.com/question/22919326) 93 | - [2014 年 Windows 平台软件推荐：这些工具都很有用](http://daily.zhihu.com/story/3705059) 94 | - [我最喜欢的软件windows版](http://love.appinn.com/) -------------------------------------------------------------------------------- /soho/README.md: -------------------------------------------------------------------------------- 1 | # SOHO 2 | Small office/home office (or single office/home office; SOHO) refers to the category of business or cottage industry that involves from 1 to 10 workers. 3 | 4 | 我觉得SOHO的工作形式，是未来的发展的一种趋势，但不是所有的人都适合的形式。在我能遇见的时间内，我觉得这是Geek生存的一种方式。但这也需要很大的自制力和执行力。 5 | 6 | ## 参考资料 7 | - [awesome-remote-job](https://github.com/lukasz-madon/awesome-remote-job): A curated list of awesome remote jobs and resources. -------------------------------------------------------------------------------- /soho/resource.md: -------------------------------------------------------------------------------- 1 | # 创业资源 2 | 3 | ## 孵化机构 4 | - [Y Combinator](https://www.ycombinator.com/) 5 | - [angel](https://angel.co/) -------------------------------------------------------------------------------- /teamwork/README.md: -------------------------------------------------------------------------------- 1 | # 团队合作 2 | 除了独立开发者，大部分技术人员还是要进行团队合作的。 3 | 4 | 可惜程序员大多数都喜欢单打独斗，不管难易如何，全部都要自己拿下。 5 | 6 | 一个好的程序员，不单单关注的是程序本身，还应该关注到整个团队，帮助大家协同合作，减轻自己的压力，也提高了团队的效率。 7 | -------------------------------------------------------------------------------- /teamwork/hiring.md: -------------------------------------------------------------------------------- 1 | # 关于招聘 2 | 搞技术的，不缺千里马，却的是伯乐。 3 | 4 | 我们要强大自己的团队，就需要招聘到对的人：技术和思想都一致的人。 5 | 6 | 7 | ## 招聘原则 8 | ### STAR原则 9 | 所谓STAR原则，即Situation（情景）、Task（任务）、Action（行动）和Result（结果）四个英文单词的首字母组合。STAR原则是结构化面试当中非常重要的一个理论。 10 | 11 | S指的是situation,中文含义是情景，也就是在面谈中我们要求应聘者描述他在所从事岗位期间曾经做过的某件重要的且可以当作我们考评标准的事件的所发生的背景状况。 12 | 13 | T指的是task，中文含义为任务，即是要考察应聘者在其背景环境中所执行的任务与角色，从而考察该应聘者是否做过其描述的职位及其是否具备该岗位的相应能力。 14 | 15 | A指的是action,中文含义是行动，是考察应聘者在其所描述的任务当中所担任的角色是如何操作与执行任务的。 16 | 17 | R指的是result,中文含义为结果，即该项任务在行动后所达到的效果，通常应聘者求职材料上写的都是一些结果，描述自己做过什么，成绩怎样，比较简单和宽泛。 18 | 19 | 而我们在面试的时候，则需要了解应聘者如何做出这样的业绩，做出这样的业绩都使用了一些什么样的方法，采取了什么样的手段，通过这些过程，我们可以全面了解该应聘者的知识、经验、技能的掌握程度以及他的工作风格、性格特点等与工作有关的方面。而STAR原则正是帮我们解决上述问题的。 20 | 21 | ## 参考资料 22 | - [STAR原则](http://baike.baidu.com/view/1309708.htm?fr=aladdin) -------------------------------------------------------------------------------- /teamwork/leader.md: -------------------------------------------------------------------------------- 1 | # 领导能力 2 | 招聘，培训，下面就是领导力了。正巧，我最近也做一段时间的leader，负责培训。 3 | 4 | ## 责任 5 | 作为一个leader，自己也是有上级的。所以应该做到几点： 6 | 1. 合理的分解，分配工作。 7 | 2. 保持和上面的良好沟通。 8 | 3. 团结成员，不要偏心。 9 | 4. 能帮团队成员说话，顶得出去。 10 | 5. 在业务上能帮助成员成长。 11 | 6. 有胆放手让别人去做。 12 | 13 | 对于一个小公司来说，虽然一开始可能必须得靠管理者亲力亲为，但是当业务逐渐成型、走上正规之后，一定要把团队成员的能力都锻炼出来。否则公司的发展可能会受到限制，因为管理者的精力有限，被日常琐事缠绕就无法集中精力思考发展方向，或者是谋求外部的合作机会。所以要学会彻底的放权，让团队的成员都忙起来。在可以承受的范围内让大家去犯错，去成长，去做一线的决策，最终成为能独当一面的人。 -------------------------------------------------------------------------------- /teamwork/training.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leohxj/a-programmer-prepares/a3beda0bc943f348b61d9b87fe4d70a2a0ccd6d1/teamwork/training.md -------------------------------------------------------------------------------- /writing/README.md: -------------------------------------------------------------------------------- 1 | # 写点东西 2 | 程序员能把逻辑梳理出来，是另一大技能！ -------------------------------------------------------------------------------- /writing/using-gitbook.md: -------------------------------------------------------------------------------- 1 | # 使用gitbook 2 | 之前整理的习惯是使用Evernote，其实主要做的是收录（输入）的功能，东西多了，就难以消化掉（处理），以至于没有总结（输出）。Markdown格式是我很喜欢的一种书写格式，我觉得特别适合程序员，配合gitbook，就能达到写书的效果。 3 | 4 | ## Version 1.x.x 5 | gitbook刚推出的时候，我就在使用，这个时候的版本都是1.x系列。安装方式是: 6 | 7 | ``` 8 | npm install -g gitbook 9 | ``` 10 | 11 | 目录结构上，只要有`README.md`和`SUMMARY.md`即可。 12 | 13 | 使用方式: 14 | 15 | ``` 16 | gitbook build 17 | ``` 18 | 19 | 即可完成编译。 20 | 21 | 22 | ## Version 2.x.x 23 | 最近再看gitbook的时候，发现它已经推出了2.x系列，安装方式也变化了。需要先删除之前1.x系列版本，再安装: 24 | 25 | ``` 26 | npm install -g gitbook-cli 27 | ``` 28 | 29 | ## editor 30 | 关于editor，其实有两种选择: 31 | 32 | - gitbook站点上edit，线上编辑 33 | - 下载editor，本地编辑 34 | 35 | ### 线上编辑 36 | 先说说线上编辑，毕竟我刚刚使用了下，就是web版本的应用。有一点特别的好处是可以绑定github repo，编辑直接保存在github上。省去了本地编辑，再push的过程。 37 | 38 | 但是我也发现了一点点不方便的地方，就是无法上传整个目录文件，必须一个一个上传，且无法设置目录。。。很蛋疼。 39 | 40 | ### 本地编辑 41 | 就是一个本地软件，可以本地编辑，应该是通过图形化性质整合命令行，包含了build功能。1.x版本刚推出的时候，在window平台下体验过，会有再次打开丢失项目的情况，每次都要重新打开项目，很麻烦。但是新版应该有所改善。 42 | 43 | 本地编辑还有另外一个方式，就是我常用的手段：使用Sublime Text进行编辑，结合Markdown插件，产生预览。最后通过git提交到远程。 44 | 45 | 46 | ## 目录结构 47 | 官方的格式说明，[Format](http://help.gitbook.com/format/README.html)。必须的文件是`README.md`和`SUMMARY.md`。 48 | 49 | ## 使用方法 50 | ### init 51 | `gitbook init`,根据`SUMMARY.md`生成目录。 52 | 53 | ### build 54 | `gitbook build`，生成`_books`目录。 55 | 56 | ### serve 57 | `gitbook serve`, 开启本地预览。 58 | 59 | ## 参考资料 60 | - [Gitbook主页](https://www.gitbook.com) 61 | - [Gitbook Help](http://help.gitbook.com/) 62 | - [Version 2.0说明](https://github.com/GitbookIO/gitbook/pull/562) 63 | - [github: GitbookIO](https://github.com/GitbookIO) 64 | - [gitbook editor](https://github.com/GitbookIO/editor) --------------------------------------------------------------------------------