博客園增加對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: