Markdown Preview Plus

Markdown Preview Plus是一个chrome下的markdown预览插件。这个插件基于Markdown Preview的基础上,做了一部分改进。

改进的部分

  • 支持自动加载,这个选项默认是关闭的,可在options中设置。
  • 支持http和https的markdown文件预览
  • 支持部分css样式,例如Github,TopMarks,另外也从Mac下的客户端Mou中导入了Clearness样式

预览

设置界面的预览

\"Markdown

使用详情可参考使用markdown格式写Todo list

做这个插件的初衷

我比较习惯使用vim编辑文件,虽然现在有不少带即时预览功能的markdown编辑工具,仍然无法适应,所以做了这个插件来满足日常的编辑需求。如果有问题,请在github上指出。

如何在jquery mobile中加载google map api

介绍一个用jquery mobile的ajax效果加载google map api,实现地图呈现的例子。

代码示例

首先是代码示例,使用iphone或android之类的手机查看,效果更佳
google map with jquery mobile

关键代码说明

map.js

map.js定义了加载地图的方法initiallize(),这个和常规网页中加载google map是一致的,因此这里不再细述。

map.html

地图的实际页面,在这个页面中不能直接加载google map的api,因为它是采用document.write再次写入script来实现的,所以我们采用callback的方式来加载它,见下面的代码:

head.js(
        "map.js",
        function() {
            head.js("http://maps.google.com/maps/api/js?sensor=true&callback=initialize");
        }
    );

首先用head.js把initialize方法装载进来,然后用callback方式调用google map api。你可以试试用最平常的方式加载这段代码,看看有什么效果。


<script src="map.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=true&callback=initialize"></script>

goo.gl shortener plugin for vimperator

基于goo.gl短url服务制作的vimperator插件,这个服务本来只有chrome上面可以玩玩,但是实际上有很简单的api可以调用,因此我改造成vimperator插件倒也没费太多的功夫。

goo.gl shortener plugin使用方法

    • 你必须是firefox用户,安装了vimperator插件
    • 下载goo.gl shortener插件,并放置在vimperator的plugin目录下,对于windows用户来说,通常应该在 x:\Documents and Settings\YourName\vimperator\plugin目录下。如果你是linux用户,那么你应该知道吧?
    • 在vimperator输入框里输入
      :shorten

      就能够获得当前url的短链接,并复制到剪贴板

话说那个客官,要觉得这工具好使,在转载的时候千万留下原地址,谢谢您了。

wordpress plugin “search engine related posts” 1.2发布

去年写了个wordpress插件”search engine related posts“,不知不觉也有将近一年没有更新过了。这个插件的作用:当用户从google搜索到你的博客上,自动显示站内搜索相关的主题。这里没有用到数据库来做相关的搜索工作,而是利用google公开的一些api进行查询,因此对个人博客来说,不会增加服务器负载,完全只是一段js代码而已。

本次1.2相对第一个版本的改动

  • 将javascript提取出来放到单独的js文件里,这是为了减小每个url的大小,浏览器也会对外部js进行缓存,有效的减少带宽输出
  • js文件已经用yui compressor压缩过,只有900多个字节
  • 支持多语种搜索,修改文件中的$related_posts_lang变量即可,中文用户需要将这个值修改为zh-CN(默认是en-US)
  • 可以去除网页标题中的站名以及部分连接字符,让标题更简短且有意义

下载search engine related posts 1.2

http://wordpress.org/extend/plugins/search-engine-related-posts/

google gears无法安装的问题解决

wordpress 2.6集成了google gears,据说缓存一些文件,大大提升后台访问速度。但是今天跑去下载gears安装,却始终提示安装失败。

Connection errors. Please try again

在google的帮助系统中有相关提示:

Listed below are several possible causes for the connection error you’re receiving. Please determine which of these causes may be applicable to you and follow the instructions to resolve the problem.

…………….

Your computer’s Background Intelligent Transfer Service (BITS) isn’t starting properly. If this is the case, you may want to verify that BITS is correctly configured. To ensure that BITS is enabled, please follow these steps:

1. Click the “Start” button in your Windows taskbar and select “Settings” > “Control Panel” > “Administrative Tools” > “Services.”
2. Select “Background Intelligent Transfer Service” from the list.
3. Right-click “Background Intelligent Transfer Service” and choose “Properties” from the menu.
4. From the “General” tab verify that the “Startup” type is set to either “Automatic” or “Manual.” Make sure this setting is not “Disabled.”

按照这个帮助找下去,发现BITS服务果然是没有打开,手工启动也会报错。那么继续在google上爬了一阵,得到一个看似很强大的解决方案:

在dos命令行下执行:


c:>sc.exe config bits start= auto
c:>sc.exe sdset bits D:(A;;CCDCLCSWRPWPDTLOCRSDRCWDWO;;;BA)
(A;;CCLCSWRPWPDTLOCRRC;;;SY)(A;;CCLCSWLOCRRC;;;AU)(A;;CCLCSWRPWPDTLOCRRC;;;PU)
c:>sc.exe start bits

如果启动成功,会得到下面的提示信息:

SERVICE_NAME: bits
TYPE : 20 WIN32_SHARE_PROCESS
STATE : 2 START_PENDING
(NOT_STOPPABLE,NOT_PAUSABLE,IGNORES_SHUTDOWN)
WIN32_EXIT_CODE : 0 (0x0)
SERVICE_EXIT_CODE : 0 (0x0)
CHECKPOINT : 0x0
WAIT_HINT : 0x7d0
PID : 1808
FLAGS :

接着安装google gears,一切顺利。

Google AJAX Feed API的冷门用法

Google AJAX Feed API是google提供的一个很实用的API,我经常用它来跨域获取某些rss feed并展现。但是使用前需要申请一个API KEY,然后才可以在指定网站上使用,如果有多级子域名的话,挨个申请key是一个很烦人的事情,所以也就有了下面说的冷门用法。

Google AJAX Feed API提供了针对Flash或javascript无效这两种环境的额外接口,其中一种可以支持jsonp方式调用,跨域调用feed就全靠它了。

jsonp调用代码示例



这段代码中,指定了callback function为foo,所以我预先定义了一个function foo,运行时就可以在firebug的控制台里清楚的看到返回的json串结构。

鲜果认证

在feedsky的统计列表里头看到,订阅者大部分来自google reader,还有一部分来自抓虾以及鲜果。抓虾我是用过的,但是鲜果就没闲暇去理会了,因为我使用的主力RSS阅读工具还是google reader

好奇之余还是去鲜果注册了一个帐号,啥也没干就看到我已经分享了n个频道-___-订阅的feed数目也已经不少,这个自动化太猛了吧?然后可以搜搜俺的的feed已经被订阅了多少次,意外的是居然有6个内容完全相同的频道,鲜果提供了一个小功能就是可以认领这些频道——一一认领下来。

下面是认领时需要输入的验证码之一,留着占字数:p

BANG55A79B22F4E2E92C6AD78465XIANGUO

认领完毕之后,还可以合并,这个功能比较暖心窝——谁愿意维护这么多内容一样的feed啊,相比之下,抓虾就有待努力了。至于阅读的操作方面,貌似和google reader没有太大区别,也可以用j,k快捷键上下翻动的。

利用Google Ajax Library API加速常用js类库的载入

google前不久推出了Google Ajax Library API,说白了就是提供几个知名js库的host,目前有:

google提供的这批js类库都有使用cdn,同时提供压缩和非压缩版本,并gzip输出。比如Prototype在未压缩前是124k,压缩后则只有30k,而jquery经过瘦身以后,也是从97k降到了16k。

这项服务的意义在于,如果各个网站都使用google提供的某个js类库比如jquery,那么由于浏览器缓存的缘故,用户就可以避免下载相同内容的js,这样也就能提高js的载入速度了。

google ajax library api使用方法

传统方式

使用google.load载入



下面是一段小小的视频用来解释它的工作原理:

Update

昨天在某个小页面上尝试引入google提供的jquery.min.js,结果让我大失所望,虽然有时候访问速度很快,但是偶尔能刷出22秒以上的响应时间,如果是这样不稳定的话,那么实在是不敢放心使用。

wordpress plugin – search engine related posts

Table of content

Description

English version

When someone is referred from a search engine like Google, the plugin show your blog content matched the terms they search for.

中文说明

当用户从google搜索到你的博客上,这个wordpress 插件会根据用户搜索的关键词显示你的博客上更多的相关内容。目前也只对google生效,下一个版本将对baidu生效。

这个插件完全使用javascript加上google的api完成,不需要占用服务器端的资源,环保且安全。

Usage

English version:

  • unzip it
  • Put <div style=”display:none” id=”search_content”></div> at the place in your template where you want the list of related posts
  • Copy search_related_posts.php to direcotry wp-contents/plugin and activate the plugin.
  • done!

中文说明:

  • 解压
  • 在wordpress模板中添加一个id为search_content的html标签,比如
  • 复制search_related_posts.php到wp-contents/plugin目录,并激活插件.
  • done! 现在你可以试着从google搜索上先搜到自己的博客,然后点击进去看看插件的效果。

Download

latest search engine related posts

History

google输入法更新到1.0.19.0

google输入法更新到1.0.19.0,更新如下:

* 修正了输入法在某些情况下失去响应的错误
* 支持用户设置的自动同步
* 增加以词定字功能
* 修正了在部分游戏中的兼容性问题

其中“以词定字功能”我在上次的试用中还抱怨过,不想这次就新增了这项功能,实在是意外的惊喜。粗粗的试用了一把,觉得和以前用紫光拼音的速度不相上下了,不免有些得意。