如何解决Jekyll + Jemoji : 如何配置表情符号大小?
我在 Github Pages 上使用 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 文档中为 emoji 高度和宽度配置内联自定义值
解决方法
我从另一个插件中找到了解决方案。
我把表情处理插件从jemoji改成了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
属性不是绝对值!!
这表明宽度可以通过其字体大小更改。
在这种情况下,size 属性的默认设置不再重要。
我需要找到如何在需要时设置表情符号的自定义大小
因此,我针对“自定义表情符号大小”测试了以下降价表达式,看起来我找到了解决方案。
### 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:!
我的浏览器显示以下结果。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。