博客

最近我经常在群里（240746680）推荐大伙使用 Vagrant 在本地搭建一个开发环境，很多人会有疑惑，觉得 WAMP 或者 MAMP 不是更方便吗，一下就安装完事了。在某种情况下，他们刚开始的确是简单点，我之前我一直在用它们，在视频里也演示过怎么使用他们。不过现在，我认为所有人都应该把这些一键安装的开发环境扔掉垃圾筒里，亲手去配置一个开发环境。

在本地用 Vagrant 搭建一个开发环境，我认为是 Web 设计与开发的第一件重要的事，所以，如果您正要开始进入 Web 开发这个行业，又不知道从哪里开始，我建议，就从这里开始。在你自己的电脑上，配置一个现代的开发环境。宁皓网提供了一些相关的课程，可以帮助你实现。

腾讯的会员制度我是搞不清楚的，前两天发现加好友时候提示好友人数已达上限，才知道之前续的 svip 会员到期了，续了费以后，也没管 QQ 群的事，今天有朋友在群里截图说 QQ 群变成 200 人的群，问是不是 bug ，我才知道，续了 svip 会员以后，还得去把降级之后的 QQ 群再次升级。发现，可以升级成原来的 1000 人的群，另外也可以选择升级成 2000 人，于是又交了个什么钱，现在，宁皓网的这个 QQ 群可以容纳 2000 人了，有兴趣就快点加进来吧，240746680。

哦，申请加入的时候最好可以写几个字儿，暗号是 ：）

《 参与感 》是小米科技的联合创始人黎万强写的，内容主要是关于用户，员工，营销，还有小米公司的故事。《 我的互联网方法论 》是 360 创始人周鸿祎写的，也是关于用户，产品的一些故事。今天刚刚看完了，如果你喜欢，就送你了。留下评论以后，把您的详细地址发到 53166188 这个 QQ 的邮箱里吧。

这个月就会发布 WordPress 4.0 的正式版了，我们也打算再制作一批关于 WordPress 的课程。您对这些课程有什么好的想法吗？能说一下吗？比如你想学到什么，课程的形式，想解决的问题，需要的功能，想要的网站等等。 我保证，所以留在评论里的建议与想法，都会得到一个说法，能用视频解决的，我们都录成视频，需要文字说明的，我们就写篇文章，解决不了的，我们会继续想办法解决。

在课程的视频页面，如果您还没登录，会显示一个登录的区块，还有一个视频的截图。登录以后，会把你重定向到当前访问的这个视频页面，如果您是会员，会在这个页面上显示出视频的播放器。

实现这个功能，我用的是 Drupal 的区块， 登录区块是 Drupal 自带的，只是调整了一下样式。右边的截图是由 Views 生成的一个区块，在这个区块上，会去判断当前的内容的 id 号来显示正确的视频截图。

简单的改进一下。到时需要关掉网站，大伙早点休息吧 ：）

2014.08.12 04:45 更新

刚整好，修改了几个页面的显示。现在我是把所有要做的修改写在一个笔记里面，对着笔记再去改网站，应该去找一下更好的维护网站的流程。drush + git ？

2014.08.12 09.38 更新

处理特定的内容列表

这次修改用到了一些小技巧，比如你想根据一个特定的条件，对一个内容列表进行处理，比如修改这个内容列表的字段的值，我们可以先去创建一个可以修改字段值的 Rules ，然后再去用 VBO 模块生成一个要处理的列表，接着对这个列表应用之前创建的 Rules 。

搜索并替换数据表

如果你想直接处理数据库里的东西，比如搜索某个表里的某个字段的值，把它替换成特定的值，可以使用下面的形式：

宁皓网终于有了搜索功能，你可以搜索课程，视频，还有博客，搜索的结果会分组显示。没有添加复杂的搜索功能，比如实时搜索，切面搜索等等。因为咱们还是一个小网站，内容不多，一个简单的搜索结果页面完全可以让你找到你想要的东西。

这个搜索功能用到了 search api，一个用在 Drupal 上的非常灵活的搜索模块。搜索的后台用到了 elasticsearch，很多大牌也在用她作为搜索的后台，比如 github，xing，soundcloud，wordpress，mozilla ... 当然也有很多像宁皓网这样的小牌也在用。

刚刚添加的搜索功能，没有经过多少测试，所以，对她温柔一点 ：）

已经申诉了，看看有没有结果，上帝保佑 ：）

2014.07.17，20:35 更新

今天在群里有几个朋友反应说在访问宁皓网的时候，360 浏览器提示宁皓网是高危网站。我搜索了一下，webscan.360.cn 这个地址可以扫描网站的问题，的确提示被挂了木马，不过我检查了一下网站，没有发现什么异常，又搜索了一下可疑的文件，也没什么异常。那个提示是挺吓人的，会弹窗提示，建议关掉正在访问的网站，而且再访问其它的购物网站时，还会提示您之前访问的 ninghao.net ，xxx 小心注意。群里有人说，要给 360 交点保护费，不过我搜了半天，也没看到哪里可以交这个钱。现在我想，360 应该也不会看上这样的小网站。

现在问题解决了，在确定网站本身没有问题以后，可以向 360 提出申诉。

15:42 申诉
19:48 申诉处理完成

你在本地搭建了一个开发环境，可能是为 php 准备的，你在这个本地的开发环境上面做了一个项目，当你把它迁移到真正的服务器上的时候，你发现了一些问题。这很可能是因为你的本地开发环境与服务器的生产环境之间是有区别的。慢慢地，你又想试一下 node ，因为它跟 JavaScript 的关系不错。或者又对 ruby 产生了兴趣，只因为她有个好听的名字。尝试这些你都需要去安装一些软件，去配置它们的运行环境，你越来越发现，管理这些环境可能会是个问题。

Vagrant 可以让你为每个项目都创建一个虚拟机，你可以选择虚拟机运行的操作系统，去配置需要的环境，比如安装 Web 服务器，数据库管理系统等等。项目的目录可以放在你的电脑上，它会跟虚拟机上的一个目录同步。你的电脑与虚拟机之间可以相互访问，所以，你可以像往常一样，用自己喜欢的编辑器去开发 Web 应用，然后用虚拟机上配置好的环境去运行你的项目。使用 Vagrant，你可以在本地电脑上用虚拟机去配置一个跟 Web 应用的生产环境一样的环境，一样的操作系统，一样的软件，一样的配置。你还可以与团队里的其他成员分享你的开发环境，

两年前，我们发布了第一个 Bootstrap 框架的课程，介绍了 Bootstrap 2 的基本用法。今天咱们再一起学一下 Bootstrap 3 ，相比第二个版本的 Bootstrap，做了很多改进，Bootstrap 3 是一套移动优先的前端框架。移动优先就是，设计的所有的样式默认都会应用到移动设备上，然后在设计里，利用媒体查询，一步一步的增加对于其它尺寸设备的设计。