markdown常用语法

昨天发表了接触iOS开发以来的第一篇处女作,其中让我最不满意的就是排版太TM难看了,代码居然都只能用纯文本的形式展示。今天发现,原来上本来就带markdown编辑器,这就好多了嘛!我写的文章终于不用这么难看了!

今天,就跟大家说一下,如何使用markdown来写出一篇美观文章常用到的语法。这篇文章就是我用markdown写出来的,我会详细介绍编写步骤。

标题

#一级标题
## 二级标题
......
###### 六级标题
markdown常用语法_第1张图片
效果图 1.1

列表

  • 这是第一点
  • 这是第二点
  1. 这是第一点
  2. 这是第二点

1.这是第一点
2.这是第二点

小伙伴们发现上面的三组列表有什么区别没?真聪明!没错!1组和2组形式看起来是一样的,但是2组两点间的间距明显大于1组,3组与1、2组的形式不同。3组的实现代码其实有很小的区别,只是一个空格的区别。神奇不?

- 这是第一点
- 这是第二点

1. 这是第一点
2. 这是第二点

1.这是第一点
2.这是第二点

前两组其实用markdown语法写的,标准是显示的内容和标签之间要有一个空格,最后一组是用纯文本写的。(值得注意!)

代码块

作为一个程序猿,既然要做技术分享文章,晒代码那是必须的啊!所以我的代码以什么形式展示才会更显眼,让读者立即找到代码块呢?就像我上面贴出markdown代码块一样。很简单,用一组```就可以了,中间写上你的代码。

效果图 1.2

引用

细心的读者会发现一件事,上面的部分中除了代码块这个框框外,还有一种框框,那是什么呢?现在告诉你,这是引用!
markdown中只需要用“>”标记一段文字,那么这段文字就换成了引用的身份了。

我是引用文字

图片

看!上面还有什么?还有图片啊!图片怎么放进来的?
![图片标题]图片的地址,就OK了!

![代码](http://upload-images.jianshu.io/upload_images/2299003-244923c1fe253800.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
markdown常用语法_第2张图片
代码

链接

在文章中经常会出现我引用了“某某”的文章,点击“某某”这两个字就可以跳转到文章中。这种效果markdown实现代码与图片的方式很像,区别就是少了一个"!"。

我引用了[皓皓大帝](http://www.baidu.com)的文章!

我引用了皓皓大帝的文章!

粗体和斜体

哈哈
haha
哈哈
haha
哈哈
haha

**哈哈**
**haha**
*哈哈*
*haha*
***哈哈***
***haha***

代码已经很直观了,想让那些内容粗体或者斜体,就将内容放在**...**或*...*中,想让内容又粗又斜的话,就放在***...***中。

注意!注意!粗体的效果对汉字无效!(其实上面这些记住了就差不多了!)

表格

做个表格吧!其实我跟穆奇一样不喜欢做表格,可能是我没遇到裴朵吧!
其实,用markdown做表格的代码挺像画一个表格的。多了不说,代码最直观!

|姓名   |年龄|性别|
|------|:--:|--:|
|皓皓大帝|23 |男  |
|皓皓大嫂|24 |女  |
姓名 年龄 性别
皓皓大帝 23
皓皓大嫂 24

"----":文字局左;":---:":文字居中;"---:":文字据右

好了!小伙伴们,markdown我也是最近才接触,了解的也很浅显。希望大神们可以多多指教我!

我是皓皓大帝!我是个重颜值的程序猿!我不自恋!

你可能感兴趣的:(markdown常用语法)