关于hexo发布博客或评论的常用图片、音视频markdown语法一般情况下，可以将自己的图片上传至一个指定图床，便于调用

适用于：对于在发布博客文章和基于valine评论系统发布评论时的markdown语法编写场景

插入图片

一般情况下，可以将自己的图片上传至一个指定图床，便于调用。博主目前用的是sm.sm这个图床，免费5G空间，传输也快，支持jpg、png、jpeg等格式，还支持视频转gif格式，这个比较赞，访问也比较快，唯一注意的是，需要搭梯子才能上传，所以按需选择。
另外，推荐一个"综合图床"，也很好用，可以多重选择。链接：综合图床

![这里填写图片的描述信息](这里填写图片的路径，相对或决定路径都可以)

插入音频

1.使用audio标签

注意：一般将音频文件传入云存储端，然后再引用，所以后缀名一般为.mp3格式或者其他。

<audio src="音频路径" controls="" preload="metadata"></audio>

效果图：使用audio标签

2.使用iframe标签（例如获取网易云音乐的链接）

这里我以获取网易云音乐的链接为例首先，在音乐播放界面，点击"生成外链播放器"

在这里插入图片描述

然后，就可以选择自己喜欢的尺寸大小的iframe模块，并复制下方代码即可。

<!-- 例如 -->
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=1463165983&auto=1&height=66"></iframe>

效果图：使用iframe标签网易云音乐

插入视频

这里我以引入B站视频为例，为什么？因为好用还免费，真的很良心了，小破站牛啊~

1.使用B站网页版内嵌代码

以B站网页版已经提供了内嵌的 iframe 代码，我们只需要一键复制后就可以直接使用。效果图：

在这里插入图片描述

但是发现，这样直接引入样式比较残缺，而且移动端适配也不太好，所以...

2.封装一个自适应的iframe框架

    <div style="position: relative; padding: 30% 45%;">
      <iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" src="视频地址去B站分享按钮下iframe里面的src属性值复制" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true">
      </iframe>
    </div>

这样，效果就更佳也能自适应移动端。