草庐IT

Markdown插入视频、mp3音频和gif图的语法

慕雪华年 2023-05-05 原文

总所周知,鄙人有一个专栏叫做【差生文具多】,里面记录了一些工具的使用方法,以及使用工具时会遇到的一些问题。

于是乎,之前就有一个朋友在群里问道“markdown如何插入视频”,当时的我不会弄,然后就出现了下面这一幕👇

明天就弄😂开整!(然而这篇博客是在5.1劳动节写的)


文章目录


首先你要知道,markdown语法其实是兼容html语法的,这也是为什么我们可以很方便地把markdown转换为html,放置到博客网站上

所以我们可以用html代码来插入视频和mp3音乐

1.md插入视频

对应语法如下,这两个都可以

<video src="视频链接"></video>
<iframe height=498 width=510 src="视频链接">

如果我们插入一个B站视频的链接,在typora中的显示如下

实际上它就是把一个网站插入到了我们的markdown文件中,形成了一个简易的浏览器

其实你如果复制一个视频,直接在typora里面粘贴的话,typora是会自动生成对应的html链接的

<video src="../../../../Desktop/md.mp4"></video>

但这个链接和一个本地的图片链接相同,如果需要上传到CSDN网站上的话,CSDN无法正常转存你的视频

我们要做的,就是把这个视频也上传到我们的图床里面

如果你不知道什么是图床,那就看看我吧:【图床搭建教程】

图床并不是只能保存图片,它可以保存任何格式的文件。将视频拖入picgo,即可上传我们的视频到图床

点击箭头所指按钮,复制我们视频的链接

然后把视频链接填入上面两种形式其中之一的html代码中,即可显示出视频!

1.2CSDN博客插入视频

然后我就发现CSDN不支持上面两种样式,不过我们可以在markdown编辑器的顶部选择视频

然后这里会让你填写视频的地址,目前只支持tx优酷还有bilibili的已上传视频

或者你可以选择“插入已有视频”,这会把视频上传到CSDN上

2.md插入MP3文件

2.1网易云音乐外链

插入MP3文件的方式很简单,我们可以使用网易云音乐,选择一个非VIP歌曲,点击生成外链播放器

然后复制这里的html代码即可!

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

下面就生成了一个网易云音乐的外链播放器(CSDN不支持)

2.2自己的MP3音频文件

根据上面html插入视频的代码,就可以猜出来音频的代码是啥

vedio改成audio就可以啦!

<audio src="mp3文件链接地址"></audio>

下面就是一个我上传的MP3音乐文件(很好,CSDN依旧不支持)

在typora中的样式如下👇

3.md插入gif

这个就没有什么特殊的格式了

gif图片也是一个图片,直接用![]()这种标准的markdown插入图片的样式就可以了,CSDN是支持上传动图的


结语

这个新文具的博客到这里就结束啦!

希望对你有帮助!😍

虽然我感觉在markdown中插入视频的使用场景不是很多

有关Markdown插入视频、mp3音频和gif图的语法的更多相关文章

  1. ruby - 树顶语法无限循环 - 2

    我脑子里浮现出一些关于一种新编程语言的想法,所以我想我会尝试实现它。一位friend建议我尝试使用Treetop(Rubygem)来创建一个解析器。Treetop的文档很少,我以前从未做过这种事情。我的解析器表现得好像有一个无限循环,但没有堆栈跟踪;事实证明很难追踪到。有人可以指出入门级解析/AST指南的方向吗?我真的需要一些列出规则、常见用法等的东西来使用像Treetop这样的工具。我的语法分析器在GitHub上,以防有人希望帮助我改进它。class{initialize=lambda(name){receiver.name=name}greet=lambda{IO.puts("He

  2. ruby-on-rails - 使用 Sublime Text 3 突出显示 HTML 背景语法中的 ERB? - 2

    所以我在关注Railscast,我注意到在html.erb文件中,ruby代码有一个微弱的背景高亮效果,以区别于其他代码HTML文档。我知道Ryan使用TextMate。我正在使用SublimeText3。我怎样才能达到同样的效果?谢谢! 最佳答案 为SublimeText安装ERB包。假设您安装了SublimeText包管理器*,只需点击cmd+shift+P即可获得命令菜单,然后键入installpackage并选择PackageControl:InstallPackage获取包管理器菜单。在该菜单中,键入ERB并在看到包时选择

  3. ruby - 覆盖相似的方法,更短的语法 - 2

    在Ruby类中,我重写了三个方法,并且在每个方法中,我基本上做同样的事情:classExampleClassdefconfirmation_required?is_allowed&&superenddefpostpone_email_change?is_allowed&&superenddefreconfirmation_required?is_allowed&&superendend有更简洁的语法吗?如何缩短代码? 最佳答案 如何使用别名?classExampleClassdefconfirmation_required?is_a

  4. ruby 语法糖 : dealing with nils - 2

    可能已经问过了,但我找不到它。这里有2个常见的情况(对我来说,在编程Rails时......)用ruby​​编写是令人沮丧的:"astring".match(/abc(.+)abc/)[1]在这种情况下,我得到一个错误,因为字符串不匹配,因此在nil上调用[]运算符。我想找到的是比以下内容更好的替代方法:temp="astring".match(/abc(.+)abc/);temp.nil??nil:temp[1]简而言之,如果不匹配,则简单地返回nil而不会出错第二种情况是这样的:var=something.very.long.and.tedious.to.writevar=some

  5. ruby - Ruby 语法糖有 "rules"吗? - 2

    我正在学习Ruby的基础知识(刚刚开始),我遇到了Hash.[]method.它被引入a=["foo",1,"bar",2]=>["foo",1,"bar",2]Hash[*a]=>{"foo"=>1,"bar"=>2}稍加思索,我发现Hash[*a]等同于Hash.[](*a)或Hash.[]*一个。我的问题是为什么会这样。是什么让您将*a放在方括号内,是否有某种规则可以在何时何地使用“it”?编辑:我的措辞似乎造成了一些困惑。我不是在问数组扩展。我明白了。我的问题基本上是:如果[]是方法名称,为什么可以将参数放在括号内?这看起来几乎——但不完全是——就像说如果你有一个方法Foo.d

  6. 动漫制作技巧如何制作动漫视频 - 2

    动漫制作技巧是很多新人想了解的问题,今天小编就来解答与大家分享一下动漫制作流程,为了帮助有兴趣的同学理解,大多数人会选择动漫培训机构,那么今天小编就带大家来看看动漫制作要掌握哪些技巧?一、动漫作品首先完成草图设计和原型制作。设计草图要有目的、有对象、有步骤、要形象、要简单、符合实际。设计图要一致性,以保证制作的顺利进行。二、原型制作是根据设计图纸和制作材料,可以是手绘也可以是3d软件创建。在此步骤中,要注意的问题是色彩和平面布局。三、动漫制作制作完成后,加工成型。完成不同的表现形式后,就要对设计稿进行加工处理,使加工的难易度降低,并得到一些基本准确的概念,以便于后续的大样、准确的尺寸制定。四、

  7. python ffmpeg 使用 pyav 转换 一组图像 到 视频 - 2

    2022/8/4更新支持加入水印水印必须包含透明图像,并且水印图像大小要等于原图像的大小pythonconvert_image_to_video.py-f30-mwatermark.pngim_dirout.mkv2022/6/21更新让命令行参数更加易用新的命令行使用方法pythonconvert_image_to_video.py-f30im_dirout.mkvFFMPEG命令行转换一组JPG图像到视频时,是将这组图像视为MJPG流。我需要转换一组PNG图像到视频,FFMPEG就不认了。pyav内置了ffmpeg库,不需要系统带有ffmpeg工具因此我使用ffmpeg的python包装p

  8. TimeSformer:抛弃CNN的Transformer视频理解框架 - 2

    Transformers开始在视频识别领域的“猪突猛进”,各种改进和魔改层出不穷。由此作者将开启VideoTransformer系列的讲解,本篇主要介绍了FBAI团队的TimeSformer,这也是第一篇使用纯Transformer结构在视频识别上的文章。如果觉得有用,就请点赞、收藏、关注!paper:https://arxiv.org/abs/2102.05095code(offical):https://github.com/facebookresearch/TimeSformeraccept:ICML2021author:FacebookAI一、前言Transformers(VIT)在图

  9. ruby - 如何让Ruby捕获线程中的语法错误 - 2

    我正在尝试使用ruby​​编写一个双线程客户端,一个线程从套接字读取数据并将其打印出来,另一个线程读取本地数据并将其发送到远程服务器。我发现的问题是Ruby似乎无法捕获线程内的错误,这是一个示例:#!/usr/bin/rubyThread.new{loop{$stdout.puts"hi"abc.putsefsleep1}}loop{sleep1}显然,如果我在线程外键入abc.putsef,代码将永远不会运行,因为Ruby将报告“undefinedvariableabc”。但是,如果它在一个线程内,则没有错误报告。我的问题是,如何让Ruby捕获这样的错误?或者至少,报告线程中的错误?

  10. ruby -::在 Ruby 语法中是什么意思? - 2

    这个问题在这里已经有了答案:WhatisRuby'sdouble-colon`::`?(12个答案)关闭8年前。什么是::?@song||=::TwelveDaysSong.new

随机推荐