Markdown简单入门

Markdown是一门标记语言,好处自然不用多说,可以让作者把主要精力花费在内容上,而不用过于担心文档的排版等,简洁明了,这篇文章主要是对优快云-Markdown 扩展编辑器的简单的使用小纪,也是通过这篇文章来练习使用Markdown

下面是是对Markdown主要标记的逐一介绍和效果展示:

标题的简单使用

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

对应的效果为:

标题的效果

此外等号和减号也可以书写标题,但是只能书写二级标题,并且需要写在文字的下面。等号和减号的数量不会影响标题的基数(用法如下):

二级标题
========

二级标题
--------

列表的简单使用

无序列表的使用,在符号“-”后面加空格使用。如下:

- 无序列表1
- 无序列表2
- 无序列表3
- 无序列表4

效果如下:


  • 无序列表1
  • 无序列表2
  • 无序列表3
  • 无序列表4

如果要控制列表的层级,则需要在符号“-” 使用空格,如下:
相应的快捷键为crtl+u


- 无序列表1
- 无序列表2
 - 无序列表2.1
 - 无序列表2.2
 - 无序列表2.3
- 无序列表3

效果如下:


  • 无序列表1
  • 无序列表2
    • 无序列表2.1
    • 无序列表2.2
    • 无序列表2.3
  • 无序列表3

有序列表的使用与无序列表类似,只需将符号“-”替换成数字和符号“.”即可,相应的快捷键为ctrl+o

1. 有序列表1
2. 有序列表2
 2.1 有序列表2.1
 2.2 有序列表2.2
3. 有序列表3

效果如下:


  • 有序列表1
  • 有序列表2
    2.1 有序列表2.1
    2.2 有序列表2.2
  • 有序列表3

引用的简单使用

引用的格式是使用符号“>”后面书写文字,相应的快捷键为ctrl + q 如下:


>引用内容

效果如下:


引用内容

粗体和斜体的简单使用

粗体的使用是在需要加粗的文字前后各加两个“”,而斜体的使用则是在需要斜体的文字前后各加一个“”,如果要使用粗体和斜体,那么就是在需要操作的文字前后各加三个“*”。如下:

**这个是粗体**
*这个是斜体*
***这个是粗体加斜体***

效果如下:


这个是粗体
这个是斜体
这个是粗体加斜体

链接与图片插入

在文中直接加链接,中括号中是需要添加链接的文字,圆括号中是需要添加的链接,相应的快捷键为ctrl+L如下:

[link text](http://example.com/ "optional title")

效果如下(optional title 为提示内容):


link text

在文中直接引用链接,直接使用尖括号,把链接加入到尖括号中就可以实现,如下:

<http://example.com/> or <address@example.com>

效果如下:


这是一个链接 http://www.baidu.com 这是一个链接

在博客中插入图片,相应的快捷键为ctrl+G格式如下:

![这里写图片描述](http://img3.douban.com/mpic/s1108264.jpg)

效果如下:


这里写图片描述

代码块的简单使用

用TAB键起始的段落,会被认为是代码块,如下:

    <php>
        echo “hello world";
    </php>

效果如下:

<php>
    echo "hello world";
</php>  

如果在一个行内需要引用代码,只要用反引号`引起来就好,如下:

Use the `printf()` function.

效果如下:


Use the printf() function.

分割线与删除线的简单使用

可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,同时需要在分隔线的上面空一行。如下:


---
****
___

效果如下:




删除线的使用,在需要删除的文字前后各使用两个符合“~”,如下

~~Mistaken text.~~

效果如下:


Mistaken text.

代码块和语法高亮

在需要高亮的代码块的前一行及后一行使用三个反引号 ,同时第一行反引号后面表面代码块所使用的语言,相应的快捷键为 ctrl + K 如下:

效果如下:


require 'redcarpet'
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html

表格

可以使用冒号来定义表格的对齐方式,如下:

| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |

效果如下:


TablesAreCool
col 3 isright-aligned$1600
col 2 iscentered$12
zebra stripesare neat$1

其他

优快云 的 扩展Markdown编辑器也支持Latex数学公式的编辑和UML图的编辑,暂时没有学习,本文只是记录了一些简单的用法,Latex待耍过后再作整理。

最后,也建议各位使用Markdown写这么一个关于简单入门的文章,可以熟悉相关的快捷键。That’s all !

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值