Markdown语法学习笔记
前言
最近打算做一个开源的weapp,才开始接触Markdown,仅此记录Markdown语法(只要学习,总不算晚)。
在博客园如何使用Markdown编辑器呢,很简单,管理→选项→默认编辑器(选择Markdown),再次编写博客时候,就可以使用Markdown语法写博客啦!
当然,如果对Markdown不熟悉的朋友可以使用在线对照编辑器来验证自己的语法是否正确,当然新手朋友也可以在这里先练习编辑好格式后,粘贴到博客园编辑器中。
本地可以在VScode编辑器中,搜索安装 Markdown Preview Enhanced 插件实时查看编辑Markdown效果。
正文
一. Markdown是什么
Markdwon 是一种轻量级 标记语言,它以纯文本形式(易读、易写、易更改)编写文档,并最终以HTLM格式发布。Markdown也可以理解为将以 MARKDOWN语法编写的语言转换成HTML内容的工具。
二. 为什么要使用Markdown
- 它是易读(看起来很舒服)、易写(语法简单)、易更改(纯文本)。处处体现着极简主义的影子。
- 兼容HTML,可以转换为HTML格式发布。
- 跨平台使用。
- 越来越多的网站支持Markdown。
三. Markdown的初级使用
1.标题
以#开头,会转换为html的h1~h6标签,配合([TOC])可以做页面锚点导航
H1 :# Header 1
H2 :## Header 2
H3 :### Header 3
H4 :#### Header 4
H5 :##### Header 5
H6 :###### Header 6
效果如下:
Header 1
Header 2
Header 3
Header 4
Header 5
Header 6
2.斜体、粗体、加粗斜体、删除线
强调作用
*斜体*
**粗体**
***加粗斜体***
~~删除线~~
效果如下:
斜体
粗体
加粗斜体删除线
3.引用
可多层嵌套
> 引用了某人的一句话
>> 两层嵌套
>>> 多层嵌套
效果如下:
引用了某人的一句话
两层嵌套
多层嵌套
4.列表
无序列表使用*-+后接文字,注意-后需要添加一个空格,列表可逐级嵌套,在前面加空格即可
+ 吃饭
- 吃早饭
- 睡觉
- 打豆豆
- 吃饭
- 吃早饭
- 睡觉
- 打豆豆
有序列表直接使用数字和点
1.吃饭
2.睡觉
3.打豆豆
1.吃饭
2.睡觉
3.打豆豆
5.外链
使用 [描述](链接地址) 为文字增加外链接。
[我是电子猫](http://www.cnblogs.com/e-cat/)
效果如下:
我是电子猫
6.图片
![图片alt](图片地址 \'\'图片title\'\')
图片alt就是显示在图片下面的文字,相当于对图片内容的解释。
图片title是图片的标题,当鼠标移到图片上时显示的内容。title可加可不加
![你好,我是谢耳朵](https://pic.cnblogs.com/avatar/1324387/20180124154851.png "谢耳朵")
效果如下:
7.分割线
三个或三个以上的---或***都可以做页面分割线,注意在分割线上方留一个回车
------
***
******
8.表格
第二行分割表头和内容。
- 有一个就行
文字默认居左
-两边加:表示文字居中
-右边加:表示文字居右
注:原生的语法两边都要用 | 包起来。此处省略
姓名|技能|排行
-|:-:|-:
刘备|哭|大哥
关羽|打|二哥
张飞|骂|三弟
姓名 | 技能 | 排行 |
---|---|---|
唐僧 | 念经 | 老大 |
悟空 | 打架 | 大师兄 |
八戒 | 吃 | 二师兄 |
沙僧 | 沉默 | 三师弟 |
9.行内代码块以及代码块
行内代码块
我是`行内代码块`呀
我是行内代码块
呀
在文字前敲4个空格,即可实现简单的代码块
代码块
代码块
也可以使用三个`包含代码,实现。在第一段后接上编程语言名称可实现不同编程语言样式变化
(```)
function love(you) {
if (!you) {
return false;
}
}
(```)
四. Markdown的高阶使用
1.目录锚点
在段落中填写 [TOC]
以显示全文内容的目录结构。