Giter Club home page Giter Club logo

asoul-sticker's Introduction

⚠该项目已终止开发与维护工作。2022/5/10⚠

A-SOUL Sticker

这是一个存储了A-SOUL官方表情包的仓库。

目前包含了以下表情:

  • 五位成员的一期B站装扮表情
  • 五位成员的官方抖音/微信表情
  • 阿草的两套官方抖音/微信表情 我一直是草学长啊
  • 嘉然的B站舰长表情
  • 嘉然的二期B站装扮表情
  • 《花亦山心之月》联动表情
  • 欧莱雅男士 联动表情

该仓库同时包含了一个css文件,你可以将其引入您的网站,这样就可以像这样使用这些可爱的表情包了:

<p style="font-size: 32px;">
  我们是:
  <span class="diana_asoul"></span>
  <span class="ava_asoul"></span>
  <span class="eileen_asoul"></span>
  <span class="carol_asoul"></span>
  <span class="bella_asoul"></span>
</p>

Codepen 在线演示 | 全表情包在线展示与查询 | 自行部署效果演示

欢迎关注:

声明

该项目为粉丝自制项目,一切与项目相关的行为均为粉丝行为,与 A-SOUL制作委员会 无任何关系。

请通过以下渠道关注官方消息:

Usage

当前版本:0.4.0

<!--引入CSS-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/stormyyd/[email protected]/dist/asoul-sticker.css">

<!--使用span标签,将类名设置为表情包名称即可-->
<span class="diana_asoul"></span>

你可以通过前往这里查询表情包的class取值或直接复制表情包的代码来进行使用。

LICENSE

asoul-sticker project is licensed under UNLICENSE, except for "asset" directory, which should belongs to its original creator.

自定义配置

CSS

你可以通过修改config.json文件后,运行main.py来生成自己定制化的css,目前只做了三个配置项:

{
    // 如果你有自己的服务器,可以将仓库的asset文件夹上传到你自己的服务器,
    // 同时修改该参数,即可使用你自己的服务器来加载表情包了。
    "host": "https://cdn.jsdelivr.net/gh/stormyyd/[email protected]/asset", 
    // 高度参数,默认为3em,即三倍父元素的font-size大小,如果有需要可以自行修改。
    "height": "3em",
    // 如果你希望将asset文件夹中的所有表情包打平为一层,即不需要使用子文件夹来区分不同人的表情包,
    // 则可以将该参数设为true
    "flatten": false
}

你还可以前往A-SOUL Sticker CSS Generator在线生成自己定制化的css。

data.txt

该文件存储了表情包的元数据,格式定义为:

  • "#" 符号开头的为注释行,不参与处理
  • 行首和行尾的所有空格符号均会被忽略(具体取决于Python str.strip() 函数的实现)
  • 一行表示一个表情包
  • 一行数据有四列,每列数据使用一个空格(" ",ASCII 32)分割
  • 第一列表示表情包所在的子文件夹,如果flatten参数为true,该值会被忽略
  • 第二列表示表情包的文件名
  • 第三列表示该表情包在css中的类名
  • 第四列表示该表情包的名称,基本来自B站,部分名字因为太过于鬼屎,个人做了一些小修改,跟B站的不完全相同。如果浏览器不支持Element replacement,该列的文字会出现在使用表情包的地方,类似:[嘉然_我们是A-SOUL]
  • 每列数据均不能包含空格,也不支持转义,建议使用下划线("_",ASCII 95)替代

asoul-sticker's People

Contributors

stormyyd avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.