三部曲之如何在Markdown中使用表情

811 阅读2分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

Markdown中使用emoji,表情包,gif 😃😜

1.emoji的使用

那其实每一个博客都有指定的小表情,比如:@之类的 但是不是全平台通用的哦。

默认的emoji表情也有对应的编码比如:smile: 但是不是全平台都生效的哦。比如我在写这个编码的时候再preview中是生效的但是导入到掘金平台就展示不出来。

那如何直接使用emoji表情呢,个人比较推荐直接复制表情就好啦 比较常用的: 😀
😁 😂
😃 😄 😅
😡 😕 😒 😦
😐 😄 😮 😛 😗
⭕️ 🅰️ 🅱️ ✌️ ❌ Ⓜ️💪

还有一些emoji网站可以直接复制的,热门表情。和 WebFx 都可以直接复制到md中显示。

2.表情包的使用

其实表情包就是图片了,网上找的或者本地收藏的表情包都可以ctrl+C然后Ctrl+Shift+P上传到图床就能直接使用了

但是这个默认的图片太大了,我该如何限制图片的尺寸呢? 其实网上很多方法类似

![test image size](url){:height="100px" width="400px"}
![](./pic/pic1_50.png =100x20)

但是好多不生效,或者说在部分博客平台不生效,个人觉得最方便的是直接写html代码

<img src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/f108fbc18ba241159faf6a655aa2cd85~tplv-k3u1fbpfcp-zoom-1.image" width="250px" />

效果如下:

如果想居中展示图片:

<div align=center>
<img src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/70ac80e7bf4143c58a547fe312b0811d~tplv-k3u1fbpfcp-zoom-1.image" width="250px" />
</div>

效果:


完美 其实md默认是支持html语法的 类似一些换行 缩进之类的简单效果md不好实现的都可以使用html来实现

3.Gif的制作与使用

直接上工具 密码a774 用过很多入门工具,个人觉得入门最好用的gif制作工具。


点击录像机,点击右下角就能录制了,录制完成可以查看全部帧,可以编辑和添加删除等操作,ctrl+s就能保存到本地指定路径。

效果如下:

如果觉得自己的gif比较大,那么可以使用一个免费的网页压缩gif工具。可以压缩50%左右的大小。

OK,三部曲完结啦

三部曲往期回顾:

Markdown的工具
Markdown如何使用图片