使用typora
在csdn
中用markdown
编辑器发布gif
图、mp3
音频和mp4
视频的语法
要知道,markdown
语法实际上是兼容的html
语法的,typora
是基于electron
开发的,这也是为什么我们可以很方便地把markdown
转换为html
,在博客网站上发布
所以我们可以使用它html
代码来
一、markdown插入gif图片
没有特殊的格式。
gif
图片也是图片,可以用screen2gif软件制作gif图片直接用![]()
这种标准的markdown
插入图片的样式,CSDN
支持上传动图/
二、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中间的样式如下
三、md插入视频
3.1 插入外部及图床视频
对应语法如下,两者都可以。
<video src="视频链接"></video>
<iframe height=498 width=510 src="视频链接">
如果我们在B站插入视频链接typora显示如下。
iframe
其实它就是把一个网站潜入我们markdown
一个简单的浏览器在文件中形成。
事实上,如果你直接复制视频typora
如果粘贴在里面,typora
它会自动生成对应html
链接的。
<video src="../../../../Desktop/md.mp4"></video>
但如果需要上传到本地图片链接,则该链接与本地图片链接相同CSDN
网站上的话,。
我们要做的就是把这个视频上传给我们里面。
图床不仅可以保存图片,还可以保存任何格式的文件。将视频拖入picgo
,将我们的视频上传到图床上。
点击箭头指示的按钮,复制我们视频的链接。
然后在上面填入视频链接的html
视频可以在代码中显示!
3.2 CSDN
将视频插入博客
然后我发现了CSDN
不支持上述两种风格,但我们可以markdown
在编辑器的顶部选择视频
然后你会在这里填写视频地址,目前只支持tx``优酷
还有bilibili
已上传视频
或者可以选择将视频上传到插入现有视频
CSDN
上