美文网首页Markdown
关于Markdown的基本语法

关于Markdown的基本语法

作者: 阿飞不理飞 | 来源:发表于2017-04-20 20:12 被阅读29次

Markdown

优点就是所写即所得
基本上就是为了懒癌的写字党提供书写排版的方式
渲染的效果不同的markdown工具是不同,可以将markdown导出成pdf
渲染效果可以得到保留



区块元素


标题

示例

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

效果如下:

一级标题

二级标题

三级标题

四级标题

五级标题

引用

引用语法

>内容

示例

>Markdown大法好,用了真是爽,爽了还想用,用了还想爽!

效果如下:

Markdown大法好,用了真是爽,爽了还想用,用了还想爽!

还支持多级嵌套引用:

示例

>你是风
>>你是雨
>>>你是人间的四月天

效果如下

你是风

你是雨

你是人间的四月天


列表


无序列表

语法:
* 内容
* 内容
- 内容
+ 内容

这个意思是内容前面可以是一个单独的 '*' or '-' or '+'

需要注意的是内容前面的符号需要至少有一个空格分开

示例

* 苹果
- 香蕉
- 雪梨
+ 芒果

效果如下

  •     苹果
    
  • 香蕉
  • 雪梨
  • 芒果

有序列表

语法:

1. 第一项
2. 第二项
3. 第三项
1. 第四项
10. 第五项

说明一点,其实只是一个标记而已,这个标记是由数字一个英文点组成,不一定要用 1 2 3 4 5 6这样子,识别标记后可以自动排序显示123.....
再就是,前面标记之间也要有空格

示例

2. 第一项
2. 第二项
30. 第三项
3. 第四项

效果如下

  1. 第一项
  2. 第二项
  3. 第三项
  4. 第四项

链接


普通链接

语法

[content](href)

示例

[百度官网](http://www.baidu.com)

效果如下

百度官网


图片

语法:

![alt](href)

alt的含义和html中的img标签中的alt属性的含义是一样的,一旦图片不存在[比如源地址的图片删除]
就会显示这个'alt'所写的话,href支持相对地址的哦!

示例

![The Magicians](http://www.baba.cc/pic/fckimg/2016-9/201691916505945703.jpg)

效果

The Magicians

代码


代码

语法

`content`
或者是
```
content
content
```

前者为单行代码,也常常用来显示标记,因为它的样式用于强调突出比较好看,可看示例效果
后者为多行代码的语法,对于代码块来说,样式好看 而且在第一个" ``` "后面可以跟着多行代码的语言

如" ```java "

示例

单行

` int i,j,k,l;`

效果如下

int i,j,k,l;

多行

```
int result = 0 ;
int num = 100;
for( int i = 1 ; i <= 100 ; i++ )
{
result += i;
}
```

效果如下

    int result = 0 ;
    int num = 100;
    for( int i = 1 ; i <= 100 ; i++ )
    {
        result += i;
     }

其他基础语法

1. 粗体

语法

content

记住之间不能有空格

示例

这是*粗体*

效果

这是粗体

2. 斜体

语法

content

记住之间不能有空格

示例

这是*斜体*

效果

这是斜体

3. 删除线

语法

~~ content ~~

记住之间不能有空格 如上有空格是为了展现~符号,否则显示不出来原始样式直接就显示删除线了,所以记住以上写的只是为了显示,使用中不能出现空格!!!

示例

~ 哎呀!我被删除了!好气哦!委屈的不想说话!快来安慰我! ~

效果

哎呀!我被删除了!好气哦!委屈的不想说话!快来安慰我!

4. 下划线

目前markdown不支持文字下划线
所以只能使用内置html的<u>content<\u>标签
<u>下划线</u>

5. \符号转义

我们编辑中的比如#*等符号,直接写就会解析为对应的标记的样式
如果我们就是想在文档中显示这写符号呢?利用的就是程序语言中的转移字符 **\ **

6. 字体设置

目前markdown不支持字体设置
部分编辑器支持使用html的font标签
<font color="red" size=6 face="黑体">content</font>
<font color="red" size=6 face="黑体">content</font>

尝试了一下简书不支持
简书可能更追求的是简单化,就连富文本编辑器也是删繁就简,基本上也没提供多少功能
可能这样子能让用户更加追求纯文本的享受吧!
再就是

不要跟我讲Magic Number 和 7±2原则,按照人机交互的理念来看,7±2只是对于用户不熟悉的东西来讲的,对于用户熟悉的东西来说,往往是远远超出7±2的,用了那么久的word等办公软件,对于编辑器来说的话,已经不是短时记忆了!已经升级为长期记忆了!嗯!我就是这么傲娇[/doge]!

相关文章

  • Markdown语法

    Markdown基本语法 Markdown基本语法1 Markdown基本语法2(全、有用)

  • Markdown 基本语法

    比较全面且易懂的 Markdown 基本语法,可参见 Markdown 基本语法[https://markdown...

  • 基本语法

    语法说明 MarkDown基本介绍及使用 MarkDown语法介绍

  • 关于Markdown的基本语法

    Markdown 优点就是所写即所得基本上就是为了懒癌的写字党提供书写排版的方式渲染的效果不同的markdown工...

  • 2018-07-03

    学习markdown所用基本语法 markdown基本语法 markdown是一种纯文本格式的标记语言。通过简单的...

  • Markdown基本语法

    Markdown基本语法

  • 基本语法

    Markdown基本语法

  • Markdown语法学习

    Markdown语法学习 目录 Markdown语法学习语法补充Markdown简介基本语法标题分隔线强调链接图片...

  • 标记语言Markdown的更多语法

    在标记语言Markdown的基本语法我们介绍了Markdown的基本语法,基本语法包括了大部分常用的一些符号,对一...

  • TW homework-1

    Markdown基本语法总结

网友评论

    本文标题:关于Markdown的基本语法

    本文链接:https://www.haomeiwen.com/subject/nknlzttx.html