Github-Pages-Markdown用法之-奇技淫巧

个人博客:

https://www.bobinsun.cn


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

Markdown图片用法

图片居中

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

自定义图片大小与位置

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

Markdown插入视频

视频适配屏幕

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

src:视频地址---http://qiniu.swarma.org/newUser.mp4

controls:显示或隐藏播放器 true/false

width:播放器宽度

height:播放器的高度

插入Emoji表情符号

Emoji资源库

资源链接:EMOJI CHEAT SHEET:https://www.webfx.com/tools/emoji-cheat-sheet/

资源截图:


设置文字属性

改变字体颜色

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

效果展示

改变文字大小

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

改变文字背景颜色

示例代码

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

欢迎访问个人博客:

https://www.bobinsun.cn


欢迎订阅公众号:

推荐阅读更多精彩内容