Typecho之Handsome主题增加表情教程

最近因为虎牙新出的表情,觉得挺好看的,就爬了下来,然后打算加到Handsome主题里面

成品展示:

虎牙表情

虎牙表情展示

贴吧表情展示

另外自己有找了一份相对完整的贴吧表情放了进去,有喜欢的可以一并导入进去

下面开始教程

修改评论表情的话,代码位置只需要修改主题目录下面的usr/OwO.json文件,按照Handsome主题的json格式来添加

主题内置三个栏目颜文字和阿鲁和推特

直接在原有的代码上面做一些修改即可,比如图片替换,文字替换等。(具体代码含义见下面 )

"新的表情栏目名称": {
    "name": "表情包文件夹名称",//只有图片表情类型才需要加这一项
    "type": "emoticon/emoji/image",
    "container": [
        {
            "icon": "OωO",
            "text": "Author: DIYgod"
        },
        {
            "icon": "OωO",
            "text": "Author: DIYgod"
        },
    ]
}

评论表情图片存储在主题目录下的usr/img/emotion

表情名称name

该项只有当表情类型为图片表情时候才需要添加
name的值对应了emotion文件夹下的表情包文件夹名称。如值为aru,文件夹名称对应为aru
建议填写英文
表情类别type有三种:

  • emoji: emoji表情(比如 ::twemoji:smile:: ::twemoji:tongue:: ::twemoji:proud:: 这些图标,typecho的数据库类型默认不支持emoji编码)
  • image: 图片表情,只支持.png 后缀的图片
  • container下存储的是表情的具体内容:
       `icon`:表示的表情具体内容:
           颜文字就填具体的颜文字
       `emoji`表情就填具体的emoji图标
           图片表情填写对应图片的文件名,如`angry.png`,填`angry`
       `text`:指的是鼠标悬停在表情上面显示的提示文字,一般为中文提示
    

大家别忘了下载好之后压缩包有压缩密码.密码为: www.mrgod.cn

下载地址

此处内容需要 登录 并发表评论才可查看
阅读全文
除特别注明外,本站所有文章均基于CC-BY-NC-SA 4.0原创,转载请注明出处。
文章名称:《Typecho之Handsome主题增加表情教程》
文章链接:https://www.mrgod.cn/137.html
分享到: 生成海报

评论 19

评论前必须登录!

立即登录   注册

  1. #1

    ::huya:yongbao:: 来看看

    Yolen5年前 (2020-01-18)国内网友登录以回复
  2. #2

    ::paopao:tieba_emotion_05::

    演员5年前 (2020-01-29)国内网友登录以回复
  3. #3

    OωO

    程志辉5年前 (2020-02-01)国内网友登录以回复
  4. #4

    签到成功!签到时间:2020/10/19 上午12:03:34,每日打卡,生活更精彩哦~

    苍蓝4年前 (2020-10-19)国内网友登录以回复
  5. #5

    康康

    4年前 (2020-11-23)国内网友登录以回复
  6. #6

    来看看

    ys4年前 (2021-02-19)国内网友登录以回复
  7. #7

    为什么解压压缩包密码错误呢

    ys4年前 (2021-02-19)国内网友登录以回复
  8. #8

    瞅一眼

    四方户外3年前 (2022-02-11)国内网友登录以回复
  9. #9

    :evil: 来看看

    刃小木3年前 (2022-06-08)国内网友谷歌浏览器 Windows 10 登录以回复
  10. #10

    :razz: 试试

    姜夔子2年前 (2022-08-01)国内网友谷歌浏览器 Windows 10 登录以回复
  11. #11

    评论了为什么还是看不了链接

    姜夔子2年前 (2022-08-01)国内网友谷歌浏览器 Windows 10 登录以回复
  12. #12

    :?: 图片都能上传

    一把镜子.2年前 (2022-08-06)国内网友QQ浏览器 Windows 10 登录以回复
  13. #13

    现在还能用吗 :cry:

    71年前 (2023-08-30)国内网友谷歌浏览器 Windows 10 登录以回复
  14. #14

    学习学习

  15. #15

    你好

    Yeming叶铭11个月前 (01-17)国内网友谷歌浏览器 Windows 10 登录以回复

简简单单,做好记录

切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活