博客园增加对emoji表情的支持，让博文更加生动

转眼半年的时间过去了，一直想写却没来得急写的博文今天终于又开篇了:open_mouth:

发现自己还是那么喜欢折腾，把博客又收拾了一遍，去掉了些不喜欢的东西，
记得这已经是第三次了，唉，感觉有点佩服自己了，真能折腾！:sweat:

看着呆板的博文总感觉缺点什么，记得

oschina

和

github

这些网站支持表情符号，嗯 ，又有事情干了！

emoji表情

http://www.emoji-cheat-sheet.com/，这个网站提供了几种类型的表情符号，
其实就是ios上采用的那种，是不很漂亮呢:+1:，看到上面列举的几个大站都在使用，是的我们也要用！

博客园支持emoji

看到效果不错，就让它出现在我们的博文里吧！

emoji js插件

https://github.com/hassankhan/emojify.js，这个项目就是emoji的js插件，
可以在你的网站上很方便的集成emoji表情，项目主页上有使用说明，很简单。

这里具体说下我们如何集成到博客园。

1，下载 emojify.min.js

下载

emojify.min.js

上传到博客文件里，可以直接引用github上的，就是太慢

2，引用 emojify.min.js

然后在设置里的

页脚Html代码

里引用

emojify.min.js

3，激活 emojify

同样在

页脚Html代码

里插入激活emojify插件的代码

emojify.setConfig({
emojify_tag_type : 'div',
only_crawl_id    : null,
img_dir          : 'http://www.emoji-cheat-sheet.com/graphics/emojis',
ignored_tags     : { //忽略以下几种标签内的emoji识别
'SCRIPT'  : 1,
'TEXTAREA': 1,
'A'       : 1,
'PRE'     : 1,
'CODE'    : 1
}
});
emojify.run();

这里不一样的地方是

img_dir

，可以使用你站内的地址，
由于cnblogs没有上传批量文件的功能，所以就直接使用emoji官网的路径，
以后有更好的地方可以再修改。

4，使用

使用就简单啦，在文中随便插入官网表情后面的符号即可，如

:smile:

，之后就会变成 :smile:，呵呵

下面符一段emoji css

默认图标会很大，这里用css调整一下

.emoji{
idth: 22px;
height: 22px;
vertical-align: middle;
}

在以后写的博文里你就可以尽情的插入emoji了，用它来表达你的心情是不很赞！:smirk:

最后的啰嗦 :grin:

话说有时候真的很佩服老外这种能把一切都规范化的能力，他们无时无刻的不在制定着各种各样的标准！

emoji同样也是不例外，支持多种语言的集成，包括js，
由于几个大站都在使用，实际上就引领了行业里这种表情的使用规范！

那这么做有什么魅力呢？方便开发者是一方面，最重要是的用户，
他们可以在任意支持emoji表情的网站上使用emoji符号来表达心情。

那么下一个规范是什么呢，期待你的出现:v: