zoukankan      html  css  js  c++  java
  • 博客园增加对emoji表情的支持,让博文更加生动

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

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

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

    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:

  • 相关阅读:
    “XXXXX” is damaged and can’t be opened. You should move it to the Trash 解决方案
    深入浅出 eBPF 安全项目 Tracee
    Unity3d开发的知名大型游戏案例
    Unity 3D 拥有强大的编辑界面
    Unity 3D物理引擎详解
    Unity 3D图形用户界面及常用控件
    Unity 3D的视图与相应的基础操作方法
    Unity Technologies 公司开发的三维游戏制作引擎——Unity 3D
    重学计算机
    windows cmd用户操作,添加,设备管理员组,允许修改密码
  • 原文地址:https://www.cnblogs.com/xguo/p/3774880.html
Copyright © 2011-2022 走看看