今天在 进阶博客 看到了一个酷炫的网页背景效果，背景上会有动态的线组合成三角形等各种图形，并且会对用户鼠标移动作出响应。 要在自己的网站上加入这个效果，很简单，在 </body> 之前加入这段代码： <script src="//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js"></script> 刷新网页，效果就有了。如果没有看到效果，请检查你加的位置，这段代码不能加在 <head> 和 </head> 之间！ 但这样就产生了一个问题：在服务器到用户速度较慢的时候（比如晚上中美链路抽风的时候），用户浏览器在加载到上面这段代码所在的位置，也就是页面底部之前，无法得知它要加载这个 Javascript。也就是说，这段 Javascript 要在页面加载完毕后才会开始下载，而这会显著拖慢网页的总体加载速度。 所以，我们要在开头 <head> 和 </head> 之间再加入如下代码： <link href="//cdn.bootcss.com/canvas-nest.js/1.0....
在 Telnet 中显示有趣的东西
Telnet 是1969年发布的最古老的网络协议之一，却经久不衰，因为它实现简单，也可以用来实现一些有趣的用途。 网络上有人开发出可以在 Telnet 终端中观看的彩虹猫（Nyancat），还有在 Telnet 中观看的星球大战。 在你的终端中输入以下内容，就可以看到 ASCII 字符版星球大战：（Windows 7 及以上用户需要先到控制面板-程序与功能-添加删除 Windows 功能里选中 Telnet 客户端功能才能使用） telnet towel.blinkenlights.nl 输入以下内容就可以看到彩虹猫： telnet nyancat.dakko.us 我们也可以在自己的服务器上建立一个类似的 Telnet 服务，让它显示自己定义的内容。我们以在终端中显示黑客帝国数字雨的 CMatrix 软件为例，说明如何建立这个服务。 登陆到你的 Debian 服务器上，输入下面的命令： apt-get install openbsd-inetd telnetd cmatrix 并等待安装完成。 创建 /opt/cmatrix.sh ，输入如下内容： #!/bin/sh cmatrix -abu 2 编辑 /etc/inetd.conf ，...
在 Leaflet 中合并使用谷歌中国卫星图和高德地图
前几天用 Leaflet 这个 Javascript 模块制作了一个需要用到地图的项目，但是在寻找地图数据源时发现，高德的卫星图在中国大陆以外地区无法放大到较高精度，显示该区域无卫星图；而谷歌中国的卫星图上没有街道信息。 经过一些研究，我发现高德的卫星图分为两个图层：卫星图层和街道图层。而且，高德和谷歌中国的地图都使用了天朝的火星坐标系加密，也就是两者的地图可以直接叠加而不会错位。将高德的街道层和谷歌中国的卫星层合并，就有了一张既能高精度放大、又有街道信息的电子地图。 演示： var map = L.map("map", { center: [39.904983,116.427287], zoom: 3, zoomControl: false }).setMaxBounds([[-90,0],[90,360]]); var mapLayers = { '谷歌高德杂交/卫星':L.layerGroup([ L.tileLayer('//www.google.cn/maps/vt?lyrs=s@189&gl=cn&x={x}&y={y}&z={z}', { maxZoom: 20, minZoom: 3, attribution: "谷歌提供卫星图，高德提供街道图" }), L....
一个屏蔽莆田系医院的 Hosts
1980年代，位于东庄镇的陈德良通过自己研制的偏方，在本地成为著名的皮肤病（疥疮）游医，之后他招收门徒，开始向全国进军。他们最初在电线杆上张贴性病、皮肤病等小广告宣传，在中国大陆各地赚到「第一桶金」，后来改在电视与报纸刊登广告。主要治疗项目有性病、鼻炎、狐臭、肝炎、风湿、皮肤病等。莆田系最主要的势力是由詹氏家族、林氏家族、陈系家族和黄氏家族四个家族组成。 这些游医最初采取找医院承包科室，将不合法的莆田系开始走向合法化与隐秘连锁的规模化发展；并用重金聘请公立医院医生。1998年，被外界称为「中国打假第一人」的王海，对备受社会诟病的性病游医展开调查，并发现中国全国所有性病游医几乎均来自福建省莆田市东庄镇。尽管由王海掀起的打击性病游医风波，对莆田系的扩张造成沉重打击，但莆田系发展却并没因此结束，相反，他们通过转型升级获得进一步发展。2000年，国务院发布指导意见，...
用 PHP 和 JavaScript 显示地球卫星照片
向日葵8号气象卫星是日本宇宙航空研究开发机构设计制造的向日葵系列卫星之一，重约 3500公斤，设计寿命15年以上。该卫星于2014年10月7日由H2A火箭搭载发射成功，主要用于监测暴雨云团、台风动向以及持续喷发活动的火山等防灾领域。——百度百科 日本发射这颗卫星后，不仅用它防灾，还将它拍摄的地球照片发布在互联网上，供爱好者下载。照片发布的官方网站是 http://himawari8.nict.go.jp/ ，每到整10分钟更新（比如9:30，9:40……），同时有30分钟延迟（你10:00看到的照片实际上是9:30拍的）。 接下来，我们就要研究一下如何获取这些卫星照片了。通过浏览器的访问监测功能，我们可以看到请求的地址：（点击看大图） 在本例中，请求地址是 http://himawari8-dl.nict.go.jp/himawari8/img/D531106/2d/550/2016/06/14/140000_0_1.png 。地址中有以下几个重要的参数： 2d 代表图像清晰度，2d就是将图像分成2x2的550px x 550px的图片，...
Microsoft Accounts 在天朝访问发生异常
2014年10月4日晚上，从中国访问微软账户登陆页面均会跳出SSL证书无效提示，如图： 颁发对象 公用名 (CN) hotmai.com 组织 (O) hotmail.com 组织单位 (OU) <未包含在证书中> 序列号 29 颁发者 颁发者 公用名 (CN) hotmai.com 组织 (O) hotmail.com 组织单位 (OU) <未包含在证书中> 有效期 颁发日期 14-9-23 截止日期 15-9-23 指纹 SHA-256 指纹 7B AC CB 75 4D A5 BA 45 1F C5 FA E5 10 6B CE 22 34 E3 14 0C 8A 3B 05 9B 36 B0 8C 47 C7 C1 97 2D SHA-1 指纹 30 F3 B3 AD C6 E5 70 BD A6 06 B9 F9 6D E2 41 90 CE 26 2C 67 以上复制自 Chrome，由「颁发者公用名仅为域名」和「hotmai.com」（没有l）可以看出，这是一次SSL中间人攻击事件。 假证书内容如下：...
Font Awesome 图标字体使用
Font Awesome 是一个图标库开源项目，它目前最新的4.1版本提供了439个矢量图标，可以匹配各种大小和各种分辨率的屏幕，而它是作为一个字体存在，71KB的一个文件就包括了这些图标。这些图标风格统一，可以很方便地用在各种地方。 1.安装 首先下载Font Awesome： https://fortawesome.github.io/Font-Awesome/assets/font-awesome-4.1.0.zip 然后解压，把里面的文件上传到你的网站。 然后在网页的head标签部分加入以下代码： < link rel = "stylesheet" href = "http://你的网站/文件夹/font-awesome/css/font-awesome.min.css" /> 这样就安装完成了。 2.使用 https://fortawesome.github.io/Font-Awesome/icons/ 这里有一张表，对应着图标的class名称，找到你要的图标，比如fa-cloud，然后在你的网页代码里插入： < i class = "fa fa-cloud" ></ i > 效果： 如果你需要放大图标，那么就增加一个类fa-lg，或fa-2x，fa-3x，fa-4x，fa-5x。...
在“开发者工具”中加上彩蛋
Chrome 开发者工具里有一个叫「控制台」（Console）的地方，我们可以在这里加几句彩蛋，比如： 欢迎来到 Lan Tian @ Blog。 如果你能够看到这几行话，那么你肯定没有女朋友。 这几句话可以通过Javascript来输出，实现代码如下： if ( window . console ){ var cons = console ; if ( cons ){ cons . warn (&# 39 ;% c 欢迎来到 Lan Tian @ Blog 。&# 39 ;,&# 39 ; color :#09 f &# 39 ;); cons . warn (&# 39 ;如果你能够看到这几行话，&# 39 ;); cons . warn (&# 39 ;那么你肯定没有女朋友。&# 39 ;); } } 其中cons.warn如果只接受一个参数，那么就在控制台里输出这一句话，如果有两个参数而且第一个参数（这句话）以%c开头，那么第二个参数就是CSS代码。 用cons.warn会导致输出在最开头有一个黄三角，如果用cons.log那么开头就什么都没有，如果用cons.error那么开头有一个红叉，如图。...
nginx 配置并启用SSL和SPDY访问
来自 CloudFlare 博客的最新消息（ http://blog.cloudflare.com/google-now-factoring-https-support-into-ranking-cloudflare-on-track-to-make-it-free-and-easy ），Google可能会在算权重的时候把网站支持SSL作为加分项目。因此我就给我的博客启用了SSL。 申请证书 SSL在服务器端必须有证书。这个证书最好不要自己生成，否则大多数浏览器都会提示证书不受信任。 StartSSL是目前唯一一家颁发免费SSL证书并且受到大多数浏览器信任的证书颁发机构，可以根据 http://www.freehao123.com/startssl-ssl/ 这篇文章进行操作。 不过在实际操作中，由于StartSSL连接速度较慢，如果按照向导生成证书，中途可能卡住，而一旦卡住就要全部重来，我们可以自己生成证书请求，然后提交。 在你的Linux服务器（本例为Debian 7）上输入以下命令产生一个私钥： openssl genrsa -out privkey.pem 4096 输入以下命令产生证书请求（CSR文件），其中信息可以乱填，...
Debian VPS 设置SMTP发信
在博客中，当博主对访客的评论作出回复，除非访客再次来访，否则很难发现博主已经回复了自己。但是通过评论回复邮件通知功能，在博主或者其他访客回复访客评论的时候，访客会收到邮件，从而及时得知自己收到了回复。 但是在最常用的WordPress博客系统中，一般只能通过系统默认的sendmail发送邮件，这样的邮件很容易进入垃圾箱，因此我们一般选用腾讯、微软、Google等提供域名邮箱和他们的邮件服务，这就需要通过SMTP发邮件。问题是sendmail并不支持SMTP，我们可以在博客系统中通过插件解决问题。 但是这种方法有局限，如果VPS提供商屏蔽了25端口（SMTP标准端口）那么某些不支持通过 SSL加密的SMTP发送的博客系统也发不了邮件。而且如果你的VPS上运行好几个网站、不同网站程序，逐个设置非常麻烦也容易出错。 所以我们可以在VPS中直接安装SMTP邮件发送软件来解决问题。 eSMTP是一款和sendmail语法兼容的软件，它可以把sendmail要发送的邮件通过SMTP来发送。...