Jekyll + Jemoji：如何配置表情符号大小？

Question

我在 Github 页面上使用 Jekyll/jemoji。

当我写了一个markdown文档如下..

* :tada: sample emoji markdown

..,原来是这样渲染的

<li>::marker
<img class="emoji" title=":tada" alt=":tada:" src= ... height="20" width="20">
" sample emoji markdown"
</li>

此图片的高度和宽度始终具有相同的值（height="20", width="20"）。

有时我觉得这个表情符号太小了，但我找不到任何关于如何配置“jemoji”的文档（而且我不知道任何Ruby 语言)

我想知道的是这些

如何配置默认表情符号的高度和宽度
如何在 markdown 文档中配置表情符号高度和宽度的内联自定义值

Answer 1

我从另一个插件找到了解决方案。

我从jemoji to jekyll-spaceship.

更改了表情符号处理的插件

似乎 jemoji 影响了 Jekyll-spaceship 插件；他们使用的示例如下。

I give this plugin two :+1:!

无论如何，我用 jekyll-spaceship.

测试了以下降价表达式

* I give this plugin two :+1:!

渲染成这样

<li>
::marker
"I give this plugin two"
<img class= "emoji" title=":+1:" alt=":+1:" raw="<emoji>" src=... style=" ..., max-width: 1em; ...", onload=".." onerror="...">
"!"
</li>

图片max-width属性不是绝对值！！这告诉我宽度可以通过它的字体大小来改变。在这种情况下，大小属性的默认设置不再重要。

我需要找到如何在需要时设置表情符号的自定义大小

所以我针对“自定义表情符号大小”测试了以下降价表达式，看起来我找到了解决方案。

### 8. Emoji Usage :+1:

* I give this plugin two :+1:!

<style>
.emoji-big-size img {font-size: 4rem;}
</style>

{: .emoji-big-size}
* I give this plugin two :+1:!

我的浏览器显示以下结果。

Jekyll + Jemoji：如何配置表情符号大小？

Jekyll + Jemoji : How to config emoji size?

jekyll

emoji