关于后端:markdown扩展语法

[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>

办法二

1. 获取 歌曲 ID

2. 替换 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 多平台公布