This post is a contribution to the open source project ***Steem Handbook***. Details could be found in the post  [***Steem Handbook Calls for Support***](https://steemit.com/steem/@steemh/steem-handbook-calls-for-support). 

《Steem 指南》初级篇即将完工，只差本文。本文的内容在某些旧帖里有涉及，但信息比较旧，而且我们迟迟无法得到原作者的授权。为此，我写了本文。


### 插入动图 gif

往帖子里插入 gif 动图的方法与插入普通图片完全相同。如果是本地的动图，只需把动图文件拖入 steemit.com 发帖的编辑窗口即可。如果是网上的动图，那么只需使用markdown 插入图片的语法即可：

```
![](图片链接)
```

下面是个例子：

```
![](https://steemitimages.com/0x0/https://steemitimages.com/DQmXbiU6jS6D53RA2sUDX63K2511ENqzJUe3ak81dwf3v56/2017-07-25_sunset.gif)
```

预览的效果是：

![](https://steemitimages.com/0x0/https://steemitimages.com/DQmXbiU6jS6D53RA2sUDX63K2511ENqzJUe3ak81dwf3v56/2017-07-25_sunset.gif)

### 嵌入视频

steemit.com 支持两家网站的视频嵌入到帖子里：youtube 和 vimeo。其中，youtube最为常用，插入方法很简单：直接把视频的超级链接粘贴到帖子里即可。下面是个例子：

```
@dapeng 的吉他口琴弹唱：
https://www.youtube.com/watch?v=N4rTR2WTLsM
```

帖子出现的就是：

@dapeng 的吉他口琴弹唱：

https://www.youtube.com/watch?v=N4rTR2WTLsM

点击上面的播放键就可以直接播放了。

这种插入方法优点是省事，缺点是移植性差：只有 steemit 等少数几个网站会把帖子里这个网址自动渲染成嵌入视频。如果把帖子的文本原样贴到别的软件或网站的话，多半只会显示这个链接。从通用性的角度考虑，比较安全的做法是使用标准的嵌入代码。

在上述示例的 youtube 视频播放页，点击播放窗口右下方的“分享”按钮，在弹出窗口点击“嵌入”，就会出现一段嵌入代码。

```
<iframe width="560" height="315" src="https://www.youtube.com/embed/N4rTR2WTLsM" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
```

把这段代码复制粘贴到帖子里即可。

对于其他视频网站，steemit 暂不支持直接嵌入，只能将视频的链接粘贴到帖子里。

### 嵌入音频

steemit.com 仅支持一家网站的音频嵌入到帖子里：SoundCloud 。方法如下：

1. 搜索或上传音乐或声音。
2. 打开目标声音的页面。
3. 点击 'share' 按钮。
4. 点击窗口顶部的 'Embed'，就得到了代码。
5. 将代码拷贝粘贴到帖子里。

例如，搜索“成都 dapeng”，得到的嵌入代码是：

```
<iframe width="100%" height="300" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/347459247&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe>
```

将这段代码粘贴到帖子里，就得到：

<iframe width="100%" height="300" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/347459247&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe>

点击上面的播放键就可以直接播放了。

下面是一段动画，演示如何查找和嵌入。

![](https://steemitimages.com/DQmQSPRVpVFc9qbJK3JAmjj7WwRt4MTQxuuyqJsAafJ4Vkg/soundcloud.gif)



对于其他音频网站，steemit 暂不支持直接嵌入，只能将音频的链接粘贴到帖子里。

### 

![](https://steemitimages.com/DQmd4JC5daZ3WZZuMxAVk64Yx2XdjouRCakC1aQsq6euSvA/l02.jpg)
本图由 @maiyude 设计

相关链接：

- [《Steem 指南》在线阅读 | *Steem Handbook* Online](http://steemh.org)
- [《Steem 指南》实施纲要 | Outline of the *Steem Handbook* Project](https://github.com/pzhaonet/steem-guides/blob/master/shared/outline.md)
- [《Steem 指南》贡献者名录 | Contributors of *Steem Handbook*](https://drive.google.com/open?id=1WexEjJhNe_UgjaGlp07I4gmECBYRRGlisrGFe6YjD0s)
- [《Steem 指南》相关文章统计数据 | Statistics of *Steem Handbook*](http://steemr.org)