初识markdown

作为一个前端人员，最不能忍受的就是极丑的样式。每次看到自己的博客，都尴尬癌发作，但又受困于不懂markdown，所以都无法写出自己满意的技术文章。今天趁周末时间，决定学习一下markdown的东西。

1、什么是markdown？

markdown是一种用来写作的轻量级标记语言。没错，它跟html是哥们，都是一种标记语言。它的用途就是用简洁的语法来代替排版，使我们专心于码字。例如文本从内容到格式，甚至插图，键盘都可以统统搞定。目前支持markdown语法编译器的网站有很多（例如csdn/简书）。

2、markdown的语法规则，这里只列一些常用的语法

标题：#个数，n个#代表n级标题

标题1

标题2

标题3

标题4

列表：有序列表就直接在列表前加序列就可以。无序列表则需要加-或者*再加空格

这是有序列表

1.1
2.2
3.3

这是无序列表

• 1
• 2
• 3

引用：如果你需要引用一小段别处的句子，只需要>+句子就可以了

这是引用的例子

图片与链接的插入：因为图片的插入和链接的插入相似，这里就直接说明。图片插入：! 链接：

插入图片：

插入链接：

点此跳转到百度

粗体与斜体：前后两个* 代表粗体 前后一个*代表斜体

这是粗体
这是斜体

代码框：用3个`把代码框起来就好了

        <canvas id="cvs" width="500" height="500" style="background-color: #ccc;">你的电脑不支持canvas</canvas>
        <script type="text/javascript">
            //绘制三角形
                var oCanvas = document.getElementById("cvs");
                var ctx = oCanvas.getContext('2d');
                ctx.beginPath();
                ctx.moveTo(10,10);
                ctx.lineTo(350,250);
                ctx.lineTo(400,50)
                ctx.closePath();
                ctx.lineWidth = 10;
                ctx.strokeStyle = "aqua"
                ctx.stroke();
                ctx.fill()
        </script>

分割线：三个*即可

---

表格：

|---|---|---|
|1|2|3|
|4|5|6|

table	row	col
1	2	3
4	5	6

参考：Markdown——入门指南