Markdown现学现卖(2) 之 基础语法第二篇

  之前上一篇文章介绍了最基础的六个语法格式,其实感觉上应该是非常简单的了。自己应用Markdown编辑器写两篇文章,就应该很好上手了。

  接下来我们开始今天的语法吧,一共有插入图片、超链接、

1、插入图片

  插入图片非常的简单,我们把复制好的图片直接在页面上粘贴,图片就上传好了。如下

![logo](https://upload-images.jianshu.io/upload_images/2495229-cc16a69411ba2e4a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

效果

logo

Markdown 图片语法格式如下:

![alt 属性文本](图片地址)
![alt 属性文本](图片地址 "可选标题")

说明:
  开头一个感叹号!
  [alt 属性文本] : 接着一个方括号,里面放上图片的内容说明。
  (图片地址 "可选标题") : 接着一个普通括号,第一位图片的网址,后边跟上 'title' 属性, 'title'是选择性属性,作用是当鼠标移到图片上时显示的内容。

  学到这里关于插入图片就可以了,其实我们还可以调整插入图片的大小,在网页上有效果,但是在app端是显示不出效果来的,这里就不讲了。

2、超链接

超链接的语法和上边的插入图片类似

Markdown 图片语法格式如下:

[超链显示名称](超链接地址 "超链接title") title可选属性

例如:[](http://jianshu.com)
效果:

3、列表

  列表的在我们写文章的时候也是用的很多的。
  Markdown 支持有序列表和无序列表。

(1) 无序列表

  无序列表使用星号(*)、加号(+)或是减号(-)作为列表标记。

  * Red 等同于 + Red 等同于 - Red
   :符号和内容之间要有空格

效果

  • 这是无序列表
  • 这是无序列表
  • 这是无序列表

(2) 有序列表

  有序列表则使用数字接着一个英文句点

  1. Bird
  2. McHale
  3. Parish

:序号跟内容之间要有空格

(3) 扩展--嵌套列表

  在父层的基础上,子层在开头加两个Tab即可。

  我们接下来有序无序混搭一下:如下

  1. 有序列表
    • 无序列表
    • 无序列表
    • 无序列表
  • 无序列表
    1. 有序列表
    2. 有序列表
    3. 有序列表

4、表格

这个表格用的也不是很多,万一用上可以在开看看。

语法及设定内容居中、居左、居右

| 第一列 | 第二列 | 第三列 |
|:-----------:| -------------:|:-------------|
| 第一列文本居中 | 第二列文本居右 | 第三列文本居左 |

解释说明

  1. |(管道符) 和 -(减号) 和 :(冒号) 之间的多余空格会被忽略,不影响布局。

  2. 默认标题栏居中对齐,内容居左对齐。

  3. 内容和|之间的多余空格会被忽略,每行第一个|和最后一个|可以省略,-(减号)的数量至少有一个。

使用 :---------: 居中
使用 :---------  居左
使用  ---------: 居右

第一列 第二列 第三列
第一列文本居中 第二列文本居右 第三列文本居左

再来一个小练习

物品     | Price
-------- | -----
电脑  | $12800
手机  | $ 6888
钢笔  | $ 999
物品 Price
电脑 $12800
手机 $ 6888
钢笔 $ 999

参考:https://blog.csdn.net/woswod/article/details/82753451

4、特殊符号

  也是支持特殊符号的

  语法也非常的简单,用 &# + Unicode码 + ;(分号)

例如

❤;
❄;
☎;  ☎

Unicode码字符对应的Unicode码,可以看这个网站:https://unicode-table.com/cn/

参考:https://blog.csdn.net/u014061630/article/details/81359144#33-%E7%89%B9%E6%AE%8A%E7%AC%A6%E5%8F%B7


  到这里我们最最基础的语法就学习完了,第一篇6个,这篇5个,一个11个语法学好,在上用Markdown编辑器,基本上就没有什么困难了。

  关于流程图还不支持,还不如画好截张图贴进来方便。以后还有高级一些用法,比如说锚,现在还不支持。等支持了,我在慢慢更新用法。

  就到这里,休息一下!

你可能感兴趣的:(Markdown现学现卖(2) 之 基础语法第二篇)