对于 Android 采用的 Google Map Key 来说，是由一串 MD5 值（类似这样：94:1E:43:49:87:73:BB:E6:A6:88:D7:20:F1:8E:B5:98）生成的。那么这个 MD5 是哪来的呢？

1. 开发环境的 Google Map Key

这个比较简单，网上大面积教程所采用的 android 系统默认带有一个 debug.keystore。假如开发使用 Eclipse，在其 windows -> Preference -> Android -> Build 下，其中 Default debug keystore 的值便是 debug.keystore 的路径。

在命令行或者终端执行下面命令（注意指明 debug.keystore 的路径）即可获取到 MD5 值。

keytool -list -keystore debug.keystore

2. 发布环境的 Google Map Key

假如你的应用需要上线到官方的 Google Market 上面，则需要根据其 apk 的签名证书（keystore）的 MD5 值去生成，方法也很简单，发布的签名同样可以使用 Eclipse 的 Export 工具制作。制作完毕后（或许这个生成的签名没有 .keystore 后缀，不用在意）。同样也使用上面的命令获取其 MD5 值。

# 比如，证书路径 /home/icyleaf/android/ews
keytool -list -keystore /home/icyleaf/android/ews
...
#  查询到了 MD5 值
Certificate fingerprint (MD5): 94:1E:43:49:87:73:BB:E6:A6:88:D7:20:F1:8E:B5:98

使用其 MD5 值在 Sign Up for the Android Maps API 页面填写生成即可。

接下来的步骤就没什么了，又是搜索出千篇一律的教程，大家 Google 之。

安装一个开源的 Finder 辅助工具：cdto。功能只有一个就是实现在 Finder 打开 Terminal 并切换到当前 Finder 目录。找到你系统的版本的 app （支持当前 OS X 10.4 以上版本，应该都是雪豹了 吧）拷贝到 Applications 下并把它拖到 Finder 的工具栏上即可。

从 Terminal 中用 Finder 打开当前路径的目录

open .

PS，如果是 Ubuntu 系统的话请安装 nautilus，然后在 Terminal 里面输入

nautilus .

关于部署，奇迹上是自动部署，起初的想法是使用 bash shell 制定一个定时任务去不断 git pull 产品代码，后来记得 Git 带有 Hooks，索性在 ProGit 一书翻了翻：

Git 本身可以调用自定义的挂钩脚本，其中有两组：客户端和服务器端。客户端挂钩用于客户端的操作，如提交和合并。服务器端挂钩用于 Git 服务器端的操作，如接收被推送的提交。详情请查看 ProGit 相关章节

如果这样就简单了，利用服务器端调用想要的挂钩（Hook），即可实现自动部署的方案，为了保证不被肆意部署，特加了一个对需要部署 commit 的判断，利用读取 commit subject 并匹配想要的字符串才去部署，这样我认为是一个比较安装的部署方案。

Git的挂钩（Hook）主要包含：

• applypatch-msg
• post-update
• pre-rebase
• commit-msg
• pre-applypatch
• update
• post-commit
• pre-commit
• post-receive
• prepare-commit-msg

这里我们只需要使用 post-receive 这个 Hook：在接收 post(push) 请求之后执行。其他大部分我也没有大多研究，不过看名字不算难理解，我觉得其中大部分包含 commit 的属于客户端。

好了，部署开始：

1. 在服务器 git 仓库（注意是 bare 仓库，不是代码仓库）的 Hooks，编辑 post-receive（如果没有自行创建），贴入下面代码（Feed 用户请看这里）：

这里会先判断脚本所在目录是否是 bare git 仓库，然后获取最新 commit 的 subject，并匹配是否包含 [deploy] 字样，如果包含，则继续检查产品代码仓库路径是否存在，如果存在则执行 git pull 操作。

2. 对刚才编辑的 post-receive 执行下面命令以保证脚本可执行：

$ chmod +x post-receive

3. 完成！

————————————-

对于自定义脚本，其实不仅限于 bash shell，你可以使用你熟悉的语言，然后把你的脚本路径在 hooks 脚本中加载即可。

脚本还会继续更新，下面需要增加关于测试部分的相关判断和部署。 bash shell 还需要进一步学习，上面脚本是我第一次写，如有不妥之处，请指教，感谢！

于是想，如果可以找到 Javascript 版的相关代码就一定可以改成 PHP 版本的，结果在 Google 搜索找到了…

var elt = document.getElementById('table');
var xpath = getElementXPath(elt);
alert(xpath);

// Get full XPath of an element
function getElementXPath(elt)
{
	var path = "";
	for (; elt && elt.nodeType == 1; elt = elt.parentNode)
	{
		idx = getElementIdx(elt);
		xname = elt.tagName;
		if (idx > 1) xname += "[" + idx + "]";
		path = "/" + xname + path;
	}

	return path;
}

// Get Idx of an element
function getElementIdx(elt)
{
    var count = 1;
    for (var sib = elt.previousSibling; sib ; sib = sib.previousSibling)
    {
        if(sib.nodeType == 1 && sib.tagName == elt.tagName)	count++
    }

    return count;
}

PHP 改进版：

// Use it before import PHP Simple HTML DOM Parser
$html = file_get_html('http://www.google.com/');
// find a sample element by id
$elt1 = $html->find('#footer', 0);
// find a sample element by tag name
$elt2= $html->find('div', 10);

// it will return if found it: //*[@id="footer"]
$xpath = getElementXPath($elt1);

// it will return if found it: html/body/div[10]
$xpath = getElementXPath($elt2);

function getElementXPath($elt)
{
	$path = '';
	$first = TRUE;
	for(; ($elt AND $elt->nodetype == 1); $elt = $elt->parent())
	{
		$xname = $elt->tag;
		$idx = getElementIdx($elt);

		if ($first AND isset($elt->attr['id']))
		{
			$path = '//*[@id="' . $elt->attr['id'] . '"]';
			break;
		}

		if ($idx > 1)
		{
			$xname .= '[' . $idx . ']';
		}

		$path = '/'.$xname.$path;

		$first = FALSE;
	}

	return $path;
}

function getElementIdx($elt)
{
    $count = 1;
    for($sib = $elt->prev_sibling(); $sib ; $sib = $sib->prev_sibling())
    {
        if($sib->nodetype == 1 && $sib->tag == $elt->tag)
        {
        	$count++;
        }
    }

    return $count;
}

大家同样可以把上面的代码直接 crack 到 PHP Simple HTML DOM Parser 库中。

对于两台以上的不同配置的机器，对于初学者来说（我也算，呵呵）想要每台机器安装同样的软件是非常麻烦的事情。下面在这篇文章中原作者提供了一种简单的方式解决了这个问题，核心思路为：如何把一台 Ubuntu 的已安装包列表导出并把它们导入到到其他机器的 Ubuntu 系统之中。

复制系统软件源文件
复制 /etc/apt/sources.list 文件到U盘（或其他移动设备）上面。

导出已安装包列表

$ dpkg --get-selections | grep '[[:space:]]install$' | \\
awk '{print $1}' > ~/package.list

复制 package.list 文件到U盘（或其他移动设备）上面。

设置目标系统
更新软件包列表，以确保获得最新版本的软件包

$ apt-get update

导入包列表

$ cat ~/package.list | xargs apt-get install

完成！所有包列表的程序都会导入到新的系统当中，但这并不意味着所有的设置已经克隆。为了完成这一点，您可能会需要从 /etc 目录复制配置文件。

更新：目前校内网已经修补了此漏洞，所以大家可以放弃了，除非你想抓住那 1% 的机会

你想查看他或她的私隐信息吗？如果你说的他或她是校内网，海内网，开心网的用户，那么请你尝试一下，校内网，海内网，开心网用户隐私查看器。通过这个工具，你可以轻松的获得用户的相册照片，日志文章以及状态（迷你博客）的内容。恩…趁着目前都还没有打补丁之前。不要做坏事哦～

工具
校内网，海内网，开心网用户隐私查看器

此工具重点做的是校内网的功能模块，对于海内网和开心网的用户，只是显示了用户的相关链接。

使用说明
首先！必须先登录网站系统之后才进行操作！ 无论是校内网，海内网还是开心网的用户，首先都需要获得用户的ID，那么怎么获得呢，很简单，只要打开用户的个人界面，查看地址的末尾的数字。一般会以下列的方式出现：

http://xiaonei.com/profile.do?id=123456

http://www.hainei.com/user?r=123456

http://www.kaixin001.com/home/?uid=123456

数字前面的就可以看出来是用户ID。获得用户ID之后，只要把用户ID填入到校内网，海内网，开心网用户隐私查看器的相应输入框，并选择是哪个网站的用户，点击”Get it!“，稍等片刻就会获得用户的相关链接。

原理
由于校内网和海内网均属于一个团队开发出来的，所以在系统但自身机制上的问题， 可以通过地址绕过的方式查看用户的相册，日志，状态记录等等非用户资料信息。但是开心网可能考虑到用户的安全性，在默认选项上安全系数提高了一级。那么到底是哪里提供了呢，好的，我简单讲解一下，对于校内网和海内网，用户无论是创建相册还是添加日志和状态记录，默认的隐私属性（谁能浏览）为”全站用户可见”，这就导致了校内网，海内网，开心网用户隐私查看器的出现。而开心网除了日志之外，其相册，记录默认为“好友可见”。所以，可查看的资源只有日志，还有极少数的用户可能会把相册的隐私属性设置为”全站用户可见”。

补救方法

1. 等待系统的修改，或者系统可能就是为了这样…
2. 手动修改…把隐私属性修改为“好友可见”或其他。

特别声明
本工具只为技术交流使用，请勿做非法事情，如有此事请自己承担法律责任！切记！切记！

邮箱每个人都有，而且大部分应该还不只一个而已，分类使用，工作用一个，生活用一个，申请会员/社区再用一个….不过多少个一般都会有一个比较重要的，和朋友交流的email。比如我，平时和朋友聊天以及WordPress的留言自动邮件都是发到一个指定的邮件里。一旦到了周六，周日休息的时候，可能会错过一些重要的邮件，而用手机上网收发邮件虽然可以，但是我们总可能一直在刷新吧，所以几天突然想起来邮箱都是由自动转发功能的，那么利用什么做中间介质发短信通知到自己的手机上呢？

中国移动间接的为我们提供了一个非常棒的服务：手机邮箱(又名139邮箱)，中国移动免费提供1G的服务，直接申请就可以了，然后无论什么时候，只要139邮箱有了新邮件，它就会发一个免费短信到自己的手机上，而且还支持在手机上阅读哦！那么我们开始行动吧。

如果你要设定转发所有的邮件请按照这个步骤：
这里我拿Gmail做例子，点击设置（settings）-> 转发和POP/IMAP（Forwarding and POP/IMAP）。勾选“转发邮件副本到（Forward a copy of incoming mail to）”再在后面填写上你的手机邮箱填上，在保存即可。

如果你要设定转发符合条件的邮件请按照这个步骤：
同样以Gmail为例子，点击设置（settings）->关铝其（Filters），点击新建过滤器（Create a new filter)，然后根据提示的配置框填写你指定的参数即可，填写完成后，点击”测试搜索”可以预览你的设置是否符合你的要求，如果没有达到，请重新设置，再测试，直到达成你的要求后点击下一步，然后勾选倒数第二项，“转发到（Forward it to）”然后再在后面填写上你的手机邮箱填上，在保存即可。
注意：这两个方法不能同时实现，任选其一。

再找一个邮件测试下，一会你就能听到自己手机的短信铃声咯～祝大家好运!

编写WordPress（以下简称wp）插件难免要和关联着wp的某一个或多个方面的东西，就拿我的刚更新的WS Auido Player插件来说，它需要提供一个窗口使得用户输入某些值来达到简化用户记忆以及操作的功能。自己敲一个两个代码还好，如果全部都是自己写的话，那和写HTML有什么区别呢？这个就是TinyMCE编辑器面世的主要目的之一。

其实想这个部分的东西，主要是因为国内也没出几个这样的插件（或者是我不知道而已）再者是也蛮少有人来写这方面的教程，网上找到的只有干巴巴、苦涩的英文句子，看着就是没中国字舒服，呵呵(^___^)，所以我就花了点时间自己整理出了这个教程。当然wp官方也有提到如何编写只不过写了一些核心的几句代码（看这里），剩下的还让你自己参考wp系统中tinymce插件。为什么要看wp系统中tinymce插件，而不是看tinymce官方的文档呢，这里要说句牢骚的话。wp其中使用到了很多及其优秀的开源代码，而且每个东西还或多或少的修改修改。这一下让我们看开源代码不是，看wp系统又感到迷茫。最好的是两者都得看。

书归正传，首先我们先简述下Tinymce在wp中用到版本。在wp 2.1.x – 2.3.x版本中使用到的是一直没有更改Tinymce 2。而在Tinymce 3推出不久，wp做了重大的版本变动，也就是现在的2.5，其中更新至tinymce3。而tinymce3也是一个大变动的版本，其中较大的改写了tinymce插件的函数。当然这也是为了方便用户而改进的。注意由于wp2.3.x版本已经老了，本教程只支持wp2.5以上版本。

首先，构建wp插件必要的文件以及基本代码，这里我把插件项目的名称叫做“SimplePlugins”以便记忆。首先我们先看下主文件的全部代码：

/*
Plugin Name: Simple Plugins
Plugin URI: http://www.icyleaf.cn/
Description: Simple Plugins
Version: 1.0
Author: icyleaf
Author URI: http://www.icyleaf.cn/
*/

// 定义一个常量并判断wp是否是2.5以上版本
define('IS_WP25', version_compare($wp_version, '2.4', '>=’) );

// 定义插件目录的常量
$myabspath = str_replace(“\\”,”/”,ABSPATH); // 针对Windows & XAMPP
define(‘WINABSPATH’, $myabspath);
define(‘WSAPFOLDER’, dirname(plugin_basename(__FILE__)));
define(‘WSAP_ABSPATH’, $myabspath.’wp-content/plugins/’ . WSAPFOLDER .’/');
define(‘WSAP_URLPATH’, get_option(‘siteurl’).’/wp-content/plugins/’ . WSAPFOLDER.’/');

if (IS_WP25){
function SinmplePlugins_addbuttons() {
// 权限判断，若没有撰写日志和页面的权限就返回。
if ( !current_user_can(‘edit_posts’) && !current_user_can(‘edit_pages’) ) return;

// 仅在Visual（可视化）模式下添加
if ( get_user_option(‘rich_editing’) == ‘true’) {
// 添加必要的函数到wp hook里面
add_filter(“mce_external_plugins”, “add_SinmplePlugins_tinymce_plugin”, 5);
add_filter(‘mce_buttons’, ‘register_SinmplePlugins_button’, 5);
}
}

// 在wp2.5的tinymce编辑器注册按钮插件，名字要独一无二
function register_SinmplePlugins_button($buttons) {
array_push($buttons, “separator”, “PluginsName”);
return $buttons;
}

// 加载自定义的TinyMCE插件：editor_plugin.js (wp2.5)
function add_SinmplePlugins_tinymce_plugin($plugin_array) {
$plugin_array['PluginsName'] = WSAP_URLPATH.’tinymce3/editor_plugin.js’;
return $plugin_array;
}

function SinmplePlugins_change_tinymce_version($version) {
return ++$version;
}

// 当你的tinyMCE插件改变了就修改tinyMCE插件版本号。
add_filter(‘tiny_mce_version’, ‘SinmplePlugins_change_tinymce_version’);

// 插件初始化
add_action(‘init’, ‘SinmplePlugins_addbuttons’);
}
?>

可能大家通过上面的代码还不明白，我这里简单讲述一下核心的东西。wp2.5版本把之前的钩子替换掉了，在wp2.5+中关系Tinymce3，主要是由以下两个钩子：
mce_buttons：通过一个以按钮名字做参数的（输入输出）PHP函数来注册按钮并返回。 “|”符合可以使用separator代替。
mce_external_plugins：通过一个输入输出PHP函数关联数组：’plugin_name’ => ‘plugin_url’
tiny_mce_version：通过版本号码作为一个字符串，它可以自动改变tinyMCE插件的版本号。

另外，tinymce插件是放在名为tinymce3的文件夹下面，当然名字是自定义的。对于tinymce插件这里还需要大家看一下tinymce3的文档，其配置文件名为editor_plugin.js，通过点击按钮加载的显示窗口的文件是window.php，然后再通过一个js脚本（tinymce.js）来把设置的内容添加到编辑器中。

// Docu : http://wiki.moxiecode.com/index.php/TinyMCE:Create_plugin/3.x#Creating_your_own_plugins

(function() {
// 多语言支持的插件标识，和langs的各个语言文件匹配
tinymce.PluginManager.requireLangPack(‘SimplePlugins’);

tinymce.create(‘tinymce.plugins.SimplePlugins’, {
/**
* 初始化插件， 在创建完成后就可以显示执行了
* @参数 {tinymce.Editor} ed 编辑器初始化点。
* @参数 {string} url 插件位置的绝对URL。
*/
init : function(ed, url) {
// 加载按钮时，执行此函数，名字以小写的mce开头，后面接注册插件的名字。
ed.addCommand(‘mceSimplePlugins’, function() {
ed.windowManager.open({
file : url + ‘/window.php’, //显示窗口的文件
width : 360 + ed.getLang(‘SimplePlugins.delta_width’, 0),
height : 210 + ed.getLang(‘SimplePlugins.delta_height’, 0),
inline : 1
}, {
plugin_url : url // 插件的绝对URL.
});
});

// 注册按钮
ed.addButton(‘SimplePlugins’, {
title : ‘SimplePlugins.desc’,
cmd : ‘mceSimplePlugins’,
image : url + ‘/simple.png’ //按钮的图标
});

// Add a node change handler, selects the button in the UI when a image is selected
ed.onNodeChange.add(function(ed, cm, n) {
cm.setActive(‘SimplePlugins’, n.nodeName == ‘MP3′);
});
},

/**
* Creates control instances based in the incomming name. This method is normally not
* needed since the addButton method of the tinymce.Editor class is a more easy way of adding buttons
* but you sometimes need to create more complex controls like listboxes, split buttons etc then this
* method can be used to create those.
*
* @param {String} n Name of the control to create.
* @param {tinymce.ControlManager} cm Control manager to use inorder to create new control.
* @return {tinymce.ui.Control} New control instance or null if no control was created.
*/
createControl : function(n, cm) {
return null;
},

// 插件信息
getInfo : function() {
return {
longname : ‘SimplePlugins’,
author : ‘icyleaf’,
authorurl : ‘http://www.icyleaf.cn/how-to-load-tinymce-plugins-for-wordpress’,
infourl : ‘http://www.icyleaf.cn’,
version : “1.0″
};
}
});

// 注册插件
tinymce.PluginManager.add(‘SimplePlugins’, tinymce.plugins.SimplePlugins);
})();

这个是一个典型的配置文件，不好意思英语很烂，只能简单翻译，在这个文件的开头是加载语言的标识，语言文件都放在其插件的langs文件夹下面，一每个国家的语言缩写作为其语言，比如，美式英语：en_US.js；中国的简体中文，那就是cn_ZH.js。

window.php是窗口显示的文件，这里就不在多说了，大家自己看下WS Auido Player插件的代码就知道了，那么如何把填写好的配置返回到编辑器里面呢，如果你注意看window.php，你会发现，他在提交时调用了一个js函数。这个函数是放在插件的tinymce.js文件里面。然后通过tinymce.js主函数的处理就把相关的代码插入到编辑器当中了：）

———————-

希望献血的朋友注意，现在重庆、北京的血库已经饱和，暂时不能再接受献血。 （信息来自新闻早报）

body{
background-image: url(http://www.icyleaf.cn/logo.jpg);
}
/* 也可以直接使用background 代替 */
body{
background: url(http://www.icyleaf.cn/logo.jpg);
}

这都是可以的，所以说css的自由度很高，这点我很喜欢。其实css显示图片分3种，第一种是单纯的显示一个图片；第二种称之为CSS Sprites，也就是说把若干小图片合成一个大图片，然后通过background的postion参数实现效果，第三种就是我们今天说的另类用法，它也有学名称之为Inline images。实现声明一点，这个方法不适用于IE浏览器，恩，没错，IE，我们都遗弃你了。（关于CSS Sprites 的描述信息来自7career.org）

CSS Sprites是一种把所有的图片都以base64编码以源代码的形式写在CSS文件里，格式是这样的：data:[<mediatype>][;base64],<data>

data:URL标签是在1995年第一次提出，按RFC2397规范的描述：它是”allows inclusion of small data items as ‘immediate’ data.（允许在页面中包含一些小的即时数据）”。如一个内嵌的的图片可以这样引用：

body{
background-image:url(data:image/gif;base64,R0lGODlhCAAIAJEAAOnp6eTk5O7m8AAAACH5BAEAAAIALAAAAAAIAAgAAAINjAMJh2q6DnxOVsqmLQA7);
}

这段代码可以在firefox浏览器运行，恩，图片是我取自mg12当前模板的背景图，呵呵(^___^)

base64编码简单的说是，Base64内容传送编码被设计用来把任意序列的8位字节描述为一种不易被人直接识别的形式。最早使用在windows系统的电子邮件传输的，主要是附件的传输。在那个时候的黑客们也流行过一段base64编码版的木马和病毒。为了简单篇幅，想了解的看这里。
第一次我也是通过这个方法获取的图片的base64编码，主要原因是网上没有现成的转换这种编码的工具，估计已经被大家所遗忘掉了。我这里简单的写了个PHP代码，实现了图片编码的转换：
在线转换：Demo | Download

这个在线转换的背景就是上面那段代码，大家可以通过查看网页源码看到。图片的代码转换原理也很简单，通过读取图片的文件并把图片储存在一个数组（或字符串）里面，然后使用base64_encode转换即可～ok，讲解完毕。