MarkDown的基本使用
2017-10-17 本文已影响65人
Bob_Blog
前几天搭建好了个人网站,买了域名,折腾了好几个晚上,终于往事俱备,只欠东风了。估摸着第一篇写些啥,既然需要Markdown来编写,那就从markdown开刀吧!
写博客必须要有一定的自制力,才能坚持下去,上班没法写,只能下班抽点时间出来总结一下,篇幅,数量不定,经过岁月沉淀的出来的才是好博客。
工欲善其事,必先利其器!
我使用的工具是:Atom
下面进入正题:
标题
#一级标题
##二级标题
###三级标题
####四级标题
#####五及标题
展示效果如下图所示:
![](https://img.haomeiwen.com/i2959829/d16e3d660f611eca.png)
字体
**粗体**
*斜体*
***斜体+粗体***
效果如下:
![](https://img.haomeiwen.com/i2959829/bf3bfe108bc488bc.png)
分割线
你可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线:
* * *
***
*****
- - -
世界你好
---------------------------------------*
世界你好
---------------------------------------*
反斜杠
可以利用反斜杠来插入一些在语法中有其它意义的符号,例如:如果你想要用星号加在文字旁边的方式来做出强调效果(但不用 <em> 标签),你可以在星号的前面加上反斜杠:
\*literal asterisks\*
*literal asterisks*
图片与链接
图片
![](图片链接)
比如:![字体](https://img.haomeiwen.com/i2959829/bf3bfe108bc488bc.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
链接
[链接显示文字](链接地址)
比如:[博客](http://taodongbo.cn)
博客地址: 博客
列表
无序
* **加粗**举个例子
* 被星星包围的加醋**加粗**
- **减号**一样的效果
+ **加号**一样的效果
效果如下
![](https://img.haomeiwen.com/i2959829/694a6db4952b1ab4.png)
有序
1.文本
2.标题
3.图片
![](https://img.haomeiwen.com/i2959829/d6e1da7857129ff5.png)
引用
> 噫吁嚱,危乎高哉!蜀道之难,难于上青天!蚕丛及鱼凫,开国何茫然!尔来四万八千岁,不与秦塞通人烟。西当太白有鸟道,可以横绝峨眉巅。地崩山摧壮士死,然后天梯石栈相钩连。上有六龙回日之高标,下有冲波逆折之
效果如下:
![](https://img.haomeiwen.com/i2959829/0080cedb630f4e60.png)
代码引用
一句代码与多句的区别在于 ` 还是 3个`
一句代码
`[self.view addSubView:label]`
一段代码
![](https://img.haomeiwen.com/i2959829/71110dd627f3a064.png)
展示效果分别如下:
![](https://img.haomeiwen.com/i2959829/4ef52ca9a770b946.png)
表格
|默认|居中|左对齐|右对齐|
|--|:-:|:-|-:|
|测试换行\n不支持换行|测试1|测试2|测试3|
|*斜体*|**粗体**|***斜体+粗体***|正常|
|# 不可放标题|[可放链接](taodongbo.cn)|![可放图片](https://img.haomeiwen.com/i2959829/0080cedb630f4e60.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)|`可放代码 hello word `
![](https://img.haomeiwen.com/i2959829/e6247d2dbf9afccf.png)
以上是一些基本的用法,更多参考语法说明
更多请点击个人博客