初识markdown
2016-12-10 16:08
225 查看
作为一个前端人员,最不能忍受的就是极丑的样式。每次看到自己的博客,都尴尬癌发作,但又受困于不懂markdown,所以都无法写出自己满意的技术文章。今天趁周末时间,决定学习一下markdown的东西。
2.2
3.3
这是无序列表
1
2
3
引用:如果你需要引用一小段别处的句子,只需要>+句子就可以了
这是引用的例子
图片与链接的插入:因为图片的插入和链接的插入相似,这里就直接说明。图片插入:! 链接:
插入图片:
插入链接:
点此跳转到百度
粗体与斜体:前后两个* 代表粗体 前后一个*代表斜体
这是粗体
这是斜体
代码框:用3个`把代码框起来就好了
分割线:三个*即可
表格:
参考:Markdown——入门指南
1、什么是markdown?
markdown是一种用来写作的轻量级标记语言。没错,它跟html是哥们,都是一种标记语言。它的用途就是用简洁的语法来代替排版,使我们专心于码字。例如文本从内容到格式,甚至插图,键盘都可以统统搞定。目前支持markdown语法编译器的网站有很多(例如csdn/简书)。2、markdown的语法规则,这里只列一些常用的语法
标题:#个数,n个#代表n级标题标题1
标题2
标题3
标题4
列表:有序列表就直接在列表前加序列就可以。无序列表则需要加-或者*再加空格这是有序列表
1.12.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
- 初识CSDN-markdown编辑器
- 初识markdown以及markdown的常用语法
- 初识 Markdown
- Go实战--也许最快的Go语言Web框架kataras/iris初识(basic认证、Markdown、YAML、Json)
- 初识markdown
- 初识Markdown
- Markdown语法(例如:github的readme.md)
- UI触屏的操作初识
- 初识SSH框架
- Android图片缓存之初识Glide
- 如何用Markdown编辑器写博客
- 欢迎使用CSDN-markdown编辑器
- C语言从入门到精通 ————1.初识C语言
- Markdown入门基础
- 初识 maven
- markdown
- 欢迎使用CSDN-markdown编辑器
- Spring笔记——初识Spring
- Markdown常用命令