快速输入标题

# H1(一级标题)
## H2(二级标题)
### H3(三级标题)
#### H4(四级标题)
##### H5(五级标题)
###### H6(六级标题)

渲染出的效果如下:


斜体和粗体,删除线

*斜体*
**粗体**
~~删除线~~

渲染出的效果如下:

斜体

粗体

删除线


分隔线

下面三种方式都可以实现分隔线,当遇到分隔线不起作用时候,上下加上空行即可

    * * *

    - - -

    ---





外链接

[我的博客](http://www.cnblogs.com/xwwin/, "进入博客")

渲染出的效果如下:

我的博客


无序列表

使用 *,+,- 表示无序列表。

* 无序列表项1
* 无序列表项1
* 无序列表项1 + 无序列表项2
+ 无序列表项2
+ 无序列表项2 - 无序列表项3
- 无序列表项3
- 无序列表项3

渲染出的效果如下:

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

有序列表

使用数字和点号表示无序列表。

1. 无序列表项1
2. 无序列表项2
3. 无序列表项3

渲染出的效果如下:

  1. 无序列表项1
  2. 无序列表项2
  3. 无序列表项3

定义型列表

定义型列表由名词和解释组成。一行写上定义,紧跟一行写上解释。解释的写法:紧跟一个缩进(Tab)

Markdown
: 轻量级文本标记语言,可以转换成html,pdf等格式(左侧有一个可见的冒号和四个不可见的空格)

渲染出的效果如下:


插入图片

使用 ![描述](图片链接地址) 插入图像。

![博客园logo](https://www.cnblogs.com/images/logo_small.gif)

渲染出的效果如下:


文字引用

> 野火烧不尽,春风吹又生。
> >讲的是野草的顽强不息

渲染出的效果如下:


标签分类

用在文章首行才起作用

标签: js css html
Tags: java php .net

表格

冒号的位置决定对齐方式

  • 冒号在制表头的左端,就是左对齐;
  • 冒号在在制表头的右端,就是右对齐;
  • 冒号在在制表符两端都有,就是居中对齐;
|姓名|性别|年龄|分数|
|---|:---:|:---|---:|
|张三|男|8|60|
|李四|女|20|90|

渲染出的效果如下:

姓名 性别 年龄 分数
张三 8 60
李四 20 90

行内代码块

    `<div>Hello markdown</div>`

渲染出的效果如下:

<div>Hello markdown</div>


代码段

支持四十一种编程语言的语法高亮的显示,支持行号显示

    ``` html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div>Hello markdown</div>
</body>
</html>
```

渲染出的效果如下:

    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div>Hello markdown</div>
</body>
</html>

注脚

使用[^keyword]表示注脚,切记定义与使用之间需要有空行。

[^1]:这是注脚1的解释
这是一个注脚[^1]的样例
[^2]:这是注脚2的解释
这是一个注脚[^2]的样例

渲染出的效果如下,点击脚注可跳转到页尾说明页:

这是一个注脚[1] 的样例

这是一个注脚[2] 的样例


待办事宜 Todo 列表

使用带有- [ ] - [x] (未完成或已完成)项的列表语法撰写一个待办事宜列表

- [ ] 答题小程序开发
- [x] 静态布局
- [x] 页面交互效果
- [ ] 数据连调
- [ ] 再前后端交互
- [ ] 上线事宜

渲染出的效果如下:


显示当前文章的目录

在段落中填写[TOC]以显示全文内容的目录结构

[TOC]

渲染出的效果见最前面的目录


注:本文是基于cmd markdown工具编写,部分语法在博客下显示异常,用图片代替,推荐大家用cmd markdown书写

cmd markdown在线版

cmd markdown下载


  1. 这是注脚1的解释 ↩︎

  2. 这是注脚2的解释 ↩︎

应该知道的一些Markdown语法的更多相关文章

  1. 基于 Cmd MarkDown 的 markdown 语法学习

    首先我要打一个属于干货的广告:CmdMarkDown 是非常好用的markdown编辑器软件,支持全平台,由作业部落出品,分为客户端与WEB端两种使用场景. 本篇博客学习的markdown语法都是基于 ...

  2. 简体中国版文档的Markdown语法

    Markdown文件 注意︰这是简体中国版文档的Markdown语法.如果你正在寻找英语版文档.请参阅Markdown︰ Markdown: Syntax. Markdown: Syntax 概述 哲 ...

  3. markdown语法说明

    1.先写一个标题 # 一级标题.相当于 <h1> ## 二级标题.相当于 <h2> ### 三级标题.相当于 <h3> #### 四级标题.相当于 <h4&g ...

  4. Markdown语法

    概述 Markdown的理念是能让文档更容易读.写和随 改. 它用简洁的语法代替排版,格式语法只涵盖纯文 本可以涵盖的范围. 不在 Markdown 涵盖范围之内的标签,都可以直接在文档里面用 HTM ...

  5. Markdown语法 中文版

    文章翻译自Markdown创始人JOHN GRUBER的 个人博客, 英文原文请参见 Markdown Syntax; 本文地址: http://www.cnblogs.com/ayning/p/43 ...

  6. Markdown 语法简要介绍

    =================MarkDown================= Markdown 是一种方便记忆.书写的纯文本标记语言,用户可以使用这些标记符号以最小的输入代价生成极富表现力的文 ...

  7. Markdown 语法说明(持续更新-20160822)

    Markdown 是一种轻量级的「标记语言」.Markdown 语法的目标是:成为一种适用于网络的书写语言.Markdown 的语法简单,熟悉Markdown语法规则,事倍功半. 语法 插入图片如何定 ...

  8. Markdown 语法总结

    Markdown 语法总结 Markdown是一个神奇的语言,他比html简单,它巧妙地将内容和格式结合起来.很多平台支持Markdown语法编辑,比如github.博客园等. 下面总结一Markdo ...

  9. Markdown 语法整理

    Markdown 语法整理 白宁超 2015年7月24日14:57:49 一.字体设置 A First Level Header == A Second Level Header -- # 标题 ## ...

  10. Markdown语法说明(详解版)

    ####date: 2016-05-26 20:38:58 tags: Markdown tags && Syntax ##Markdown语法说明(详解版)杨帆发表于 2011-11 ...

随机推荐

  1. BS总结篇­

    学习Web开发差不多三个月了,这个阶段的学习给自己带来的更多的是视觉的盛宴.从CS的世界一下子来到了BS的地盘,心中除了惊喜还是惊喜.在这里还是希望自己对这三月所学的东西做一个阶段性的总结. 话不多说 ...

  2. ThinkPHP3.2.3完整版创建前后台入口文件 http://jingyan.baidu.com/article/7e4409533fc1092fc1e2ef53.html

    ThinkPHP3.2.3完整版创建前后台入口文件   1 2 3 4 5 6 7 分步阅读 ThinkPHP是为了简化企业级应用开发和敏捷WEB应用开发而诞生的优秀的国产php框架,值得我们去探索学 ...

  3. poj2409(polya 定理模板)

    题目链接:http://poj.org/problem?id=2409 题意:输入 m, n 表示有 m 种颜色,要构造一个长度为 n 的手环,旋转和对称的只算一种,问能组成多少个不同的手环. 思路: ...

  4. bzoj3328: PYXFIB(单位根反演+矩阵快速幂)

    题面 传送门 题解 我们设\(A=\begin{bmatrix}1 & 1 \\ 1 & 0\end{bmatrix}\),那么\(A^n\)的左上角就是\(F\)的第\(n\)项 所 ...

  5. CF796C Bank Hacking 思维

    Although Inzane successfully found his beloved bone, Zane, his owner, has yet to return. To search f ...

  6. Python判断字符串编码以及编码的转换

    转自:http://www.cnblogs.com/zhanhg/p/4392089.html Python判断字符串编码以及编码的转换 判断字符串编码: 使用 chardet 可以很方便的实现字符串 ...

  7. HTML5拖拽——将本地文件拖拽到网页中显示

    HTML5标准中的提供的用于文件输入输出(I/O)的对象 File: 代表一个文件对象 FileList: 代表一个文件列表,类数组对象 FileReader 用于从文件中提取内容 FileWrite ...

  8. Go语言基础之19--web编程基础

    一.web编程基础 1.1 web工作方式 1.2 HTTP协议详解 a.http 请求包体 GET /domains/example/ HTTP/1.1 //请求行: 请求方法 请求URI HTTP ...

  9. 干货-Spring3.2.3的所有注解

    在用到Spring3的时候,我们需要对耦合的struts2的Action层或者SpringMVC的Controller层加上注解,一般是@Controller和@RequestMapping 看到这里 ...

  10. “随机数”函数的 ES6 实现

    生成一个指定长度的数字数组 const getNumArray = len => [...new Array(len).keys()]; const getNumArray = len => ...