[TOC]
Markdown 语法补充
一、疾速生成 HTML 表格代码
在线表格编辑器——TablesGenerator
表格制作工具TablesGenerator是一个在线制作 LaTeX、HTML、Markdown 格局的表格代码工具,反对在表格中填充数据,批改字体/背景色彩,对齐形式等等,还反对从 Excel、Google Docs 里间接复制粘贴数据,以及多个 HTML 表格款式。Tables Generator 反对四种格局:LaTeX、HTML、Markdown、TEXT,先在 Table > Set size 中设置表格大小,而后填充数据,设置格局,就能在页面上面找到代码了。
几乎是神器!
生成的代码由两局部组成:<style>
标签和<table>
标签。第一个应该被复制并放在</head>
您网站的标签之前,而后者(即表格代码)应该放在所需的地位。
二、 [插入视频、音频或GIF]()
在Typora
中能够显示文档的源代码,能够看到,很多解决Markdown理论就是在Html上进行了加工。
所以只有通过在Markdown文档中插入HTML的Iframe
标签就能够实现了。
资料
- HTML中的
Iframe
,能够参考w3c或者码农教程
具体步骤
1. 视频
应用<iframe src="视频之地" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
<iframe height=498 width=510 src="视频地址">
<iframe height=498 width=510 src="视频地址" frameborder=0 allowfullscreen></iframe>
如果是Bilbil
的视频网页中,能够点击分享,上面能够间接复制嵌入代码,十分不便
<iframe src="//player.bilibili.com/player.html?aid=59317437&bvid=BV1Pt411G7qh&cid=103365806&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
<iframe src="//player.bilibili.com/player.html?aid=59317437&bvid=BV1Pt411G7qh&cid=103365806&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
2. 音频
办法一
同理能够通过更改下面的url即刻,同时你还能够通过增加属性" style="VISIBILITY: hidden"
来做到暗藏这个iframe,看上去就像是背景音乐一样
例如:以网易云音乐为例 1.首先在网易云音乐播放界面,点击生成外链播放器
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=373 height=86 src="//music.163.com/outchain/player?type=2&id=32217106&auto=1&height=66"></iframe>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=373 height=86 src="//music.163.com/outchain/player?type=2&id=32217106&auto=1&height=66"></iframe>
办法二
获取 歌曲ID
替换ID链接
代码示例:
<iframe name="music" src="http://link.hhtjim.com/163/463157222.mp3" marginwidth="1px" marginheight="20px" width=100% height="80px" frameborder=1 scrolling="yes"></iframe>
详情见如下:
<iframe name="music" src="http://link.hhtjim.com/163/32217106.mp3" marginwidth="1px" marginheight="20px" width=100% height="80px" frameborder=1 scrolling="yes">
</iframe>
办法三
HTML5 废除<audio>
元素
<audio src="http://link.hhtjim.com/163/463157222.mp3"> 你的浏览器不反对 audio 标签。 </audio>
<audio src="http://link.hhtjim.com/163/463157222.mp3"> 你的浏览器不反对 audio 标签。 </audio>
3.GIF同理
毛病
都是通过网络图库或者图床链接来获取的,因为如果本地链接的话,须要配置其余的货色十分不不便
本文由mdnice多平台公布