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

2023-06-0611:17:31网页制作Comments1,436 views字数 1229阅读模式

一、视频

嵌入哔哩哔哩(bilibili)视频,自测 Typora 上可用。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/45121.html

B 站网页端,以该视频为例:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/45121.html

选择分享 -> 嵌入代码得到的视频地址是:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/45121.html

<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" 即可。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/45121.html

<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 中直接粘贴,会识别为代码,如下:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/45121.html

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

识别为代码的情况文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/45121.html

此时,将上一步 Typora 中刚刚识别的代码再重新复制,粘贴到 Typora 中即可,如下:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/45121.html

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

识别的代码再重新复制,粘贴到 Typora 中文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/45121.html

再点击右上角的“对勾”,得到如下效果图:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/45121.html

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

Typora 插入视频效果图文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/45121.html

二、音乐

嵌入音频 - 网易云音乐文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/45121.html

网易云音乐网页端,以该音乐为例:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/45121.html

选择生成外链播放器 :文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/45121.html

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

网易云音乐网页端,选择“生成外链播放器”文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/45121.html

然后复制 HTML代码 :文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/45121.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>

粘贴即可,效果如下:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/45121.html

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

Markdown 插入音乐效果文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/45121.html

如果识别为代码,将识别的代码再次复制粘贴,即可转换为音乐。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/45121.html

三、Markdown 折叠

GitHub 上可用,Typora 上不可用。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/45121.html

在文字过多的时候,可以使用折叠效果。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/45121.html

在 GitHub 的 README.md 中直接复制代码:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/45121.html

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

效果图如下:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/45121.html

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

Markdown 折叠效果文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/45121.html


参考:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/45121.html

[1] markdown如何嵌入视频、音频文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/45121.html

[2] https://gist.github.com/pierrejoubert73/902cc94d79424356a8d20be2b382e1ab文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/45121.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/zhizuo/45121.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定