写在前面使用 MacBook Pro 也2年多了，慢慢地积累了一些工作中好用的 APP，帮助自己更高效的工作。正版化也一直在进行着，除了 IDE 用的是教育版订阅之外，其他已经都是正版了（但我不排除 License 授权不支持工作用），力所能及的支持正版吧，毕竟自己也是软件开发从业者。APP 合集每个 APP 对应一段简单的描述，数量还不多，就暂时不分类了，大概的排一下。Dropbox- 云存储服务，用来同步代码及本机一些开发配置，需要科学上网才可使用iTerm- Mac OS 终端增强，配合Oh My Zsh效果更佳Evernote- 多功能笔记类应用，我比较喜欢它在 Chrome 下的剪藏功能GapDebug- Hybrid APP 调试利器，不过也可以调试普通的 Mobile Web 页面及 APP 内嵌页iStat Menus- 系统菜单栏增强，可以显示实时网速、CPU 内存使用情况、配件温度、电池状态等等…GIF Brewery 3- 屏幕录制及 GIF 转换工具Dash- API 文档浏览器及代码片段管理器，IAP 后启动就不用读秒了ReadKit- RSS 订阅器，写代码写累了就看看圈内新闻吧1Password- 密码管理器，以后你只需要记住一个主密码就行了，其他都随机生成吧MWeb- 优秀的 Markdown 编辑器，这篇文章就是在这个软件里写的哦WebStorm- ...继续阅读 (8)

随着 Web 的发展，HTTP/1.x 已经很难满足现在的需求，Google 因此开发了 SPDY 作为尝试，HTTP/2 在此基础上应运而生。HTTP/2 在2015年5月被批准，目前已经在很多 Web 浏览器和服务器中得到实现。HTTP/2 和 TLS 组合可以提升你的站点性能，并且让用户觉得你的网站很安全。服务器软件版本支持请确保你服务器的软件版本号支持开启 HTTP/2，否则坑很大，坑死人。Nginx ≥ v1.9.5openSSL ≥ v1.0.2编译安装/升级 openSSL目前我的机器是 Ubuntu，其他 Linux 发行版应该也大同小异12345$ wget https://www.openssl.org/source/openssl-1.0.2j.tar.gz && tar -xzvf openssl-1.0.2j.tar.gz &&cdopenssl-1.0.2j;$ sudo ./config$ sudo make install$ sudo ln -sf /usr/local/ssl/bin/openssl `whichopenssl`$ openssl version -v可以看到 openSSL 的版本已经升级至 1.0.2j编译安装/升级 Nginx如果你的机器现在安装的 Nginx ＜ 1.9.5 或者 built with OpenSSL 版本 ...继续阅读 (8)

随着 Web 的发展，HTTP/1.x 已经很难满足现在的需求，Google 因此开发了 SPDY 作为尝试，HTTP/2 在此基础上应运而生。HTTP/2 在2015年5月被批准，目前已经在很多 Web 浏览器和服务器中得到实现。HTTP/2 和 TLS 组合可以提升你的站点性能，并且让用户觉得你的网站很安全。服务器软件版本支持请确保你服务器的软件版本号支持开启 HTTP/2，否则坑很大，坑死人。Nginx ≥ v1.9.5openSSL ≥ v1.0.2编译安装/升级 openSSL目前我的机器是 Ubuntu，其他 Linux 发行版应该也大同小异12345$ wget https://www.openssl.org/source/openssl-1.0.2j.tar.gz && tar -xzvf openssl-1.0.2j.tar.gz &&cdopenssl-1.0.2j$ sudo ./config$ sudo make install$ sudo ln -sf /usr/local/ssl/bin/openssl `whichopenssl`$ openssl version -v可以看到 openSSL 的版本已经升级至 1.0.2j编译安装/升级 Nginx如果你的机器现在安装的 Nginx ＜ 1.9.5 或者 built w ...继续阅读 (26)

一直对 Hybrid App 有比较浓厚的兴趣。包括几年前玩的 Phonegap/Cordova 和最近玩的 react-native，Webview 模式下的 Hybrid 在 Android 设备上显然有一些性能上的缺陷。 RN 看似不错，很多大厂也陆续把 APP 的部分模块或整个 APP 通过 RN 重写，但前途如何，不得而知，毕竟 “前会玩”。V2 上很多关于 [ Hybrid App 能否取代原生APP ] 的主题下讨论的热火朝天，不亚于 [ PHP 是否是世界上最好的语言 ] 的讨论。为什么是取代而不是共存呢？米家 APP 里的小米商城手机QQ 里的 QQ 空间微信里的微信小程序显然有些 APP 整体需要原生的稳定性和高性能，而里面的一些业务模块需要快捷开发、可维护、高可控性，如何解决这样的冲突，明显需要一个可行的 Hybrid 解决方案。甚至 APP 里某些模块 Hybrid 化后，团队有其他看法，将整个 APP Hybrid 重构，比如米家 iOS 本次更新已经整体用 RN 重写了。微信小程序你可以在这里 Checkout 源码：BelinChung/wxapp-hiapp公司最近有打算做项目的微信整合方案，刚好小程序内测，花了几天写了这个小 Demo ，当做是可行性调研。总得来说，写过 RN 和 VueJS 的同学会很快的入手，很有 Virtual DOM 和 V ...继续阅读 (12)

一直对 Hybrid App 有比较浓厚的兴趣。包括几年前玩的 Phonegap/Cordova 和最近玩的 react-native，Webview 模式下的 Hybrid 在 Android 设备上显然有一些性能上的缺陷。 RN 看似不错，很多大厂也陆续把 APP 的部分模块或整个 APP 通过 RN 重写，但前途如何，不得而知，毕竟 “前会玩”。V2 上很多关于 [ Hybrid App 能否取代原生APP ] 的主题下讨论的热火朝天，不亚于 [ PHP 是否是世界上最好的语言 ] 的讨论。为什么是取代而不是共存呢？米家 APP 里的小米商城手机QQ 里的 QQ 空间微信里的微信小程序显然有些 APP 整体需要原生的稳定性和高性能，而里面的一些业务模块需要快捷开发、可维护、高可控性，如何解决这样的冲突，明显需要一个可行的 Hybrid 解决方案。甚至 APP 里某些模块 Hybrid 化后，团队有其他看法，将整个 APP Hybrid 重构，比如米家 iOS 本次更新已经整体用 RN 重写了。微信小程序你可以在这里 Checkout 源码：BelinChung/wxapp-hiapp公司最近有打算做项目的微信整合方案，刚好小程序内测，花了几天写了这个小 Demo ，当做是可行性调研。总得来说，写过 RN 和 VueJS 的同学会很快的入手，很有 Virtual DOM 和 V ...继续阅读 (15)

首先我们来看一下官方的 Changelog 这个版本有哪些 breaking changes。其中大部分变更暂时我还没有使用到，所以就忽略。但是 Android 有个变更貌似改变挺大了，也直接导致了大部分的第三方插件直接无法使用123Change the application template (49f20f4) - @foghina* Plugins which pass activity reference in the constructor need to be updated to extend ReactContextBaseJavaModule use getCurrentActivity to get the activity reference. This change is backward compatible.* Apps need to be migrated to use the latest template大概的意思是：这个版本我们变更了 APP 的模板，如果你的插件选择在构造函数中传递当前的 activity，那么在这个版本中需要升级到通过继承 ReactContextBaseJavaModule 来获取当前的 activity，这个改变是可以向下兼容的。部分第三方插件无法使用了其中我正在使用的react-native-extra-dimensi ...继续阅读 (9)

首先我们来看一下官方的 Changelog 这个版本有哪些 breaking changes。其中大部分变更暂时我还没有使用到，所以就忽略。但是 Android 有个变更貌似改变挺大了，也直接导致了大部分的第三方插件直接无法使用123Change the application template (49f20f4) - @foghina* Plugins which pass activity reference in the constructor need to be updated to extend ReactContextBaseJavaModule use getCurrentActivity to get the activity reference. This change is backward compatible.* Apps need to be migrated to use the latest template大概的意思是：这个版本我们变更了 APP 的模板，如果你的插件选择在构造函数中传递当前的 activity，那么在这个版本中需要升级到通过继承 ReactContextBaseJavaModule 来获取当前的 activity，这个改变是可以向下兼容的。部分第三方插件无法使用了其中我正在使用的react-native-extra-dimensi ...继续阅读 (56)

最近把公司一个 Web APP 项目用 Electron 封装了一个 Mac 客户端，主要是弥补了 Web 浏览器的一些先天不足：支持原生的通知支持原生的 icon 未读提醒支持原生的系统托盘增强网络状态变更的感知其中以前下载方式是通过打开系统浏览器进行文件下载的。因为文件需要鉴权，还得携带一些敏感的 cookie、token 过去，感觉不安全，所以希望文件下载能在 APP 内完成通过 Electron 中will-download事件，我们可以很方便的解决这个问题12345678910111213141516171819202122232425262728293031mainWindow.webContents.session.on('will-download', (e, item) => {//获取文件的总大小const totalBytes = item.getTotalBytes();//设置文件的保存路径，此时默认弹出的 save dialog 将被覆盖const filePath = path.join(app.getPath('downloads'), item.getFilename());item.setSavePath(filePath);//监听下载过程，计算并设置进度条进度item.on(' ...继续阅读 (28)

最近把公司一个 Web APP 项目用 Electron 封装了一个 Mac 客户端，主要是弥补了 Web 浏览器的一些先天不足：支持原生的通知支持原生的 icon 未读提醒支持原生的系统托盘增强网络状态变更的感知其中以前下载方式是通过打开系统浏览器进行文件下载的。因为文件需要鉴权，还得携带一些敏感的 cookie、token 过去，感觉不安全，所以希望文件下载能在 APP 内完成通过 Electron 中will-download事件，我们可以很方便的解决这个问题12345678910111213141516171819202122232425262728293031mainWindow.webContents.session.on('will-download', (e, item) => {//获取文件的总大小const totalBytes = item.getTotalBytes();//设置文件的保存路径，此时默认弹出的 save dialog 将被覆盖const filePath = path.join(app.getPath('downloads'), item.getFilename());item.setSavePath(filePath);//监听下载过程，计算并设置进度条进度item.on('upd ...继续阅读 (10)

写在前面使用 MacBook Pro 也2年多了，慢慢地积累了一些工作中好用的 APP，帮助自己更高效的工作。正版化也一直在进行着，除了 IDE 用的是教育版订阅之外，其他已经都是正版了（但我不排除 License 授权不支持工作用），力所能及的支持正版吧，毕竟自己也是软件开发从业者。更新日志2016.02.29- 整理常用的生产力 APPAPP 合集每个 APP 对应一段简单的描述，数量还不多，就暂时不分类了，大概的排一下。Dropbox- 云存储服务，用来同步代码及本机一些开发配置，需要科学上网才可使用iTerm- Mac OS 终端增强，配合Oh My Zsh效果更佳Evernote- 多功能笔记类应用，我比较喜欢它在 Chrome 下的剪藏功能GapDebug- Hybrid APP 调试利器，不过也可以调试普通的 Mobile Web 页面及 APP 内嵌页iStat Menus- 系统菜单栏增强，可以显示实时网速、CPU 内存使用情况、配件温度、电池状态等等…licecap- 跨平台的屏幕录制及 GIF 生成工具Dash- API 文档浏览器及代码片段管理器，IAP 后启动就不用读秒了ReadKit- RSS 订阅器，写代码写类了就看看圈内新闻吧1Password- 密码管理器，以后你只需要记住一个主密码就行了，其他都随机生成吧MWeb- 优秀的 Markdown 编辑 ...继续阅读 (25)

很久以前，就在备忘录上面写好了这篇文章的大纲，希望抽个空把这个阶段前端工程化的一些心得以文字的方式记录下来，但是万事开头难，拖了很久。而且有很多东西我更提倡用面对面的交流去阐释，所以动手写这篇文章还是因为要在公司内部做一个分享会，算是先组织下语言吧。我以前写了一篇博文叫《Web-IM 系统的前端设计与实现》大概的说了下当时的一些前端架构的东西。第一，那篇文章写的比较少，大概说了下；第二，前端技术发展的很快，现在这个项目的前端经过重构，已经完全跟当时不一样了，所以，还是另写一篇博文来细说下自己对前端工程化的一些看法及在项目上的实践。由于本人能力有限，这篇博文也是以我目前最高水平能写出的东西，难免会有一些差错或不理想的地方，仅供大家参考，如果有任何的建议，欢迎 Email 我，一起交流！目录1234567891011121314151617技术选型开发规范- 编码规范- 使用 jshint构建工具 - FIS 的使用- 第三方组件管理- 模块化- 常规的性能优化- 智能打包模块化 - 组件式开发- 目录规范- 组件仓库- 开发一个组件- 通过事件进一步解耦引言前端发展的非常快，如果你是一个热衷于追求技术的前端，你会发现越来越多的开源项目和选择，让你眼花缭乱，措手不及。不过每个前端团队都需要打造自己的前端开发体系，同时前端工程化代表着现在的前端开发不再是那种简单而无趣的远古生物，而是一个 ...继续阅读 (36)

很久以前，就在备忘录上面写好了这篇文章的大纲，希望抽个空把这个阶段前端工程化的一些心得以文字的方式记录下来，但是万事开头难，拖了很久。而且有很多东西我更提倡用面对面的交流去阐释，所以动手写这篇文章还是因为要在公司内部做一个分享会，算是先组织下语言吧。我以前写了一篇博文叫《Web-IM 系统的前端设计与实现》大概的说了下当时的一些前端架构的东西。第一，那篇文章写的比较少，大概说了下；第二，前端技术发展的很快，现在这个项目的前端经过重构，已经完全跟当时不一样了，所以，还是另写一篇博文来细说下自己对前端工程化的一些看法及在项目上的实践。由于本人能力有限，这篇博文也是以我目前最高水平能写出的东西，难免会有一些差错或不理想的地方，仅供大家参考，如果有任何的建议，欢迎 Email 我，一起交流！目录1234567891011121314151617技术选型开发规范- 编码规范- 使用 jshint构建工具 - FIS 的使用- 第三方组件管理- 模块化- 常规的性能优化- 智能打包模块化 - 组件式开发- 目录规范- 组件仓库- 开发一个组件- 通过事件进一步解耦引言前端发展的非常快，如果你是一个热衷于追求技术的前端，你会发现越来越多的开源项目和选择，让你眼花缭乱，措手不及。不过每个前端团队都需要打造自己的前端开发体系，同时前端工程化代表着现在的前端开发不再是那种简单而无趣的远古生物，而是一个 ...继续阅读 (9)

构建工具 - FIS 的使用13年下半年的时候，第一次接触前端的构建工具，那时候好像刚好在某个会议上百度宣布了 FIS 这个工具，然后就选择了 FIS （其实小部分的原因是因为有中文文档，这个习惯非常不好，我现在已经强制改掉了）。由于那时候前置知识比较欠缺，使用起来还是有点吃力的，但是基本的功能也在项目开发中起到了很大的帮助。嗯，那时候还比较菜，啥都不知道。后来来到了现在这个团队，根据公司内部已有的项目，改用了 Grunt 来作为项目的构建工具。那时候需求还比较简单，Grunt 并没有太多欠缺的地方。再后来，由我操刀对项目进行全面的重构，我再次选择了 FIS。由于前置知识的积累以及对 Grunt 的使用，再次使用 FIS 并没有遇到太多的阻碍。我想，如果你已经掌握了 Grunt，可以尝试下使用 FIS 作为某个项目的构建工具，应该会很快的清楚两者之间的差距。以下开始介绍 FIS 在我所跟的项目里的使用，并没有太基础的入门教程哦，官方的文档虽然写的烂七八糟的，但是还是可以看滴。实在不懂就可以搜索下 issue 或者加入官方基友群，900多号全国顶级互联网公司前端为你解答疑问！第三方组件的管理为了避免重复的制造轮子，一般项目中均会有一定数量的第三方组件，这些第三方的组件理应该不属于源码一样进行管理，而需要在一个地方用一个工具统一的管理它们，方便后期的维护。你可能比较熟悉的包管理工具是 ...继续阅读 (35)

构建工具 - FIS 的使用13年下半年的时候，第一次接触前端的构建工具，那时候好像刚好在某个会议上百度宣布了 FIS 这个工具，然后就选择了 FIS （其实小部分的原因是因为有中文文档，这个习惯非常不好，我现在已经强制改掉了）。由于那时候前置知识比较欠缺，使用起来还是有点吃力的，但是基本的功能也在项目开发中起到了很大的帮助。嗯，那时候还比较菜，啥都不知道。后来来到了现在这个团队，根据公司内部已有的项目，改用了 Grunt 来作为项目的构建工具。那时候需求还比较简单，Grunt 并没有太多欠缺的地方。再后来，由我操刀对项目进行全面的重构，我再次选择了 FIS。由于前置知识的积累以及对 Grunt 的使用，再次使用 FIS 并没有遇到太多的阻碍。我想，如果你已经掌握了 Grunt，可以尝试下使用 FIS 作为某个项目的构建工具，应该会很快的清楚两者之间的差距。以下开始介绍 FIS 在我所跟的项目里的使用，并没有太基础的入门教程哦，官方的文档虽然写的烂七八糟的，但是还是可以看滴。实在不懂就可以搜索下 issue 或者加入官方基友群，900多号全国顶级互联网公司前端为你解答疑问！第三方组件的管理为了避免重复的制造轮子，一般项目中均会有一定数量的第三方组件，这些第三方的组件理应该不属于源码一样进行管理，而需要在一个地方用一个工具统一的管理它们，方便后期的维护。你可能比较熟悉的包管理工具是 ...继续阅读 (8)

按理来说，应该是一个很简单的过程。从多说导出标准的备份文件，导入 Disqus，就完事了。但是我就整整的折腾了几天，评论是导入进去了，但是在博文页面始终没有把原来的评论显示出来。今天下午，甚至向 Disqus 官方发送了求救邮件。就在刚才，才发现原来 Disqus 是根据文章的 URL 作为 Primary Key 的，而我新的博客系统的文章 URL 结尾比原来的少了个/。擦，就是这一个字符，导致没有把原先的评论显示出来12Old:http://example.com/articleNew:http://example.com/article/导入的具体过程首先，在多说的后台将评论（包括文章）导出为一个export.json文件。这个文件格式是不被 Disqus 认的，所以我们得把它转换成 wordpress 导出的文件格式轮子已经有人造了，我们就不再重复造轮子。使用这个轮子JamesPan/duoshuo-migrator对export.json进行转换12pip install lxmlpython duoshuo-migrator.py-i~/Desktop/export.json-o disqus.xml将文件转换为disqus.xml最后把disqus.xml通过 Disqus 后台的 Discussions -> Import 进行导入。官方写着24小时会处理完队列，实 ...继续阅读 (48)

按理来说，应该是一个很简单的过程。从多说导出标准的备份文件，导入 Disqus，就完事了。但是我就整整的折腾了几天，评论是导入进去了，但是在博文页面始终没有把原来的评论显示出来。今天下午，甚至向 Disqus 官方发送了求救邮件。就在刚才，才发现原来 Disqus 是根据文章的 URL 作为 Primary Key 的，而我新的博客系统的文章 URL 结尾比原来的少了个/。擦，就是这一个字符，导致没有把原先的评论显示出来12Old: http://example.com/articleNew: http://example.com/article/导入的具体过程首先，在多说的后台将评论（包括文章）导出为一个export.json文件。这个文件格式是不被 Disqus 认的，所以我们得把它转换成 wordpress 导出的文件格式轮子已经有人造了，我们就不再重复造轮子。使用这个轮子JamesPan/duoshuo-migrator对export.json进行转换12pip install lxmlpython duoshuo-migrator.py -i ~/Desktop/export.json -o disqus.xml将文件转换为disqus.xml最后把disqus.xml通过 Disqus 后台的 Discussions -> Import 进行导入。官方写着24小时会处 ...继续阅读 (10)

很久以前，写了一篇博文How To Deploy Octopress, 介绍了如何使用 Octopress 搭建一个高B格的博客系统。可能是因为不熟悉 Ruby 的原因，自己修改好的博客主题（没有备份）在前几天因为 rake 命令无法运行的情况下，不小心清空了。本来想着重新写一遍的，但是越写越不顺手，就开始寻找一款新的博客系统。后来找到了 Hexo ，作为一个前端，看到是基于 Node.js 写的，当然是无法抗拒的，所以果断的开始折腾 Hexo。文章最后面，可以下载到这个博客现在所使用的 Hexo 主题，如果你喜好的话。如何搭建不想再累赘当中细节，愿意折腾的 Hexo 和 Octopress 的人，应该看文档基本就搞定了。而且因为是基于 Node.js , 不像 Octopress 在 Windows 平台下面会遇到一些不知所以然的问题。Hexo 明显容易很多，编译速度也快非常多。因为 Hexo 的作者是台湾人，还提供了简体中文的文档，多贴心，看不懂英文不能再成为你不动脑筋的借口了。从 Octopress 迁移到 Hexo其实他们基本上实现的理念和机制是一样的，所以迁移的过程非常简单。迁移文章把 Octopresssource/_posts 文件夹内的所有文件转移到 Hexo 的source/_posts 文件夹即可改变新文章的命名格式（这个看个人喜好）在 _config.yml中 ...继续阅读 (35)

很久以前，写了一篇博文How To Deploy Octopress, 介绍了如何使用 Octopress 搭建一个高B格的博客系统。可能是因为不熟悉 Ruby 的原因，自己修改好的博客主题（没有备份）在前几天因为 rake 命令无法运行的情况下，不小心清空了。本来想着重新写一遍的，但是越写越不顺手，就开始寻找一款新的博客系统。后来找到了 Hexo ，作为一个前端，看到是基于 Node.js 写的，当然是无法抗拒的，所以果断的开始折腾 Hexo。文章最后面，可以下载到这个博客现在所使用的 Hexo 主题，如果你喜好的话。如何搭建不想再累赘当中细节，愿意折腾的 Hexo 和 Octopress 的人，应该看文档基本就搞定了。而且因为是基于 Node.js , 不像 Octopress 在 Windows 平台下面会遇到一些不知所以然的问题。Hexo 明显容易很多，编译速度也快非常多。因为 Hexo 的作者是台湾人，还提供了简体中文的文档，多贴心，看不懂英文不能再成为你不动脑筋的借口了。从 Octopress 迁移到 Hexo其实他们基本上实现的理念和机制是一样的，所以迁移的过程非常简单。迁移文章把 Octopress source/_posts 文件夹内的所有文件转移到 Hexo 的 source/_posts 文件夹即可改变新文章的命名格式（这个看个人喜好）在 _config.ym ...继续阅读 (8)

自动化能解放人类的双手，而且更重要的是，因为按照规定的流程来走，也减少了很多误操作的产生。不知道大家平时都是怎么样更新自己生产环境的代码的，FTP 覆盖旧文件、服务器定时任务去 build 最新的源码，还是有更高级的做法？目前我在使用 Git Hook 来部署自己的项目。Git Hook 是 Git 提供的一个钩子，能被特定的事件触发后调用。其实，更通俗的讲，当你设置了 Git Hook 后，只要你的远程仓库收到一次 push 之后，Git Hook 就能帮你执行一次 bash 脚本。下面是我使用 Git Hook 进行简单的自动化部署，可能还有更高级的做法，大家自己去挖掘。在服务器初始化一个远程 Git 仓库git init和git --bare init初始化出来的仓库是完全不一样的，具体我 Google 了下，英文倒是理解了，但是要翻译出中文却不知道用什么形容词去称呼这2种仓库。这里我们要通过git --bare init初始化一个远程仓库1234$cd~$ mkdirtestRepo$cdtestRepo$ git --bare init在服务器初始化一个本地 Git 仓库这个仓库就是通过git init初始化出来最常见的本地仓库，它的作用是拉去远程仓库（其实就在它旁边）最新的源码，然后在这个仓库里进行编译，把代码编译到 www 目录（网站的根目录）。12345678910 ...继续阅读 (25)

自动化能解放人类的双手，而且更重要的是，因为按照规定的流程来走，也减少了很多误操作的产生。不知道大家平时都是怎么样更新自己生产环境的代码的，FTP 覆盖旧文件、服务器定时任务去 build 最新的源码，还是有更高级的做法？目前我在使用 Git Hook 来部署自己的项目。Git Hook 是 Git 提供的一个钩子，能被特定的事件触发后调用。其实，更通俗的讲，当你设置了 Git Hook 后，只要你的远程仓库收到一次 push 之后，Git Hook 就能帮你执行一次 bash 脚本。下面是我使用 Git Hook 进行简单的自动化部署，可能还有更高级的做法，大家自己去挖掘。在服务器初始化一个远程 Git 仓库git init和git --bare init初始化出来的仓库是完全不一样的，具体我 Google 了下，英文倒是理解了，但是要翻译出中文却不知道用什么形容词去称呼这2种仓库。这里我们要通过git --bare init初始化一个远程仓库1234$cd~$ mkdirtestRepo$cdtestRepo$ git --bare init在服务器初始化一个本地 Git 仓库这个仓库就是通过git init初始化出来最常见的本地仓库，它的作用是拉去远程仓库（其实就在它旁边）最新的源码，然后在这个仓库里进行编译，把代码编译到 www 目录（网站的根目录）。12345678910 ...继续阅读 (5)

前几天说给博客部署 SSL 证书来提高逼格，后来因为自己一个项目的需要，也跟着申请了多了一张 SSL 证书，按照相同的流程部署上去后，发现前面的域名的证书都 load 到了新增加的那张证书。接着 Google 了下，原来是 Nginx 编译的时候没有开启 TLS SNI ，这样就导致了同一 IP 下只能支持一张证书。查看已安装的 Nginx 是否开启 TLS SNI12345$ nginx -Vginx version: nginx/1.6.2built by gcc4.1.220080704(Red Hat4.1.2-55)TLS SNI support disabledconfigure arguments: --user=www --group=www --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module --with-http_gzip_static_moduleTLS SNI support disabled即未开启下载支持 SNI 的 OpenSSL重新编译 Nginx 需要 OpenSSL，下载并解压到某个目录123$cd~$ wget http://www.openssl.org/source/openssl-1.0.2a.tar.gz$ tar zxvf op ...继续阅读 (37)

前几天说给博客部署 SSL 证书来提高逼格，后来因为自己一个项目的需要，也跟着申请了多了一张 SSL 证书，按照相同的流程部署上去后，发现前面的域名的证书都 load 到了新增加的那张证书。接着 Google 了下，原来是 Nginx 编译的时候没有开启 TLS SNI ，这样就导致了同一 IP 下只能支持一张证书。查看已安装的 Nginx 是否开启 TLS SNI12345$ nginx -Vginx version: nginx/1.6.2built by gcc 4.1.2 20080704 (Red Hat 4.1.2-55)TLS SNI support disabledconfigure arguments: --user=www --group=www --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module --with-http_gzip_static_moduleTLS SNI support disabled即未开启下载支持 SNI 的 OpenSSL重新编译 Nginx 需要 OpenSSL，下载并解压到某个目录123$cd~$ wget http://www.openssl.org/source/openssl-1.0.2a.tar.gz$ tar zxv ...继续阅读 (7)

今天，本人的博客去淘了一个几十块钱的 Comodo PositiveSSL 证书，以后通过 HTTP 将跳转至 HTTPS ，访问逼格更高。我以前也没有接触过 SSL ，导致拿到人生中第一张 SSL 证书的时候，Private Key 居然是通过第三方生成的，理论上来说这张证书基本上是废了，因为你家门的钥匙都是别人帮你配的，谁知道他有没有留一个副本！所以 Private Key 一定得自己生成。以下的内容，随随便便搜索引擎便能搜索到更加详细的，我在这里也就不累赘了，大概的说一下一些简单的东西。SSL 证书有什么用SSL 是一个加密协议，它能保证你的数据在传输的过程中不被截取它能保证你的网站的内容不被篡改，比如国内的各宽带运营商，强制在你的网站上加 Javascript 代码，投放广告它能让你的网站看起来逼格更高当然，到目前为止，我还是冲着第三个作用去的 :))SSL 证书价格怎么样在不久的将来，可能将是全民 SSL 的时代，到时候各 CA 会免费给大家签证书，相关的新闻可以自行搜索。目前，签发证书的成本其实还是蛮低的。如果你是个人使用，不防试试以下的 CA 签发的证书，如果你是商用，我觉得你应该比我更清楚应该去哪里签。StartSSL免费签单域名证书沃通免费签单域名证书（中文，不过他的顶级 CA 还是 StartSSL, 而且二级 CA 还有大大的 FREE ，逼格不够)Comod ...继续阅读 (41)

今天，本人的博客去淘了一个几十块钱的 Comodo PositiveSSL 证书，以后通过 HTTP 将跳转至 HTTPS ，访问逼格更高。我以前也没有接触过 SSL ，导致拿到人生中第一张 SSL 证书的时候，Private Key 居然是通过第三方生成的，理论上来说这张证书基本上是废了，因为你家门的钥匙都是别人帮你配的，谁知道他有没有留一个副本！所以 Private Key 一定得自己生成。以下的内容，随随便便搜索引擎便能搜索到更加详细的，我在这里也就不累赘了，大概的说一下一些简单的东西。SSL 证书有什么用SSL 是一个加密协议，它能保证你的数据在传输的过程中不被截取它能保证你的网站的内容不被篡改，比如国内的各宽带运营商，强制在你的网站上加 Javascript 代码，投放广告它能让你的网站看起来逼格更高当然，到目前为止，我还是冲着第三个作用去的 :))SSL 证书价格怎么样在不久的将来，可能将是全民 SSL 的时代，到时候各 CA 会免费给大家签证书，相关的新闻可以自行搜索。目前，签发证书的成本其实还是蛮低的。如果你是个人使用，不防试试以下的 CA 签发的证书，如果你是商用，我觉得你应该比我更清楚应该去哪里签。StartSSL免费签单域名证书沃通免费签单域名证书（中文，不过他的顶级 CA 还是 StartSSL, 而且二级 CA 还有大大的 FREE ，逼格不够)Comod ...继续阅读 (9)

写在前面好久没写博文了，最近生活比较动荡，同时忙着学业、工作、生活的事。为了能让自己在广州顽强的活下去，算是拼尽全力了。最近各方面也都开始逐渐稳定下来，就回来打理下博客，锄锄草，免得访问被杂草拌着了。每次环境的更换都是对自己能力有着显著的提升，有时候你觉得在一个地方学不到或者基本重复着相同工作的时候，可以尝试换一个环境，可能对你未来的发展有更大的帮助。当然，说这些是因为自己最近换了个工作，在新的公司跟了一个项目，很多以前不敢实践的东西由于进度和要求的压力都慢慢开始用上了，很高兴的有几个非常友好和屌丝的同事在身边指导我，帮助我，让项目一期的如期的完成，虽然还有很多坑，但是自己挖的，自己填就好了，O(∩_∩)O！WEB APP 实践很早以前便想着手做一个WEB APP练手，但是苦于技术能力，一直没有很完美的框架选择的技术选型，迟迟没有动手。刚进现在这个公司，刚好前端团队在跟一个移动模板，有现成的技术选型（主要还是身边有能问的人），在5.1几天假期里，给自己的项目(Hi聊)写了一个WEB APP前端模板，目前只是一个demo，未对接API。Demohttp://m.hiliaox.com技术选型HTML Framework: Framework7Task Runner: GruntModule Loader: Require.jsTemplates Engine: mustache前端架 ...继续阅读 (27)

关于DChaser这个一个关于梦想的WordPress主题，它叫Dream Chaser(梦想追逐者)当你开发一款作品（产品）的时候，用心去塑造它，给予它灵魂，那么它便是“活”的。DChaser 一个简约大气的企业（工作室）主题，它无处不在的渗透着我们追逐梦想的路上，虽不奢华，但也绝不平庸！DChaser主题组件无限级的导航菜单你只要通过后台创建一个名为“DChaser”的导航菜单，并选中它，那么你便可拥有无限级的导航子菜单。详细设置，请参照：DChaser 主题导航菜单设置大气美观的Banner-Slide图片轮播模块发表文章时，附上一副图，把它设为“特色图片”，并添加自定义栏目“banne_slide”值为“on”，即可在主页显示并加入轮播详细设置，请参照：DChaser 主题首页图片轮播设置“核心服务”模块发布文章时，添加自定义栏目“main_services”值为“on”，即可设为“核心服务”暂时栏，内置8种ICO图片，当然，你可以自行设计。详细设置，请参照：DChaser 主题“核心服务”模块设置可切换的“最新图文”、“热评文章”模块图片型友情链接与底部FOOTER模板可在后台设置相对应的显示信息无限级的评论列表展示框评论列表将自适应大小展示评论列表，更加直观和大气异步提交的、刷新前可更新的评论提交框因为评论内容采用的AJAX异步提交，评论者在未刷新页面时可随意更改内容， ...继续阅读 (20)

首页图片轮播理论支持N张图片进行轮播，你只需要自定义一个栏目，并设置文章的“特色图片”即可将该文章加入到首页轮播序列中我们建议的首页大图图片尺寸为 940*340 为最佳。你必须先展开“显示选项”，并勾选“自定义栏目”发布文章时，新增一个名称为“banne_slide”自定义栏目，其值设为“on”,并选取一张图片为“特色图片” ...继续阅读 (76)

DChaser 主题导航菜单默认支持3级菜单，启用菜单的方式跟其他主题相同，非常简单请通过“后台”—>“外观”—>“菜单” ，新建一个名为“DChaser”的菜单，并在左侧选择为“主菜单”通过选取你需要的页面，按照你自己的需求进行排序，保存即可 ...继续阅读 (22)

如下图所示的就是“核心服务”模块，这个区域一样是读取用户设置的文章的主题包里面内置了8张ICO图片，你可以通过修改名称来替换原来的，或者你自行设计所需要的图案发布文章时，请新增一个名称为“main_services”的自定义栏目，并设置其值为“on”即可 ...继续阅读 (30)

“微博秀”这个小工具封装了微博个性签名和网站的sitmap 地址（默认在当前域名目录下）当然，如果你不喜欢这个插件，请自行修改主题代码实现你需要的效果请从http://app.weibo.com/tool?topnav=1&wvr;=5获取你需要微博秀代码从你获取的微博个性签名秀代码中，提取出【uid】和【verifier】字符串，填写在小工具-微博秀设置选项中，当然，你的网站地图地址也是在该小工具中一并设置的 ...继续阅读 (33)