您的位置:首页 > 其它

Markdown简单语法

2016-12-01 19:10 169 查看
今天是十二月一日,纪念日子发表第一篇博文~~

在这里简单记录一下Markdown的基本语法,为后续发表博文做充分的准备。

一 标题

分为6级标题

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


效果图:

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

二 段落

在同一个段落里的内容想进行换行时需要插入两个以上的空格然后回车 。

在同一个段落里的内容想进行换行时,  
需要插入两个以上的空格然后回车。


效果图:

在同一个段落里的内容想进行换行时,

需要插入两个以上的空格然后回车。

首行缩进

如果想让段落首行缩进的话可在段落前加
半方大的空白 或 
全方大的空白 或 
不断行的空白格 或 


效果图:

  在同一个段落里的内容想进行换行时,需要插入两个以上的空格然后回车在同一个段落里的内容想进行换行时,需要插入两个以上的空格然后回车在同一个段落里的内容想进行换行时,需要插入两个以上的空格然后回车。

三 列表

无序列表使用星号、加号或是减号作为列表标记:

*   列表1
*   列表2
*   列表3


效果图:

列表1

列表2

列表3

有序列表则使用数字接着一个英文句点:

1.  列表1
2.  列表2
3.  列表3


效果图:

列表1

列表2

列表3

四 代码区

4个空格或是1个制表符,往往要与前面的内容隔开(需要前面的内容后加两个空格然后换行)

public function judgeUserOnline($user_id){
$data1 = array ('userid' => $user_id);
$data1 = http_build_query($data1);
$opts = array (
'http' => array (
'method' => 'POST',
'header'=> "Content-type: application/x-www-form-urlencoded",
'content' => $data1
)
);
$context = stream_context_create($opts);
$html = file_get_contents(self::url, false, $context);
return $html;
}


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

Use the `echo()` function.


Use the
echo()
function.

CSDN-MarkDown 扩展语法

CSDN-markdown编辑器经过PageDown扩展后,支持GFM的代码块高亮功能。只要把代码块包裹在 “` 之间,你就不需要通过无休止的缩进来标记代码块了。

使用“`(三个反引号)包围代码块即可,里面的代码块不需要任何缩进。这种方式也称“围栏式代码块”,如下:

```
.list1-title{
position:relative;
left:50px;
}
```


注意上面是默认的代码块着色效果,GFM还有更进一步的措施,你可以指定一个可选的编程语言标识符(比如c++、Java、Python等),然后就可以启用指定语言的语法着色了。

以一段 php 代码着色为例

```php
public function judgeUserOnline($user_id){ $data1 = array ('userid' => $user_id); $data1 = http_build_query($data1); $opts = array ( 'http' => array ( 'method' => 'POST', 'header'=> "Content-type: application/x-www-form-urlencoded", 'content' => $data1 ) ); $context = stream_context_create($opts); $html = file_get_contents(self::url, false, $context); return $html; }```


效果图:

public function judgeUserOnline($user_id){
$data1 = array ('userid' => $user_id);
$data1 = http_build_query($data1);
$opts = array (
'http' => array (
'method' => 'POST',
'header'=> "Content-type: application/x-www-form-urlencoded",
'content' => $data1
)
);
$context = stream_context_create($opts);
$html = file_get_contents(self::url, false, $context);
return $html;
}


五 分隔线

可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格

***
---
___


效果图:

六 链接

Markdown 支持两种形式的链接语法: 行内式和参考式两种形式。

不管是哪一种,链接文字都是用 [方括号] 来标记。

要建立一个行内式的链接,只要在方块括号后面紧接着圆括号并插入网址链接即可,如果你还想要加上链接的 title 文字,只要在网址后面,用双引号把 title 文字包起来即可,例如:

This is [an example](http://example.com/ "Title") inline link.

[This link](http://example.net/) has no title attribute.


效果图:

链接 chac博客

chac博客 没有title属性

七 区块引用 Blockquotes

只需在段前或每行前加>即可

>你好啊,这里是chac的博客  
>欢迎在这里交流


效果图:

你好啊,这里是chac的博客

欢迎在这里交流

七 加粗文本

加粗文本只需在文本的前后方都加上两个*

**hello**


效果图:

hello

八 文本斜体

给文本加斜体只需在文本前后方都加上一个*

*hello*


效果图:

hello

九 删除线

删除内容前后加两个~~

这就是 删除线

十 表格

| 项目  | 价格 |
| ------------- | ------------- |
| 电脑  | 1600  |
| 手机  | 1200  |


效果图:

项目价格
电脑1600
手机1200

拓展

Markdown语法是兼容HTML语法的,所以想要展现一些特殊的效果是可以使用HTML去替代。比如想把文字内容展现在页面的右侧:

<div align = right>2016.12.1</div>


效果图:

[align=right]2016.12.1[/align]

注意

一些平台上写Markdown文档时对CSS的支持不好,所以应该尽量避免用在自己的文档上应用CSS。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  markdown