iOS学习笔记iOS第三方插件&库iOS开发学习

Markdown使用指南(常用语法,干货)

2017-10-11  本文已影响130人  香橙柚子

简书写作是支持Markdown的,Markdown是一种标记语言,现在大家都在简书上写文章,但是很多人都不是很懂,写出来的文章看起来很乱,使观者难于提取有用信息.如果你在写作的时候使用Markdown会使文章更美观,更易读.
笔者也是一个小白,在这里不装逼,简单介绍一些常用的语法格式.至于Markdown的牛逼哄哄的地方,以及优点,什么发展前景,深入浅出的话就不多说了.大家自行百度.

开干.👇👇👇👇👇👇👇👇

标题 :

这可能是我们最常用的格式了,在office中基本是选中文字,然后设置颜色,大小等.
但是在Markdown中,你只要在文本前边加上#即可.就可以设置一个标题.同时你可以增加二级标题、三级标题、四级标题等,只需要在前边增加一个#即可。一共有六级。
写法如下

# 一级标题 
## 二级标题 
### 三级标题 
#### 四级标题
##### 五级标题
###### 六级标题

效果图如下:

标题写法

住 : 写的时候可以再#后面加一个空格,据说这是标准语法的格式.

链接和图片 :

在Markdown中,如果要插入链接很简单,一个中括号加一个小括号就可以了,例:[显示文本](链接地址), 比如下面示例:

[小神合的简书](http://www.jianshu.com/u/5567c741f6a7)

在Markdown中,插入图片的语法和链接类似,可以说本质是一样的,只要使用[图片上传失败...(image-38a470-1514344931847)]即可,和插入链接基本一样,只是前边多了一个!.示例:

![大北京](http:https://img.haomeiwen.com/i3348392/2d1e26b27abe64e8.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

插入链接和图片的案例截图:

插入链接和图片的案例截图

住: 简书为了写作提供了更方便的方法,那就是你事先找好图片,把图片从你的电脑上拖拽过来就行了.

自定义图片大小

以这张图片为例:

http:https://img.haomeiwen.com/i3348392/2c42d8ef56979f35.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240

把最后一个数字1240更改一下即可,比如想缩小一半,换成62即可

http:https://img.haomeiwen.com/i3348392/2c42d8ef56979f35.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/620

链接的另一种写法

这种方法就是

[显示文本]:地址

但是你写出来后发现什么都没有.这个时候你只需要在你需要的地方写上显示文本的内容就可以了.


链接的另一种写法

这种方法适用于链接比较多的时候,可以在文章的最后全部把链接写出来,在需要的地方只需写出文本即可.

列表

在简书中我们写文章,有时为了条理性,会写一些列表,1: ,2: 3: ...........这样的.这样写出来会比较有条理.你只需要在前边加上-就行了.示例:

- 第一条内容
- 第二条内容
- 第三条内容
- 第四条内容

如果你想让它成为有序的列表,就在前边加上1. 2. 3. 4.即可.示例:

1. 第一条内容
2. 第二条内容
3. 第三条内容
4. 第四条内容

列表效果截图:

列表效果截图

同时你可以在每一个列表下边写上对应的内容,这样会让你的文章闲的很有条理性.示例:

加上内容后示例截图

代码引用(程序猿的必备技能)

在写作的时候,尤其是程序猿,我们会引用一些代码,如果我们直接把代码写在文字里面,英文和中文夹在一起看起来很不方便(代码一般都是英文的吧!).而且这样做会破坏代码的逻辑性,观赏性,别人在看的时候,可能一句简单的代码,但是要花很多时间去识别它.
比如: 我在这里写一句中文,再写一个代码.(非程序员可以跳过这个代码).

我们现在创建一个iOS的控制器下的视图,方法如下: UIView * topView = [[UIView alloc] initWithFrame:CGRectMake(0, 64 + 40, kScreenWidth, kScreenHeight - 154) style:UITableViewStylePlain];

这原本是一个很简单的方法,是一句很简单的代码,但是这样看起来很蛋疼,要揉揉.
所以,在引用代码(或者引用英文单词)的时候,我们需要对它进行处理.如果代码很短,我们可以用两个`把代码包起来.
如果代码比较长的时候,我们可以用两个 ```把代码段包起来.
住: 当我们想把某一个单词或者是某一句话强调一下的时候,把某一句话和旁边的文字区别开的时候,可以这样写.
示例语法及截图如下:

引用代码以及引用代码段截图

另外,除了这种方法,还有就是:六个空格进入代码模式,就是你在代码前边敲六个空格就会进入代码模式,简书会认为后面的就是代码.
示例:

加空格引用代码示例图

字体的加粗以及斜体字体

如果要对字体加粗,只需要在文字的前后加上**即可.如果需要斜体,就在文字的前后加上*即可.
示例语法:

** 粗体 **
* 斜体 *

效果如下:

粗体与斜体

文字引用

在写文章的时候,我们会引用其他人的文字或者观点,这个时候用代码引用的语法就不太合适了,在Markdown中,你只要在你需要引用的文字前边加上一个>就可以了(最好在>后面加一个空格).示例语法:

> 需要引用的文字.

示例截图:

文字引用示例截图

表格:

我们在写一些数据性的文章的时候,需要加入一些表格.这个对于大多数人不是很常用,对于个别专业人士,可能会天天用.本人小白,写错了,别骂我哟.
开怼.................
表格使用具体语法我也不是很懂,这是一个示例,我们根据示例来理解.

| 姓名    | 年龄           |     爱好  |
| :------ |:--------:| -----:|
| 胡亮亮      | 53 | 王者荣耀 |
| 周合合      | 21      | 学习 |
| 曾向向 | 33     |    英雄联盟 |
| 姚尖尖 | 36    |   刀塔 |

示例截图:

表格截图

大家可以看到一共有三列,每一列都表示不同的内容.
每一行都表示一个人的信息.
但是前两行不是信息,表示格式.
首先用写一个|,再写一个文本内容,最后再写一个|.第二行开始也是这样,两个|,其中两个|之间写上-(多少无所谓,写的多只是为了格式工整),以及分号:.这样就完成一个表格的格子.
其中还有一个小细节,大家发现姓名是剧左显示的,年龄是居中显示,爱好是居右显示的.这就是分号:的作用.
居左:在-的左边写一个分号;
居中:在-的两边各写一个分号;
居右:在-的右边写一个分号.

可能我说的不是很完善,大家看代码应该能理解的了.

下面是一种简写的模式,差不多的.我直接上图了:

另一种写法

下划线

我们写文章的时候为了美观,有的时候会需要一个下划线,这个比较简单.直接写三个下换线即可.
直接上图了:

下划线

html标签

HTML笔者也不是很懂,所以只能从别的地方拷贝,见谅
Markdown 语法的目标是:成为一种适用于网络的书写语言。

Markdown 不是想要取代 HTML,甚至也没有要和它相近,它的语法种类很少,只对应 HTML 标记的一小部分。Markdown 的构想不是要使得 HTML 文档更容易书写。在我看来, HTML 已经很容易写了。Markdown 的理念是,能让文档更容易读、写和随意改。HTML 是一种发布的格式,Markdown 是一种书写的格式。就这样,Markdown 的格式语法只涵盖纯文本可以涵盖的范围。

不在 Markdown 涵盖范围之内的标签,都可以直接在文档里面用 HTML 撰写。不需要额外标注这是 HTML 或是 Markdown;只要直接加标签就可以了。

要制约的只有一些 HTML 区块元素――比如<div><table><pre><p> 等标签,必须在前后加上空行与其它内容区隔开,还要求它们的开始标签与结尾标签不能用制表符或空格来缩进。Markdown 的生成器有足够智能,不会在 HTML 区块标签外加上不必要的<p> 标签。

例子如下,在 Markdown 文件里加上一段 HTML 表格:

这是一个普通段落。

<table>
    <tr>
        <td>Foo</td>
    </tr>
</table>

这是另一个普通段落。

请注意,在 HTML 区块标签间的 Markdown 格式语法将不会被处理。比如,你在 HTML 区块内使用 Markdown 样式的*强调*会没有效果。

HTML 的区段(行内)标签如<span><cite><del> 可以在 Markdown 的段落、列表或是标题里随意使用。依照个人习惯,甚至可以不用 Markdown 格式,而直接采用 HTML 标签来格式化。举例说明:如果比较喜欢 HTML 的 <a> 或 <img> 标签,可以直接使用这些标签,而不用 Markdown 提供的链接或是图像标签语法。

和处在 HTML 区块标签间不同,Markdown 语法在 HTML 区段标签间是有效的。

未完待续...........
喜欢的小伙伴点个赞吧.

上一篇下一篇

猜你喜欢

热点阅读