emoji表情使用

有时候我们会想在自己的文章里插入一些表情,最常用的就是emoji表情了,这套表情应该说是相当丰富。关于它的来源发展介绍等,自行搜索。本篇文章简单介绍一下如何在markdown和html中简单的插入emoji表情。
http://www.emoji-cheat-sheet.com/列出了emoji表情的代码。如下是一部分截图

当然这样的代码不是在哪里都可以使用的。

在许多Markdown编辑器中是不支持的,MarkdownPad2中是支持这种代码的,因为它提供了github风格的markdown,自然可以支持上面代码。只要设置它的处理器即可:

然后只要使用:表情名字:就可以方便插入了,比如:blush::blush: 当然最终要部署到服务器上的话还是要变成html。我用的是hexo,我也懒得去查怎么让hexo支持这种emoji代码,直接用img标签插入算了。看一下上面解析出来的html源码就好了,:blush:解析为

1
<img class="emoji" title=":blush:" alt=":blush:" src="https://assets-cdn.github.com/images/icons/emoji/unicode/1f60a.png" height="20" width="20" align="absmiddle">

上面的资源链接中的图片名字1f60a是这个表情的unicode码,可以在http://unicode.org/emoji/charts/full-emoji-list.html#1f600 查到对应代码。这样每次只要查到unicode码替换上面的就行了。当然这样也很不方便。从http://www.emoji-cheat-sheet.com/ 的源码中可以看到:blush:被解析为

1
<img src="http://www.webpagefx.com/tools/emoji-cheat-sheet/graphics/emojis/blush.png" height="20" width="20" align="absmiddle">

同理这次只要替换表情的名字就可以了,这样就方便不少了。

本节完