尝试在hexo中加入表情图片

想在文章中插入一些表情图片,查了一下插件,只有emoji的插件,干脆自己写一个表情插件好了。

初步想法是使用如下代码,就可以在文章中插入一个表情。

1
{% acimg 1 %}

实现方法跟隐藏图片的插件类似,具体代码如下
1
2
3
4
5
module.exports = function(args){
let
faceimgid = args[0];
return `<img src="">`
};

一开始是准备在文章中插入表情的图片,但测试后发现hexo会将img标签修改为带点击弹出效果的样式。为了避免这种情况,采用span标签来实现。
1
return `<span style="background:url(${faceimgid});width: 4em;height: 4em;display: inline-block;"></span>`

然后就是根据参数的key,获取对应的图片地址,再调整一下样式就可以了。
效果还可以效果还可以效果还可以效果还可以效果还可以效果还可以效果还可以效果还可以效果还可以效果还可以效果还可以效果还可以效果还可以效果还可以效果还可以