Markdown用法之-奇技淫巧

---

本篇文章不涉及Markdown的基本用法，主要总结本人在使用Markdown写博客时所用到的奇技淫巧，如有需要，拿走不谢。

Markdown图片用法

图片居中

1	<div align="center"><img src="https://www.bobinsun.cn/assets/images/logo-top.jpg"/></div>

效果展示

自定义图片大小与位置

1	<div align="center"><img width="200" height="auto" src="https://www.bobinsun.cn/assets/images/logo-top.jpg"/></div>

效果展示

---

Markdown插入视频

视频适配屏幕

1 2	<video src="http://qiniu.swarma.org/newUser.mp4" controls="controls" width="100%" height="auto"/>

1 2 3 4 5 6 7

src：视频地址---http://qiniu.swarma.org/newUser.mp4 controls：显示或隐藏播放器 true/false width：播放器宽度 height：播放器的高度

效果展示

---

插入Emoji表情符号

Emoji资源库

• emoji-cheat-sheet：

1	https://github.com/ikatyang/emoji-cheat-sheet/blob/master/README.md

资源截图：

效果展示

---

设置文字属性

改变字体颜色

1	<font color="#FF4500">我要变成这个颜色#FF4500</font>

效果展示

• 我要变成这个颜色#FF4500
• 附：《十六进制颜色对照表》

改变文字大小

1 2 3 4 5 6 7

<font size="1">我要变成1号字</font> <font size="2">我要变成2号字</font> <font size="3">我要变成3号字</font> <font size="4">我要变成4号字</font> <font size="5">我要变成5号字</font> <font size="6">我要变成6号字</font> <font size="7">我要变成7号字</font>

效果展示

• 我要变成1号字
• 我要变成2号字
• 我要变成3号字
• 我要变成4号字
• 我要变成5号字
• 我要变成6号字
• 我要变成6号字

改变文字背景颜色

示例代码

1 2 3 4 5 6 7

<table><tr><td bgcolor="#7FFF00">我要变成#7FFF00背景色</td></tr></table> <table><tr><td bgcolor="#D2691E">我要变成#D2691E背景色</td></tr></table> <table><tr><td bgcolor="#6495ED">我要变成#6495ED背景色</td></tr></table> <table><tr><td bgcolor="#FFF8DC">我要变成#FFF8DC背景色</td></tr></table> <table><tr><td bgcolor="#008B8B">我要变成#008B8B背景色</td></tr></table> <table><tr><td bgcolor="#A9A9A9">我要变成#A9A9A9背景色</td></tr></table> <table><tr><td bgcolor="#8FBC8F">我要变成#8FBC8F背景色</td></tr></table>

效果展示

• 我要变成#7FFF00背景色

• 我要变成#D2691E背景色

• 我要变成#6495ED背景色

• 我要变成#FFF8DC背景色

• 我要变成#008B8B背景色

• 我要变成#A9A9A9背景色

• 我要变成#8FBC8F背景色

---

Jekyll博客中插入PDF预览插件

1 2 3 4

<object data="http://example.com/yourpdf.pdf" type="application/pdf" width="100%" height="700px"> <embed src="http://example.com/yourpdf.pdf"> <p>This browser does not support PDFs. Please download the PDF to view it: <a href="http://example.com/yourpdf.pdf">Download PDF</a>.</p> </object>

效果展示

《基于知识图谱的问答系统关键技术》

---