Markdown 高级用法:视频、音乐、折叠

一、视频

嵌入哔哩哔哩(bilibili)视频,自测 Typora 上可用。

B 站网页端,以该视频为例:

选择分享 -> 嵌入代码得到的视频地址是:

<iframe 
src="//player.bilibili.com/player.html?aid=418448598&bvid=BV1fV411x72a&cid=350821534&page=1" 
scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> 
</iframe>

如需调整视频的宽度高度,再加入 width="800px" height="600px" 即可。

<iframe 
src="//player.bilibili.com/player.html?aid=418448598&bvid=BV1fV411x72a&cid=350821534&page=1" 
scrolling="no" 
width="800px" height="600px" 
border="0" frameborder="no" framespacing="0" allowfullscreen="true"> 
</iframe>

在 Typora 中直接粘贴,会识别为代码,如下:

识别为代码的情况

此时,将上一步 Typora 中刚刚识别的代码再重新复制,粘贴到 Typora 中即可,如下:

识别的代码再重新复制,粘贴到 Typora 中

再点击右上角的“对勾”,得到如下效果图:

Typora 插入视频效果图

二、音乐

嵌入音频 - 网易云音乐

网易云音乐网页端,以该音乐为例:

选择生成外链播放器 :

网易云音乐网页端,选择“生成外链播放器”

然后复制 HTML代码 :

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

粘贴即可,效果如下:

Markdown 插入音乐效果

如果识别为代码,将识别的代码再次复制粘贴,即可转换为音乐。

三、Markdown 折叠

GitHub 上可用,Typora 上不可用。

在文字过多的时候,可以使用折叠效果。

在 GitHub 的 README.md 中直接复制代码:

<details>
  <summary>Click to expand!</summary>
  
  ## Heading
  1. A numbered
  2. list
     * With some
     * Sub bullets
</details>

效果图如下:

Markdown 折叠效果


参考:

[1] markdown如何嵌入视频、音频

[2] https://gist.github.com/pierrejoubert73/902cc94d79424356a8d20be2b382e1ab

THE END