昨天发表了接触iOS开发以来的第一篇处女作,其中让我最不满意的就是排版太TM难看了,代码居然都只能用纯文本的形式展示。今天发现,原来简书上本来就带markdown编辑器,这就好多了嘛!我写的文章终于不用这么难看了!
今天,就跟大家说一下,如何使用markdown来写出一篇美观文章常用到的语法。这篇文章就是我用markdown写出来的,我会详细介绍编写步骤。
标题
#一级标题
## 二级标题
......
###### 六级标题
列表
- 这是第一点
- 这是第二点
- 这是第一点
- 这是第二点
1.这是第一点
2.这是第二点
小伙伴们发现上面的三组列表有什么区别没?真聪明!没错!1组和2组形式看起来是一样的,但是2组两点间的间距明显大于1组,3组与1、2组的形式不同。3组的实现代码其实有很小的区别,只是一个空格的区别。神奇不?
- 这是第一点
- 这是第二点
1. 这是第一点
2. 这是第二点
1.这是第一点
2.这是第二点
前两组其实用markdown语法写的,标准是显示的内容和标签之间要有一个空格,最后一组是用纯文本写的。(值得注意!)
代码块
作为一个程序猿,既然要做技术分享文章,晒代码那是必须的啊!所以我的代码以什么形式展示才会更显眼,让读者立即找到代码块呢?就像我上面贴出markdown代码块一样。很简单,用一组```就可以了,中间写上你的代码。
引用
细心的读者会发现一件事,上面的部分中除了代码块这个框框外,还有一种框框,那是什么呢?现在告诉你,这是引用!
markdown中只需要用“>”标记一段文字,那么这段文字就换成了引用的身份了。
我是引用文字
图片
看!上面还有什么?还有图片啊!图片怎么放进来的?
![图片标题]图片的地址,就OK了!
![代码](http://upload-images.jianshu.io/upload_images/2299003-244923c1fe253800.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
链接
在文章中经常会出现我引用了“某某”的文章,点击“某某”这两个字就可以跳转到文章中。这种效果markdown实现代码与图片的方式很像,区别就是少了一个"!"。
我引用了[皓皓大帝](http://www.baidu.com)的文章!
我引用了皓皓大帝的文章!
粗体和斜体
哈哈
haha
哈哈
haha
哈哈
haha
**哈哈**
**haha**
*哈哈*
*haha*
***哈哈***
***haha***
代码已经很直观了,想让那些内容粗体或者斜体,就将内容放在**...**或*...*中,想让内容又粗又斜的话,就放在***...***中。
注意!注意!粗体的效果对汉字无效!(其实上面这些记住了就差不多了!)
表格
做个表格吧!其实我跟穆奇一样不喜欢做表格,可能是我没遇到裴朵吧!
其实,用markdown做表格的代码挺像画一个表格的。多了不说,代码最直观!
|姓名 |年龄|性别|
|------|:--:|--:|
|皓皓大帝|23 |男 |
|皓皓大嫂|24 |女 |
姓名 | 年龄 | 性别 |
---|---|---|
皓皓大帝 | 23 | 男 |
皓皓大嫂 | 24 | 女 |
"----":文字局左;":---:":文字居中;"---:":文字据右
好了!小伙伴们,markdown我也是最近才接触,了解的也很浅显。希望大神们可以多多指教我!