Markdown的用法总结

1、基本语法

2、插入Emoji

在markdown中插入表情可以使用 :表情单词:,如
Emoji

  • 😃
  • 🐷
  • 🐱
  • 😋
  • 📖

表情

3、插入图标

1、在markdown文本中插入图标,首先要加上如下代码

<head> 
    <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/all.js"></script> 
    <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/v4-shims.js"></script> 
</head> 
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css">

2、开始插入图标

<i class="fab fa-weixin fa-2x"></i>
<i class="fab fa-qq fa-2x"></i>
<i class="fas fa-camera"></i>
<i class="fab fa-aws fa-2x"></i>
<i class="fab fa-apple fa-2x"></i>

效果如下
图标
3、插入可以修改颜色和大小的图标

<span style="font-size: 3em; color: Tomato;">
  <i class="fas fa-camera"></i><br/> <!-- <br/> 是换行符 -->
  <i class="fab fa-apple fa-x"></i>
</span><br/> 

<span style="font-size: 48px; color: Dodgerblue;">
  <i class="fas fa-camera"></i>
</span>

<span style="font-size: 3rem;">
  <span style="color: Mediumslateblue;">
  <i class="fas fa-camera"></i>
  </span>
</span>  

效果如下
修改后的图标

4、设置字体的格式和大小

markdown 中字体的格式和大小的设置

<font face="Times New Roman" color=red size=6>TCP/IP</font>  相关
<font face="Times New Roman" color=blue size=5>TCP/IP</font>  相关

效果如下:
调整字体颜色大小

5、格式样式控制

1、文字位于空白块中

<kbd>白方框</kbd> 中间的文字将显示在白底的方框中,效果如下所示:

白方框

2、换行

在需要换行的结尾处使用 <br> ,既可以实现换行。

3、添加空格
Markdown默认情况下只能识别一个空格,有时需要为文本添加多个空格,方法如下(注意字符后面的分号不能丢):

  • &nbsp; 表示一个空格。
  • &ensp; 表示两个空格。
  • &emsp; 表示四个空格。

参考资料

  1. MARKDOWN中插入图标的方法
  2. 巧用 Font Awesome 装点 Markdown 文档
  3. 如何在Markdown文档中插入空格
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值