使用typora在CSDN中用markdown编辑器发布gif图、mp3音频和mp4视频的语法
阿里云国内75折 回扣 微信号:monov8 |
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6 |
使用typora
在csdn
中用markdown
编辑器发布gif
图、mp3
音频和mp4
视频的语法
我们要知道markdown
语法其实是兼容html
语法的typora
是基于electron
开发的这也是为什么我们可以很方便地把markdown
转换为html
发布到到博客网站上
所以我们可以使用html
代码来插入视频和mp3音乐
一、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
网站上的话CSDN无法正常转存你的视频。
我们要做的就是把这个视频也上传到我们的图床里面。
图床并不是只能保存图片它可以保存任何格式的文件。将视频拖入picgo
即可上传我们的视频到图床。
点击箭头所指按钮复制我们视频的链接。
然后把视频链接填入上面两种形式其中之一的html
代码中即可显示出视频
3.2 CSDN
博客插入视频
然后我就发现CSDN
不支持上面两种样式不过我们可以在markdown
编辑器的顶部选择视频
然后这里会让你填写视频的地址目前只支持tx``优酷
还有bilibili
的已上传视频
或者你可以选择“插入已有视频”这会把视频上传到
CSDN
上
阿里云国内75折 回扣 微信号:monov8 |
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6 |