安装或者更新

如果你还没有安装，请在Package Control里搜索KeymapManager直接安装。

如果你之前安装过，需要对KeymapManager更新，更新方式如下：

通过shift+ctrl+p打开Command Palette…， 输入upgrade，执行 Package Control: Upgrade/Override All Packages，等待更新完成。

使用方式

通过Ctrl + Alt + k 打开KeymapManager, 拉到最后一项KeymapConflict（可以通过键盘向上按钮快速找到），点击后就弹出当前已经发生冲突的快捷键，并提示快捷键在哪些命令下发生了冲突，如图：

这样就很清楚的列出了哪些快捷键有冲突了，如果冲突的快捷键影响到了功能的使用，你就可以进行对应的插件目录去修改了。并且可以对修改后的快捷键再次检测是否有冲突。

代码维护

代码始终放在github上进行维护，项目地址： https://github.com/welefen/KeymapManager

相关文章

• 使用KeymapManager管理Sublime Text2插件的快捷键
• 如何开发Sublime Text2插件

修复的bug

1、修复了顶部自定义添加的导航item不能active的bug

2、修复了右侧最新评论点击后在新页面点击书签标题不正确的bug

3、修复了调用widget方式在sinaapp下报错的bug

4、修复了jquery下点击链接页面跳到顶部的动画丢失的bug

新增的功能

1、给评论的用户名和邮箱添加了必填的*

2、给评论的邮箱和URL增加了ime-mode:disabled，IE和FF浏览器禁止直接输入非英文字符

3、优化了评论列表样式

4、优化了详细页展现，去除了日期的突出显示

5、增加了友情链接页面 查看效果

6、增加了日志归档页面 查看效果

友情链接和日志归档页面可以在后台的页面中添加，在右侧模版中选择links和archive即可，然后可以添加到顶部菜单中。

下载和安装

本地下载：

1、v1.5压缩版本

2、v1.5不压缩版本

github下载：

1、v1.5压缩版本

2、v1.5不压缩版本

安装方式： 将下载的zip文件解压后拷贝到wp-content/themes/下，在后台启用gplus主题即可。如果是主题更新的话直接覆盖即可。

代码维护始终放在https://github.com/welefen/gplus

相关文章

• gplus主题发布v1.4版
• 发布一款Google+版wordpress主题
• gplus主题发布1.3版
• 发布gplus主题1.1版
• velocity性能大会总结

编辑模式下如图：

访问了www.yisou.com这个网站，发现页面如图：

它的编辑模式下：

除了编辑模式下把添加导航和导航列表换了下位置，其他样式上几乎完全一样啊。不过功能上现在还很弱。

从源代码和域名相关信息发现是阿里他们家的，呵呵。。。

相关文章

• 百度新首页性能优化
• 前端交流会
• 续: 如何减少代码上线过程中对服务的影响
• 新百度首页
• 发放10个百度统计热力图的邀请码

新增的功能

1、增加了对第三方评论插件的支持，如使用友言评论插件，需要在主题设置里开启

2、增加了优化版的Wp SyntaxHighlighter，相对于插件减少了很多HTTP请求，提升前端性能。同时解决了使用pjax后，返回内容中含有代码不能正常高亮的问题。需要在主题设置里开启并关闭wp SyntaxHighlighter这个插件。

3、评论内容增加了对换行的支持

4、增加了对分页插件wp paginate的支持

5、页面顶部增加了rss的链接

6、增加了对大屏幕的支持，大屏幕下会显示更大的宽度。是转向响应式布局的第一步

7、使用了更好的文件组织结构

8、应大家的要求，增加了未压缩版本

修复的bug

1、修复了发布评论后再访问当前页评论列表没有更新的bug

2、修复了使用pjax后返回内容语法高亮的bug，修复方式见新增功能的第2项。

3、修复了使用kissy js框架在文章列表页会有JS报错的bug

4、其他一些小问题的修复

下载和安装

本地下载：

1、v1.4压缩版本

2、v1.4不压缩版本

github下载：

1、v1.4压缩版本

2、v1.4不压缩版本

安装方式： 将下载的zip文件解压后拷贝到wp-content/themes/下，在后台启用gplus主题即可。如果是主题更新的话直接覆盖即可。

代码维护始终放在https://github.com/welefen/gplus

相关文章

• gplus主题发布v1.5版
• 发布一款Google+版wordpress主题
• gplus主题发布1.3版
• 发布gplus主题1.1版
• velocity性能大会总结

百度新首页实例

下面我们对照看下没有安装任何扩展的chrome和安装了一些chrome扩展后访问百度新首页的瀑布流。

这是没有安装任何chrome扩展的瀑布流，效果还是非常不错的。

下面我们一些常用的chrome扩展，如：adblock, 音乐电台，截图，lastpass, 代理等，如：

安装了这些扩展后，我们在看下现在的瀑布流是什么样的：

从这个瀑布流里可以看到，中间有很多断的地方，直接导致了加载时间要长很多。

原因分析

那是为啥装了些扩展后就会页面的加载速度呢？

熟悉chrome扩展开发的同学应该知道，chrome扩展是允许向页面里植入CSS和JS的，并且CSS和JS的植入可能还会引起一些图片等资源的下载。

具体的配置在manifest.json里的Content Scripts，如：

"content_scripts": [
 {
     "matches": ["http://www.google.com/*"],
     "css": ["mystyles.css"],
     "js": ["jquery.js", "myscript.js"],
     "run_at": "document_end"
 }
 ]

这个表示向http://www.google.com/下所有页面植入mystyles.css和jquery.js和myscript.js这3个文件，并且植入时段是在document_end。run_at有3个属性值，分别对应：

• document_start 在页面CSS加载完成之后，DOM结构构造完成和Script执行之前加载
• document_end 在DOM结构完成之后，图片或者iframe等资源之前
• document_idle 在document_end和window.onload找个空闲时候触发

从3个run_at值来看，如果植入的脚本在document_start，那对页面的影响是非常大的。虽然这些资源在本地，没什么网络传输时间，但还是有解析和执行时间。

并且一个扩展可以植入多个资源或者脚本，如果扩展安装比较多的话，对页面性能的影响就非常大了。

如何知道用户安装了哪些扩展

当然获取用户安装了哪些扩展会侵犯了用户的隐私，但如果知道用户装了哪些扩展，并且知道这些扩展植入了哪些资源，那对分析页面性能的影响帮助还是非常大的。

如果你去chrome webstore里安装扩展的话，细心的你会发现webstore是知道哪些扩展是安装了的。如图：

通过分析页面里的JS发现，是使用了chrome.*的API进行的，这个API就是chrome浏览器暴露给扩展的API。

在https://chrome.google.com/webstore/search/%E7%94%B5%E5%8F%B0页面的Console里，执行chrome，发现chrome有如下的属性和方法：

但在其他非chrome.google.com的域名下执行chrome,只有下面的属性和方法：

也就是说chrome.*下的很多API只给chrome.google.com开了白名单。

那有没有其他办法拿到用户装了哪些扩展呢？

波兰安全研究员Krzysztof Kotowicz通过一个简单粗暴可依赖的办法，只要很短的JS代码就能知道用户安装了哪些扩展，见测试DEMO页，代码如下：

var detect = function(base, if_installed, if_not_installed) {
    var s = document.createElement('script');
    s.onerror = if_not_installed;
    s.onload = if_installed;
    document.body.appendChild(s);
    s.src = base + '/manifest.json';
}
var log = function(msg) {
    document.getElementById('log').value += '[*] ' + msg + '\n';
}

function logme(i, id) {
    return function() {
        log('Detected addon: ' + i + ' (' + id + ')');
    }
}

window.onload = function() {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', 'addons.json', false);
    xhr.onreadystatechange = function() {
      if (xhr.readyState == 4) {
         var addons = JSON.parse(xhr.responseText);
         for (var i in addons) {
            if (addons.hasOwnProperty(i)) {
                detect('chrome-extension://' + i,logme(addons[i], i));
            }
         }

      }
    }
    xhr.send(null);
}

实现原理看懂了其实比较简单，通过下面几个步骤：
1、手工维护一个manifest.json，这个文件列举了webstore下扩展列表。当然webstore如果有扩展添加的话，需要手工更新这个列表

2、循环执行manifest.json这个列表，因为每个扩展都有manifest.json这个文件，所以通过script方法加载这个manifest.json文件，地址为：chrome-extention://扩展id/manifest.json

3、如果这个manifest.json存在，则表明安装了这个扩展

这种方式目前一个比较大的问题的是因为要循环那个大列表，所以有点耗时。当然这样方式chrome浏览器后续可能会fixed掉。

还有一种方式就是开发一个扩展，专门用来测试用户安装了哪些插件，以及这些插件有没有植入css和JS，并且植入的CSS和JS是否对当前页面有影响。当然这种方式需要用户的配合才能进行。

如果你有其他更好的方式，欢迎一起讨论。

相关文章

• 如何利用CDN进行全网加速
• 百度新首页性能优化
• 音乐电台chrome插件(包含豆瓣、人人等14个电台)
• velocity性能大会总结
• Smarty3性能优化工具

查了很多关于毕业后户口在哪里的资料，最终获得的结果应该是在湖北省高校毕业生就业指导服务中心。买了20号晚上的车票，带好了所有的材料，包括各种证件的复印件，登上了去武汉的火车。

21号早上7点到了武昌火车站，打车直奔湖北省高校毕业生就业指导服务中心，他们8：30才开门，等的过程中和一个从宜昌敢过来给儿子办理结婚证明的叔叔闲聊，了解到一些关于户口更多的细节。开门后，拿着户档托管表（必须是户档托管表或者毕业证，不能是身份证）给工作人员借户口档案页，却被告知只有档案在他们那里，户口不在他们那里。

后来打车去湖北省人才市场，户口也不在那里。去了附近的派出所，让他们帮忙查了下，户口还在学校。

去了学校的毕业生就业指导中心，查不到相关的记录。

后来又去了学校的保卫处，告知他们户口还在学校后，得知毕业超过2年学校无法再托管户口，必须要打回原籍，但周五（3.23）才有结果。没办法，只好找了同学的师弟帮忙，让他周五去取结果，然后把材料在快递给我。

拿到材料后确定打回原籍的话，一个月内还必须要回家一趟。

中国的户籍制度啊，我反正到现在还是不太明白。

这里提醒下毕业后没管户口的同学，赶紧查查自己的户口在哪里，如果还在学校的话，赶紧迁回家吧。即使现在不弄，以后办理居住证、护照、开结婚证明的时候都要弄，那个时候在急着办，以那些人的办事效率来说，是很悲剧的。

小提示： 查自己的户口在哪里可以不用去学校，直接找个派出所拿身份证就可以查，都是联网的。

@update 2012.03.25

拿到了从武汉快递过来的户口迁移证，定了3.30晚上的火车回家。

 @update 2012.04.09

请了3.31和4.1号2天假，买了3.30号晚上的车票,3.31号下午到了我们那里河鹏证的派出所。出示了户口迁移证和身份证后被告知需要所在的乡证开具介绍信。幸好姐夫有车，找了熟人去开了介绍信。然后花了差不多一个小时将户口、临时身份证、身份证给办好了。

本来临时身份证需要3天才能拿到，并且需要到县城的公安局去拿。最后只好又托了关系，第二天下午去县城拿到了。

在中国还是有关系号使，罪过罪过。

相关文章

• No Related Posts

现在增加了日本的机房，速度相当于Fremont, CA要快一些，所以昨天晚上花了点时间将vps迁移到了日本的机房。

迁移步骤

1、登录linode，进入Support，点击“Open a new Support Ticket”增加一个Ticket。内容可以填为：change vps location to Tokyo, Japan。提交之后，他们的工作人员差不多会在1分钟之内做出响应。

2、等他们回复后，进入vps管理页，关闭当前的vps。

3、点击migrate button就开始进行迁移了。

4、然后就是等待数据传输了，10-15分钟差不多可以传输1G，具体要多长时间就要看vps里有多大东西了。

5、迁移完成后，启动vps。然后会分配一个新的IP给你，这时候需要将域名的DNS改成新的IP

如果你是新注册linode可以直接选择日本的机房，你可以通过这个链接进行注册：http://www.linode.com/?r=e2270fdd2ac60cd7d3f852c0cb3f1977eb70e53e

迁移到日本机房后，使用监控宝大致看了下，差不多可以提速400ms，效果还是非常明显的。

ps: 弄完后也顺便重新编译了下PHP，增加了exif模块的支持。

相关文章

• No Related Posts

为了解决这个问题，让所有安装的插件可以很方便的管理，开发了KeymapManager这个插件。

安装KeymapManager

可以通过Packages Control进行安装，搜索keymapmanager即可。

如果你还没有安装Packages Control，建议先安装Packages Control在安装KeymapManager。或者你也可以从https://github.com/welefen/keymapmanager下载安装。

使用方式

通过ctrl + alt + k 或者通过顶部菜单 View -> Keymap Manager打开Pannel。如：

这样就可以很快搜索到你需要使用的插件了，并且enter就执行那个插件的命令。

源代码简单分析

import sublime, sublime_plugin

import sublime, sublime_plugin
import os
import json
settings = sublime.load_settings("KeymapManager.sublime-settings")
class KeymapManagerCommand(sublime_plugin.TextCommand):
	"""
	keymap manager for plugins
	"""
	#add some default very usefull commands
	defaultCommand = [
		{"name": "Goto Anything...", "keys": ["ctrl+p"], "command": "show_overlay", "args": {"overlay": "goto", "show_files": True} },
		{"name": "Command Palette", "keys": ["ctrl+shift+p"], "command": "show_overlay", "args": {"overlay": "command_palette"} },
		{"name": "Goto Symbol...", "keys": ["ctrl+r"], "command": "show_overlay", "args": {"overlay": "goto", "text": "@"} },
		{"name": "Goto Line...",  "keys": ["ctrl+g"], "command": "show_overlay", "args": {"overlay": "goto", "text": ":"} },
		{"name": "Search Keywords", "keys": ["ctrl+;"], "command": "show_overlay", "args": {"overlay": "goto", "text": "#"} },
		{"name": "Show Console",  "keys": ["ctrl+`"],  "command": "show_panel", "args": {"panel": "console", "toggle": True} }
	]
	#installed plugins list
	plugins = None
	def run(self, edit):
		self.defaultCommand.sort(key=lambda x: x["name"].lower())
		if self.plugins == None:
			self.plugins = []
		path = sublime.packages_path()
		dirs = os.listdir(path)
		#sort with insensitive
		dirs.sort(key=lambda x: x.lower())
		plugins = []
		ignored_packages = settings.get("ignored_packages")
		for name in dirs:
			if name in ignored_packages:
				continue
			dir = path + '/' + name + '/'
			if not os.path.isdir(dir):
				continue
			platform = sublime.platform()
			platform = platform[0].upper() + platform[1:].lower()
			keymapFile = dir + "Default (" + platform + ").sublime-keymap"
			if not os.path.isfile(keymapFile):
				continue
			#plugins.append(keymapFile)
			with open(keymapFile) as f:
				content = open(keymapFile).read()
			try:
				jsonData = json.loads(content)
			except (ValueError):
				continue
			if not isinstance(jsonData, list):
				continue
			i = 0
			for item in jsonData:
				#only show 3 items if num max than 3
				if i >= 3:
					break
				if "keys" not in item or "command" not in item:
					continue
				keys = item["keys"]
				if isinstance(keys, list):
					keys = ", " . join(keys)
				command = item["command"]
				item["name"] = name
				plugins.append([name, command + " : " +  keys])
				self.plugins.append(item)
				i += 1
		for item in self.defaultCommand:
			plugins.append([item['name'], item['command'] + " : " +  ",".join(item['keys'])])
			self.plugins.append(item)
		self.view.window().show_quick_panel(plugins, self.panel_done)
	#panel done
	def panel_done(self, picked):
		if picked == -1:
			return
		item = self.plugins[picked]
		if self.checkContext(item) == False:
			return
		args = {}
		if "args" in item:
			args = item['args']
		#thanks wuliang
		self.view.run_command(item['command'], args)
		self.view.window().run_command(item['command'], args)
		sublime.run_command(item['command'], args)
	#check context condition
	def checkContext(self, plugin):
		return True
		if "context" not in plugin:
			return True
		if "window" in plugin and plugin["window"]:
			return True
		context = plugin["context"]
		name = plugin["name"]
		path = path = sublime.packages_path() + '/' + name + '/'
		import glob
		pyFiles = glob.glob("*.py")
		sublime.status_message(",".join(pyFiles))
		return True

相关文章

• KeymapManager增加检测快捷键冲突的功能
• 如何开发Sublime Text2插件
• 发布python版的json2html

新增功能

1、新增了最近评论的小工具

由于系统自带的最近评论显示效果非常差，所以可能有部分同学用了一些最近评论的插件，现在gplus主题也默认支持了友好评论展现的小工具，在后台 -> 外观 -> 小工具 开发即可。效果如下：

2、新增了多级评论的功能

之前的版本只支持一级评论，如果管理员想对评论进行回复的话，需要对管理后台才能进行。这个版本在前台就支持了这个功能。效果如下：

点击某条评论后面的[回复]，将会跳转到评论输入框，并且在输入框上面提示当前回复了哪条评论。

修复功能

1、文章二级分类的展现

之前的版本如果文章分类有二级，在前端页面展现的时候会有一些问题，这个版本修复了此问题。效果如下：

2、pjax的bug修复

之前的pjax或多或少都有一些bug，细心的同学可能会发现了我的博客有段时间关闭了pjax的功能，这次对pjax功能进行了全面的修复，虽然还有极少一些不好修复的瑕疵外，暂时基本没上面问题了。

3、其他一些小细节的调整

下载地址：

1、本博客下载地址

2、github上下载的地址

你可以通过上面2个地址下面,gplus主题会始终在github上维护，地址为： https://github.com/welefen/gplus/，欢迎大家关注。

相关文章

• 发布一款Google+版wordpress主题
• gplus主题发布v1.5版
• gplus主题发布v1.4版
• 发布gplus主题1.1版
• 发布pjax1.1版，包含kissy版本

其实官方已经有了一篇文章来介绍如何开发Sublime Text插件，并且文本是使用Prefixr这个插件进行举例， 需要看的请移步到这里How to Create a Sublime Text 2 Plugin

插件制作步骤

1、通过Tools -> New Plugin…来打开一个初始化的插件编辑文件，它将有如下的内容：

import sublime, sublime_plugin
class ExampleCommand(sublime_plugin.TextCommand):
 def run(self, edit):
 self.view.insert(edit, 0, "Hello, World!")

2、通过Preferences -> Browse Packages…打开Packages文件夹，在该文件夹下建立个子文件夹，名字为你想开发的插件名字，如：KeymapManager。回到插件开发的初始化编辑器页面，通过ctrl+s (Windows/Linux) orcmd+s (OS X)保存这个文件，并放到你建立的子文件夹下，文件名如：KeymapManager.py

3、通过ctrl+`快捷键打开SublimeText的控制台，执行如下的命令：

view.run_command('example')

如果你在当前文件最前面看到插入了Hello, Word!，那表明插件执行成功了。

4、ExampleCommand名字改为你想要的插件名字，如： KeymapmanagerCommand，然后就可以开发该插件对应的功能了。

5、通过官方的API文档查找你需要的接口，文档见：http://www.sublimetext.com/docs/2/api_reference.html

6、插件开发完成后，下面就需要给插件绑定快捷键了，在你的插件目录下建立Default (Windows).sublime-keymap, Default (Linux).sublime-keymap and Default (OSX).sublime-keymap文件，他们分别是给不同的平台使用的。内容大致如下：

[
 {
 "keys": ["ctrl+alt+k"],
 "command": "keymapmanager"
 }
]

这个文件完全是个JSON格式，ctrl+alt+k就表示这个插件的快捷键了，当然这个快捷键最好不要跟其他插件的快捷键冲突了。

7、如果你想把你的插件植入到顶部菜单或者右键菜单里，你可以通过建立下面的文件方式进行：

• Main.sublime-menu 顶部菜单
• Side Bar.sublime-menu  右键操作左侧Side Bar菜单
• Context.sublime-menu controls 右键操作文件菜单

文件内容也是个JSON个是，如：我想把插件植入到顶部菜单View下，可以通过下面的配置进行:

[
 {
 "id": "view",
 "children":
 [
 {
 "caption": "Keymap Manager",
 "id": "keymap-manager",
 "command": "keymapmanager"
 }
 ]
 }
]

8、这样下来一个插件差不多就开发完了，你可以将插件文件夹打包发给需要安装的同学。当然这种方式太麻烦了，现在有各Package Control的插件，专门来管理插件安装的，相信你已经安装了。可以通过下面的步骤进行：

1. 你需要有个github帐号，并fork https://github.com/wbond/package_control_channel
2. 通过git clone命令下载你fork完的地址，如: git@github.com:welefen/package_control_channel.git
3. 修改repositories.json这个文件，把你的插件名称和对应的github项目地址添加进去
4. ci并push到你的package ctrol里，然后通过pull request推到官方的github里，如果他们审批通过了，那么你的插件就会放到package control里，别人就可以通过install直接安装了

9、最后推荐几个国人写的几个比较好的插件

• GBK Encoding Support，月影大大的作品，可以通过package control执行安装。让Sublime Text执行GBK编码
• sublime-view-in-browser，ququ的作品，用于浏览器预览当前文件，喜欢Editplus预览功能的强烈推荐，从这里下载
• KeymapManager, 哈哈，这个是我写的，用来管理所有插件的快捷键的。如果不能记住所有插件快捷键的话，可以通过这个插件快速搜索出来，对应的github地址

最后为了方便Sublime Text的交流，和月影、ququ、a4等几位大大一起建立了个QQ群：193076432，欢迎大家加入。

相关文章

• KeymapManager增加检测快捷键冲突的功能
• 使用KeymapManager管理Sublime Text2插件的快捷键
• 音乐电台chrome插件(包含豆瓣、人人等14个电台)
• 百度搜藏chrome插件