当我第一次看到Markdown语言时,对其的认知是不屑的,因为我觉得他的作用性小的可怜,但开始准备在自己学习的过程中留下成长笔记时,才开始意识到他的在于分享和描述上的作用之大。第一次见面不太顺眼~~后来关系密不密切我不知道。但愿别走太远。。第一次写文请大家多多包涵。
写下初衷:只是在不得不学的路上,发现留下笔记的方式学的轻松得多,也记忆深刻。所以开始写随笔分享干货,不知道能坚持多久,但愿长久。大家看与不看都不要紧,只是为了自己留下笔记的同时,能多分享给别人就分享点。
好吧!先拿这个简单要死的家伙开刀!对于那些喜欢用简书、gitHub等分享,这是需要我们开始掌握的家伙之一。
Markdown 是一种轻量级的【标记语言】,本文讲述的是通常下的对markdown的认知。
一、认识Markdown
它用简洁的语法代替排版,我们不再使用字处理软件Word或者Pages有大量的排版,我们要的是什么呢?只需要认真完成字的编译。我们可以通过Markdown语法完成插图、格式的设置。当我们掌握Markdown时这一切我们都可以通过键盘来完成。Markdown导出的格式有很多:比如PDF、HTML等。其越来越得到了广泛流传。
二、使用Markdown的优点
1、我们只需要在书写的过程中完成排版样式。
2、导出格式优秀:PDF、HTML和本身的.md文件
3、直观、易学习
4、markdown兼容html,我们可以通过html在markdown中编写
三、使用工具
本文的操作就是在web端简书这款产品中完成的。同样其支持左右俩边的实时预览。
如需了解其他的Markdown编辑工具请查阅度娘
四、Markdown语法的简要规则
基本符号
*,-,+ 3个符号效果都一样,这3个符号被称为**Markdown符号**
空白行表示另起一个段落
斜体和粗体
**在文字的前面加俩个来表示粗体**
*在文字的前面加俩个来表示斜体*
标题
是每个文章所需要的常用格式 Markdown利用 #来实现标题
一级标题
二级标题
三级标题
总共六级标题,建议在井号后加一个空格,这是最标准的 Markdown 语法。
列表
熟悉HTML的同学肯定知道无序列表和有序列表的区别,Markdown下列表纸需在文字前面加上-或者*变成无序列表(和后面的文字有个空格),有序只需在文字前加
1.
或者2.
,记得加1、和后面文字中间加空格。
1. 有序列表1
2. 有序列表2
3. 有序列表3
* 无序列表1
- 无序列表2
代码
我们用tab键上的三个`来表示代码块 前后闭合,当然也可以通过三个tab键来实现
我们用一个tab键上`的点键来表示行内代码 前后闭合
行内代码样式
这个俩种方式分别对应html的code,pre标签
<html>
三个tab键来实现代码块,每行都要有三个tab键
</html>
引用
> 引用用>来表示写在文字前面,一级
>> 二级引用,在文字前面加俩个>
>>> 三级引用 加三个>
引用用>来表示写在文字前面,一级
二级引用,在文字前面加俩个>
三级引用 加三个>
分隔符
用上面提到的#,,_三个Markdown基本符号任意一个
组成三个或者三个以上实现分隔符 ,尽量用来编写,因为#和_可能会编辑成标题,当然我们可以在加分隔线时前后给他们都空一行
注意
- 如果你想不用Markdown时可以使用反斜杠来实现
这样我们就可以在文本中显示*此段文字没用Markdown语言*
你会发现上面的文字没用变成倾斜的。
\*此段文字没用Markdown语言\*
2.Markdown语法会忽略首行开头的空格,如果要体现出首行开头空两个的效果,可以使用全角符号下的空格,windows下使用shift+空格
切换。
3. 用~~来表示删除符
这段文字被删除
4.如果你发现你的操作符号不起作用,你可试一下空格一行再开始
5.这是一个注脚测试[^footer1]
链接
行内式链接
Baidu
[] 代表链接上的显示文字 (Url+'title') title为你悬停链接时的显示
这就是我们常用的地址:Baidu
地址:Baidu外链式链接
这就是我们常用的地址:[Baidu][1]
[1]:www.baidu.com "百度一下,你就知道"
这就是我们常用的地址:[Baidu][1]
[1]:www.baidu.com "百度一下,你就知道"
俩者的区别
参考式链接和行内链接的效果是一样的,各有利弊。行内连接清晰易懂,可
以清楚的知道链接的地址,但是不便于多次利用。参考式链接可以重复使
用,但不能即刻知道链接的地址。
图片
注意的是写链接时不要写入空格
使用![Alt text](/path/to/img.jpg "Optional title")
导入图片。其中:
Alt text
为如果图片无法显示时显示的文字;
/path/to/img.jpg
为图片所在路径;
Optional title
为显示标题。显示效果为在你将鼠标放到图片上后,会显示一个小框提示,提示的内容就是Optional title
里的内容。
实现图片:
实现代码:
![Markdown](http://images.cnitblog.com/blog/404392/201501/122257231047591.jpg "dfdf")
实现图片:
实现代码:
![md](http://img02.tooopen.com/images/20141231/sy_78327074576.jpg)
表格
姓名 | 性别 | 联系方式 |
---|---|---|
张三 | 男 | 2324434 |
张三 | 男 | 2324434 |
------:为右对齐。
:------为左对齐。
:------:为居中对齐。
-------为使用默认居中对齐。
| 姓名 | 性别 | 联系方式 |
| ----: |:------: | :---------: |
| 张三 | 男 | 2324434 |
| 张三 | 男 | 2324434 |
每个Markdown解析器都不一样,可能左右居中对齐方式的表示方式不一样。
对于Markdown的基础日常用到的语法大概这些,对于一些高层次技巧有学习后与大家分享。