龙
年
大
吉

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] 以显示全文内容的目录结构。

2.todo列表

posted @ 2019-03-28 15:39  电子猫  阅读(8707)  评论(0)  编辑  收藏  举报
博客已经出生了585天12小时9分18秒