更新于 

开发

!!! warning 注意
本页面最后编辑时间为2021/7/21,在日后的版本中可能不再适用,请以仓库为准

自定义头像源

官方仓库中是在配置中确定

image-20210714150341481

不过我不想每个页面都多出这么一句话来拖慢速度(虽然微乎其微但可以减少冗余代码🙃)

  • 打开artalk.js,搜索cdn

    image-20210714150632090

  • 直接替换就好

自定义表情包

仓库里也有,这里作为补充image-20210714150859429

!!! warning 注意
由于自定义会使原本引入代码长一大截,建议新建一个js再在需要的地方引入image-20210714151645540

  • new Artalk({下打个回车, 粘贴emoticons: eData,

image-20210714152524758

  • new Artalk({上粘贴

    1
    2
    3
    let eData = {
    // ...
    }

    image-20210714152727550

  • 打开表情包配置格式参考,把第一个{最后一个}中的文字复制到let eData = { }中

image-20210714153133048

  • 然后就是自定义了,在复制后的倒数第二个}后加个,,在后按回车,按以下格式进行

    1
    2
    3
    4
    5
    6
    "分类名称": {
    "inputType": "image", //类型
    "container": {
    "表情名称": "表情url/颜文字对应文字",
    }
    }

可以前往 emotion.xiaokang.me 复制现成的

!!! Warning “注意”
在类型一项中,填写emoticon即”颜文字类“,点击插入对应文字
填写image即”图片类“,点击插入对应图片
表情url中有特殊符号时会无法显示(bug)

~~本站一部分表情用超星学习通作为图床,毕竟又快又不要钱😎~

以上放屁,有防盗链,建议用去不图床,如果一定要用可以在<head>中加入<meta name="referrer" content="no-referrer">

配置完像这样

image-20210714154556238

image-20210714154729782

自定义按钮文字

没什么好说的,打开artalk.js搜索替换就好

按钮点击加载

artalk目前没有懒加载表情,但我们可以通过网页加载好后让访客点击按钮再加载

  • 找到原来放artalk.js的地方,替换为

    1
    2
    3
    4
    5
    6
    7
    8
    <script>
    function load(){
    var script = document.createElement("script");
    script.type="text/javascript";
    script.src='/js/artalkconfig.js'; //替换为自己的artalk.js链接
    document.body.appendChild(script)
    }
    </script>
  • 找个地方放

    1
    <a href="javascript:load();">点击加载评论</a>

    自行美化[doge]

未压缩版本

因为原版经过gzipped,导致源码可读性大大降低,这里提供一份未压缩的

蓝奏云


( ̄︶ ̄)↗[文件上传,更多表情]
载入天数...&载入时分秒...

本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。

本站由 @thun888 使用 Stellar 主题创建,您可以在 GitHub 找到本站源码。