博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
博客园增加对emoji表情的支持,让博文更加生动
阅读量:5235 次
发布时间:2019-06-14

本文共 1400 字,大约阅读时间需要 4 分钟。

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

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

看着呆板的博文总感觉缺点什么,记得oschinagithub这些网站支持表情符号,嗯 ,又有事情干了!

emoji表情

,这个网站提供了几种类型的表情符号, 其实就是ios上采用的那种,是不很漂亮呢:+1:,看到上面列举的几个大站都在使用,是的我们也要用!

博客园支持emoji

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

emoji 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:

转载于:https://www.cnblogs.com/xguo/p/3774880.html

你可能感兴趣的文章
不错的MVC文章
查看>>
IOS Google语音识别更新啦!!!
查看>>
[置顶] Linux终端中使用上一命令减少键盘输入
查看>>
BootScrap
查看>>
【Python学习笔记】1.基础知识
查看>>
梦断代码阅读笔记02
查看>>
selenium学习中遇到的问题
查看>>
大数据学习之一——了解简单概念
查看>>
Lintcode: Partition Array
查看>>
[Linux]PHP-FPM与NGINX的两种通讯方式
查看>>
Java实现二分查找
查看>>
架构图-模型
查看>>
黑马程序员_Java基础枚举类型
查看>>
UIImage 和 iOS 图片压缩UIImage / UIImageVIew
查看>>
ajax向后台传递数组
查看>>
疯狂JAVA16课之对象与内存控制
查看>>
[转载]树、森林和二叉树的转换
查看>>
django ORM创建数据库方法
查看>>
php7 新特性整理
查看>>
RabbitMQ、Redis、Memcache、SQLAlchemy
查看>>