大量Google+邀请赠送,新增一枚知乎邀请@2011-10-20

现有大量Google+邀请赠送,另有少量ifttt邀请,少量如果云邀请(一枚),少量知乎邀请(仅一枚)

ifttt邀请已无@2011-08-03

知乎邀请新增一枚@2011-08-03

知乎邀请仅还有一枚@2011-08-05

知乎邀请暂无@2011-08-06

知乎邀请新增五枚@2011-08-10

知乎邀请还剩三枚@2011-08-15

知乎邀请还剩两枚@2011-09-08

知乎邀请已无@2011-09-27

知乎邀请还剩一枚@2011-10-20

Via:Chairo@2011年07月29日-EOF-

调整本站LABjs加载文件@2011-07-28

背景:

俺修改的这个模板使用了LABjs来确保使用的JS文件并行加载并顺序执行。因为站点服务器放在水深火热的USA,为了保证页面内容在第一时间可以展现给浏览者,除将页面中用到的较大图片均采用Mootools的Lazyload插件来异步加载外还将页面使用的样式表CSS文件改为使用LABjs+自己写的一个Loadcss.js小脚本来异步加载。

本次修改点

  • 之前的JS加载顺序为loadcss.js+mootools-core.js,然后调用loadcss加载模板使用的样式表。虽然这样可以相对加快Mootools的载入速度,但会稍拖慢模板样式表文件加载速度。权衡之下,现修改为加载loadcss.js然后就调用loadcss加载模板样式表文件。之后再顺序加载Mootools等js文件。
  • 去掉Google+1按钮,之前发现Google+1显示速度非常慢,一则因为朝内大环境问题,二则可能Google本身也有问题(Google号称有一次提升加载速度,但对我朝网络效果并不明显)
  • 将原来百度统计替换为Google Analytics(还在测试,看LABjs加载方式是否可以生效)

Update@2011-07-29:LABjs加载Google Analytics生效,但今天已经把LABjs换为yepnope.js了,LABjs加载方式见此贴

Via:Chairo@2011年07月28日-EOF-

Zen Coding教程

之前有接触过Zen Coding这个概念,那时候还处在一个很急躁的状态,要求任何东西都要上手简单拿过来就可以正常跑,不想看任何文档。看到Zen Coding就被一堆> C-Y等给迷惑住了,加上还处于习惯鼠标点啊点的状态(而且Zen Coding对UEStudio支持并不是很好),Zen Coding这个工具就被俺给搁置了。

首先介绍下俺当时最没耐心看下去的C-Y这个概念:C-Y表示键盘的Ctrl+y这两个按键,Zen Coding的展开缩写快捷键为C-Y,(对应按下键盘的Ctrl+y然后按住Ctrl的同时按下键盘上的逗号键)。赶紧上一个华丽的例子让你对Zen Coding产生兴趣:

在已经安装Zen Coding的编辑器里输入html:5,然后按下展开快捷键(Ctrl+y+,)你会发现html:5变成了下边这段代码:

<!DOCTYPE HTML>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
 
</body>
</html>

如果对Zen Coding有点兴趣了,推荐你安装Vim然后搭配ZenCoding.vim插件,现最新版本为0.53。然后推荐你用>2个小时的时间仔细阅读下Zen Coding的文档:Zen HTML ElementsZen CSS Properties。这两个文档详细介绍了Zen Coding的一些html及css标签缩写。

为了让你对Zen Coding更感兴趣,再放几个实例:

  • div#header>ul.navigation>li*4>a展开后为:
    <div id="header">
            	<ul class="navigation">
            		<li>
            			<a href=""></a>
            		</li>
            		<li>
            			<a href=""></a>
            		</li>
            		<li>
            			<a href=""></a>
            		</li>
            		<li>
            			<a href=""></a>
            		</li>
            	</ul>
            </div>
  • div>div#page>p.title+p|c
    <div>
            	<!-- #page -->
            	<div id="page">
            		<!-- .title -->
            		<p class="title"></p>
            		<!-- /.title -->
            		<p></p>
            	</div>
            	<!-- /#page -->
            </div>

最后,介绍下Zen Coding的其他几个快捷键(如无特殊说明C-Y均表示Ctrl+y):

  • C-Yd
    在插入模式下,要向内选择标签
  • C-YD
    在插入模式下,要向外选择标签
  • C-Yn
    跳到下一个编辑点
  • C-YN
    跳到上一个编辑点
  • C-Yi
    展开或者更新img 标签的width, height属性
  • C-Ya
    从url生成<a href="url"></a>链接
  • 试试:h zencoding这个命令吧

Via:Chairo@2011年07月28日-EOF-

申请到Burst.net的代理账号,可以提供代购84VPS服务

Burst.net俗称巴斯,在hostloc等国外主机论坛中又称84。今天正式申请下来了BurstNET的代理,可以提供代购服务。本人信用card非黑pp,如需要请留言。

BurstNET公司介绍

BurstNet是一家成立于1991年的网络主机服务商。位于宾夕法尼亚州东北,面积超过11000平方公尺,服务于全球100多个国家的独立服务器提供商。与1996年底正式提供互联网主机服务。BurstNET的迅猛发展逐渐使其成为主机托管市场的佼佼者,目前共托管全球无数的域名和服务器,是一家世界500 强企业。而其提供的VPS以性价比高为广大国人喜欢,有大量的国人用户。

BurstNET 7x24客服联系方式

  • AIM:BurstNET
  • Email:support@burst.net
  • Tickets:https://support.burst.net/(推荐)

BurstNET优势

  • 宽带充裕,国内访问速度不错。上传和下载速度均不错
  • 具备硬件DDOS防护-CISCO GUARD
  • 独立ip便宜
  • 性价比高
  • 大公司,无跑路危险

为什么选择BurstNET代理购买VPS

  • 便宜(是正常价格的75%,并可以再使用一次其他优惠码)

附录:

Via:Chairo@2011年07月20日-EOF-

趁船小好调头,调整文章每页数量

Blog开始到现在也仅仅短短不到3个月,趁搜索引擎收录还不多,赶紧调整每页文章数量。之前每页文章数量为10篇/页,发现滚轮滚动一页需要太长,所以调整了一下每页文章数量,调整为5篇/页既加快了页面加载速度又减少了鼠标滚动距离,但有点加剧页数。

站点中插入的图片及侧边栏等用到的一些较大图片均做了Lazyload处理,使用的插件为David Walsh的Mootools插件,但做了小小修改(增加了一个option:except用来屏蔽默认不需要Lazyload的图片,并且修正了原下载地址的一个小bug,此bug在David Walsh的Demo页面是没有的,但在提供的下载代码中是存在的。),需要使用此插件的请点击这里

接下来的TodoList:

  • 如果有可能会修改Blog右侧底部的“返回页面顶端”的功能,希望可以增加文章标题,来快速定位当前页文章位置。
  • 完成上边这个功能后可能会再合并页面中使用到的小图标为一张大图,来减少页面请求数(原因见附图1 Pagespeed分数)。

Update@2011-7-15 22:55:26:右侧“返回页面顶端”功能修改完成,界面不够美观,但俺能力有限,美观程度仅限于此了。

Update@2011-7-19 9:18:37:合并图片完成

附图1:
Pagespeed分数

Via:Chairo@2011年07月15日-EOF-