轉眼半年的時間過去了,一直想寫卻沒來得急寫的博文今天終於又開篇了: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: