博客好久没有更新了，一来是因为最近工作比较忙，二来是因为喜欢上了微博客，自己用wordpress的程序在网站的根域名下搭建了一个微博客，无论是手机上网还是用电脑，发布更新都非常的方便，而且不用再挖空心思考虑怎么写日志才对得起自己的博客。
今天，不能不在发一篇日志了，因为我今天得知wordpress的官方发布了他的微博客的模板p2，跟我自己的首页的微博客的模板还是有一定的渊源的。
想当初，我想建一个微博客，采用了wordpress的程序，深入的研究了下wp的模板体系，从而写出来我的那个miniblog的模板，但是，模板中一直有很多的不足之处，比如快速发表的问题一直没有解决，不过从朋友处得知，wordpres官方也在开发类似的模板，真是想到了一起去了。首先去官方看了下演示，确实挺不错的，其中加入了很多ajax的因素进去，比我的先进多了，不过因为是英文的，拿到中文博客上面来还是有很多不是怎么合适的地方，好的地方需要学习，于是乎，把官方的快速发布的功能整个的移植到了我的博客上，并进行了一定的扩充。移植后发现，其实，我们采用的快速发布的代码一样，我的有问题，是因为我少写了一行返回首页的代码而已……
今天上google reader看到有的人说官方已经发布了正式的p2模板，可以从官方下载了，基本上功能都没有变化，还是沿用以前的。
有需要迷你博客的模板的，可以考虑从官方下载最新的版本：P2。
有时间的话，再把官方的前台显示评论的功能添加到我的模板上。
最后在说一句题外话，魔兽世界已经确定要由网易代理了，九城虽然在代理过程中存在着一定的问题，但是，九城还是一个不错的代理，这不能不承认，关于为啥新版本忘了开，其实不是企业的问题，而是国家体制的问题，不能把这个归于九城的运营不利中，而网易代理，也不代表着6月份我们就能玩的上巫妖王之怒，希望网易能够走好吧，期望九城网易能够完美的交接，希望玩家不要受到影响能够平稳的过渡。
经过一系列的修改及完善，现在正是发布我的网站首页所用wp模板。
关于模板有以下几点注意：
- 模板头部链接为本站内部链接，需要的可以修改下改成自己的，或者是删除。但是须注意的是，如果修改成自己的，要看清楚我使用的是相对路径，有些时候，比如启用了固定链接功能的博客，使用相对路径的时候网址就出错了。
- 模板自带后台管理项，包括，Icp备案号、头部背景图、统计代码这三个常用的设置项，只需要填写前台就可以显示，不填写则不显示。（快速发表设置模块暂时不能使用）
- 本站前台快速发表，采用的是插件形式，经过我自己的修改适应了本站模板，想启用的话就要安装我修改的插件，这里一并提供下载，不启用的话，不安装插件则对模板无任何影响。
- 关于插件的启用流程，上传后，插件页面启用插件，然后去外观->小工具目录将Quick Press这个模块加入侧栏。
- 插件存在着一定的问题，如前台发布文章后，不能刷新，刷新则重复添加一条文章，可以点击首页的链接，就一切正常了。
- 前台发布的文本框支持html代码，常用的写在了一侧，方便使用。
- 快速发表的title采用默认的系统时间，但是须注意的是，这个时间是打开网页的时间，并不是发表的时间，曾经想过修改下，但是感觉没有意义，我一般都写一个简单的标题的。
- 前台调用最新评论的头像。
- 页脚加上了我自己的网站的链接，有使用或者修改本站的模板的，希望能够保留，谢谢。
如果有其他什么不足或者是需要改动的地方，本站将实时更新，欢迎关注。
感谢在我的模板制作过程中向我提供帮助的老蛇及可乐，很多代码及其他，他们都提供过许多的帮助及建议。
模板下载：链接。
插件下载：链接。
经过几天的修改，我的迷你博客的模板及功能基本完成。
现在如果不通过WLW更新日志的话，就还有一个选择，就是用前台的快速发表的功能，有三个表单，分别是日志标题、日志内容及日志的关键字tags，默认发布到默认日志分类，现在也就是我的闲扯的分类。因为是应用的插件形式，而我自己又不会php及js，这个插件又有点bug，我不会修改，用的时候是有点问题，但是这影响并不是很大。问题主要是一下的方面：
发表日志后页面不能手动刷新，如果刷新的话会有一个提示，具体什么提示忘了，反正是表单好像还有内容，如果选择同意的话，刷新就又发表一篇日志，内容完全一样的，我都是通过点击首页链接或者是我的博客名那里进行刷新。
因为是采用的插件，现在只能在启用插件的前提下在sidebar页面放那个提交的表，本来打算直接集成到模板中，无奈自己不会，所以放弃了，而整个页面的宽度是700px，如果全放表的话有点宽，因此我只设置了一部分，另外的一边我放了个图。
原来打算是放上最新评论的功能，不过，现在还拿不准微博客到底需不需要有添加评论的功能，暂时没有加。
快速发表是，标题有人说没有啥必要，写不写无所谓，其实不是这样的，如果不写的话，无论是后台还是在rss阅读器里面，都显示无标题实在是不爽，最好是写上几个字概括下大意。我在插件上又添加了一项功能，就是如果不写标题的话，默认的标题就是系统时间，也算是解决了上面的问题，我现在就经常懒得写标题直接用时间来做标题。
主要就是以上的问题，如果再有什么就继续添加。
关于功能方面，有人喜欢twitter那种类型的，可以用客户端一类的东西对博客进行更新，其实wp一样可以，只不过我水平不够暂时搞不出来了。
如果实在是需要的话，有一个折中的办法，就是采用Twitter Tools这个插件实现，开启后wp跟twitter就可以互动了，我尝试开启了下，在博客端发布消息很快就更新到twitter上了，在twitter发消息，很快博客这边也就有了，所以，通过twitter一类的客户端一样是可以更新个人的微博客的。
这种采用wp的微博客最主要的就是模板显示什么的可以自由定义，方便自由。
很久以前，他们给我一张图片，关于css的速记卡，上面很多css的一些常用的属性等东西，而我只会用editplus敲代码，而且是不定时的，什么时候想法来了就搞一段，当然也仅限于很简单的那种，所以，所有的css的这些标签了属性了什么的，我记得并不清楚，那张图片对我的帮助很大，帮我记住了很多东西。最近，图片找不到了，后来千辛万苦再网上让别人帮我又找了一张，为了方便我自己，并且方便别人，我用了一上午的时间，把图片上面的那些东西都敲到了网页上并上传到我的空间，放服务器上面，估计会相对的稳定一点，而且更加方便自己的使用吧，只要服务器不挂并且我能上网。速记卡的地址在这里。
这个网页的格式，依然是采用图片的布局，毕竟以前自己查的时候看着也习惯了，网页代码写的相当的简单，没有过多的考虑什么标准什么兼容，就是写着玩的，所以希望来这里看的人要求不要过高了。有需要这个图片的人可以到我的图片链接的google相册去下载或者直接去作者的网站下载。你也可以直接把我的网页复制过去。网上搜索css cheat sheet的话你可以找到针对这个图片上面css详细的中文翻译文章，有需要的人可以直接去百度一下。
经过这个网页，我找到了原作者的网站，找到后我才发现我真是坐井观天了，人家这个css速记卡的东西是很久以前发出来的，今年又搞了一个2.0的版本出来，对目前的这个版本进行了重新的布局并修改了一些东西。另外，在他那里我不止找到了css的速记卡，还有php、html、JavaScript、asp、mysql等等网页编程相关的速记卡，我还在他的网站上面找到了魔兽世界的速记卡……关于魔兽世界的速记卡上面记录的全部都是对话相关的快捷方式，比如怎么喊话怎么密语等等，没想到人家作者兴趣爱好也还是很广泛的吗。
既然说到了魔兽世界，顺便说一下，今天我的小德升级到70了，到目前为止，我70的号有牧师、盗贼、圣骑士、德鲁伊这四个了，下个帐号的话，估计我会选择萨满或者法师，或者放弃游戏。
刚才荆棘鸟在群里讨论他的标签是否符合w3c的标准，贴上来一段代码，作用是，一个文本框，需要输入内容，在没有输入的时候里面有一段提示内容，当点击这个文本框输入的时候，文本框内的内容自动消失。挺简单的一个功能，但是没有想到实现起来还是很麻烦的，在网上找了一段代码，贴上来以备后用。
好像html里面加上这样的js代码就不符合标准了……不过标准是死的，人是活得，不一定处处都符合标准。
来源：闪吧
解决思路：当需要填写的文本框很多时，在每个文本框内写上提示信息是个不错的办法，但这样一来用户在填写该项时必须先把提示文本删掉，非常不方便。所以应该让文本框更人性化一点，在focus时检查当前值是否为文本框的默认值，是则清空，否则保持不变，而在blur时检查文本框的内容是否为空，是则重置为默认值，否则保持不变。
具体步骤：
1.设置文本框的默认值或提示信息。
<input value="填写您的昵称">
<input value="填写您的生日(1900-01-01)">
2.判断、清空文本框内容的函数。
function cls(){
with(event.srcElement)
if(value==defaultValue) value=""
}
3.判断、还原文本框内容的函数。
function res(){
with(event.srcElement)
if(value=="") value=defaultValue
}
4.给文本框添加触发事件onfocus和onblur，调用函数处理。完整代码：
<script>
function cls(){
//捕获触发事件的对象，并设置为以下语句的默认对象
with(event.srcElement)
//如果当前值为默认值，则清空
if(value==defaultValue) value=""
}
function res(){
//捕获触发事件的对象，并设置为以下语句的默认对象
with(event.srcElement)
//如果当前值为空，则重置为默认值
if(value=="") value=defaultValue
}
</script>
<input value="填写您的昵称" onfocus="cls()" onblur="res()">
<input value="填写您的生日(1900-01-01)"
onfocus="cls()" onblur="res()">
注意：本例的方法对大部分表单控件都有效，比如多行文本框。
特别提示：运行完整代码，在鼠标第一次单击文本框时该文本框内容将被清空，在文本框外单击时文本框内容将还原回默认值。如果改变了文本框的值，将不再有任何变化。
前几天老蛇玩Js差点玩出火来，想想真的挺好笑的，那么小的网页，能让服务器宕机，看来js的能力确实不可估量啊，有时间玩网页的最好都学习下。
Javascript因为和普通的网页html代码不一样，有时为了进行一些简单的调试，我们也许会采用 alert()，但有时也是很麻烦的，比如在一个循环中，我们可能就要点击 n 次的弹出窗口了。但现在有了 Blackbird，我们就可以和 alert() 说拜拜了。刚才在Roamlog的博客上发现一款js调试工具，据说还不错，特别转过来，给老蛇用，我自己也记录下以备后用。
虽然有人说会很多 Javascript 类库都有类似功能，但我可不想因为进行一些简单的调试而去加载一个框架，因为 Blackbird 足够简洁和小巧了，就 4 个文件，20 多 KB： blackbird.js，blackbird.js，blackbird_icons.png，blackbird_panel.png。
使用也非常简单，保持 css 文件和 png 文件在同一目录下（注：当然你也可以修改 css 文件，使之按你想要的目录方式存放。），然后在你想调试的页面的 < head> 和 < /head> 之间加载该 js 和 css 文件即可，大概代码如下：
<html>
<head>
<script type="text/javascript" src="/PATH/TO/blackbird.js"></script>
<link type="text/css" rel="Stylesheet" href="/PATH/TO/blackbird.css" />
...
</head>
...
Blackbird 支持当前的主流浏览器如 ie6+，Firefox2+，Safari2+，Opera9.5 等，并支持快捷键操作：
- F2： 显示和隐藏控制台
- Shift + F2 : 移动控制台（目前只支持移动到四个角，如果支持随意拖动就更炫了。）
- Alt + Shift + F2：清空控制台信息
同时，Blackbird 还提供多个公共 API：
- log.toggle() 显示或隐藏 Blackbird
- log.move() 移动
- log.resize() 修改 Blackbird 窗口显示大小
- log.clear() 清空信息
- log.debug( message ) debug 信息
- log.info( message ) 一般消息
- log.warn( message ) 警告信息
- log.error( message ) 错误信息
- log.profile( label ) 计算消耗时间
使用方法也很简单，如想在 Javascript 代码里调用 Blackbird，代码如下：
log.debug( 'this is a debug message' );
log.info( 'this is an info message' );
log.warn( 'this is a warning message' );
log.error( 'this is an error message' );
或一个更详细，具体的例子：
log.profile( 'local anchors' );
var anchors = document.getElementsByTagName( 'A' );
for ( var i = 0; i < anchors.length; i++ ) {
if ( anchors[ i ].name ) {
log.debug( anchors[ i ].name );
}
}
log.profile( 'local anchors' );
以上代码来自 Blackbird 官方，演示和下载地址如下所示：
刚才在怿飞的博客上看到，<img>标签，一样可以加上背景的。
以前不知道，但是看他那里评论，这个其实很早就有人用了，他的方法就是，首先将<img>标签设置成块(block)，然后就可以加上背景了。
这种办法其实挺简单的，比如，做一系列的图片列表，需要添加背景的那种，就可以不用加上厚厚的边框来实现那种带边框的效果了。加上一个背景，还是挺好看的，加个花边或者别的。
怿飞这里有个例子可以看看：例子地址。
给img设置双边效果的代码可以参考下面的代码：
img {
display:block;
padding:1px;
background:red;
border:1px solid black;
}
在平时网页设计中，有些小的地方，自己并没有注意到，今天看到一篇文章，特别摘录过来。
- CSS 的十六进制颜色代码缩写。习惯了缩写及小写，这才知道，原来不是推荐的写法，为的是减少解析所占用的资源。但同时会增加文件体积。孰优孰劣，有待仔细考证。
- 无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 border:0; 只是定义边框宽度为零，但边框样式、颜色还是会被浏览器解析，占用资源。
- 不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。
- 慎用 * 通配符。所谓通配符，就是将 CSS 中的所有标签均初始化，不管用的不用的，过时的先进的，一视同仁，这样，大大的占用资源。要有选择的初始化标签。
- 样式放头上，脚本放脚下。不内嵌，只外链。
- 坚决不用 CSS 表达式。
- 使用 <link> 引用样式表，而不是通过 @import 导入。
- 一般来说，PNG 比 GIF 要小，小得多。再者，GIF 中有多少颜色是被浪费的，很值得优化。
- 千万不要在 HTML 中缩放图片，一者不好看，二者占资源。
- 正文字体最好用偶数，12px、14px、16px，效果非常好。特例，15px。
- block、ul、ol 等上下留出至少一倍行距，左侧至少两倍行距，右侧随意。
- 段落之间，至少要有一倍行距。
- 强行指定某些元素的 line-height，正文 1.6 倍于文字大小，标题 1.3 倍。
- 中文标点用全角。英文夹杂在中文中，左右空格，半角。
- 中文字体的粗体和斜体，远离较好，利民利己。
本文摘录自Wordzine。
