Whidy Blog – 第 34 页 – 聚集IT技术,硬件,数码,音乐等内容的个人博客

Whidy二周岁纪念.

2年前,一直想拥有博客的我,在当时复杂的情感”压力”下创建了whidy!眨眼间两年过去了.

Whidy历经了”风风雨雨”.曾一度迷茫,又一度奋起.两年后的今天whidy变得成熟,变得开朗,变得自信了…虽然还有很多坏的习惯仍在努力的改正中.相信,whidy会变的完美.

再来说说whidy这两年的对互联网的影响,那就是微乎其微了 :cry:,一方面,我不太会seo,另一方面,作为博主,实在没有太多的心思写大量的原创文章.网站也就一直没有什么PR,排名什么就不提了,日访问量30左右的IP,少的可怜…回想以前还想着靠网站做广告呢…其实很多时候我还是十分天真.前阵子百度PR到1了一阵小激动…这没几天又回0了…也不知道为啥.

好吧,其实也不过是篇纪念文,,,文章的最后,感谢朋友对whidy的支持与关怀.还是要记得常来看看,说不定有意想不到的收获,吼吼~

Sublime Text 2下使用ZenCoding简介

上次简单全面的介绍了Sublime Text 2这款编辑器,对这个轻巧的编辑器,关注的人还是不少的,我虽然大部分时间还是习惯用Dreamweaver,不过同时也在逐渐适应这款编辑器,并时不时研究一下,今天将为大家分享一个关于Sublime Text 2插件ZenCoding的简单说明和使用方法.

首先是ZenCoding的安装方法,这里不详述,可以参考之前写过的一篇文章<<Sublime Text 2 注册激活办法以及简单的使用介绍>>,首先我们看一下来自国外Vimeo的演示视频.

看完这段视频大家一定会觉得很神奇吧.不过这个视频是3年前录制的,如果需要下载原版清晰的视频,请点击:<<原版视频介绍>>可能是当时的版本区别问题,貌似跟现在的Sublime Text 2操作略有不同.

不过大家就算在Sublime Text 2下安装了Zencoding插件,去不知道怎么使用,那么这的确很让人无奈,我就简单分享一下,让大家更快更容易上手.首先关于快速自动生成代码的快捷键是”Ctrl+Alt+Enter“,它会在程序底部弹出一个输入框.那么你可以尽情的按照视频介绍中的方法来使用,具体什么效果试试就知道了;另一个方面,还有个”Ctrl+Alt+Shift+H“组合键可以在你的新建的文件中快速生成html页面的基本结构代码,一般作为测试简单的脚本之类的超级方便 😈

这里简单介绍将简单的缩写代码展开方式及规律,Sublime Text 2支持的属性和操作符的列表:

E
元素名称(div, p);
E#id
使用id的元素(div#content, p#intro, span#error);
E.class
使用类的元素(div.header, p.error.critial). 你也可以联合使用class和idID: div#content.column.width;
E>N
子代元素(div>p, div#footer>p>span);
E+N
兄弟元素(h1+p, div#header+div#content+div#footer);
E*N
元素倍增(ul#nav>li*5>a);
E$*N
条目编号 (ul#nav>li.item-$*5);