博客园首秀----Markdown

以前听说过Markdown但不知道是干什么的，以及怎么用，还想着到时候要是想写博客，怎么写呢？难道要HTML一个一个往上敲，然后第一次编辑博客的时候，发现有个Markdown编辑器，就去了解了一下，最后就惊呆了，这也太好用了吧！所以决定把博客园的首秀给Markdown吧！一来是好好学习一下Markdown，好写出漂亮的博客，虽说博客更注重的是文章的质量，但颜值也是不可或缺的，二来是熟悉熟悉博客园的发博流程。

Markdown是一种轻量级标记语言,允许人们使用易读易写的纯文本格式编写文档，然后转换成格式丰富的HTML页面，Markdown文件的后缀是".md"

功能演示： `灰色框内是使用方法` 这里呈现效果

标题

示例：
# 标题一
## 标题二
### 标题三
#### 标题四
##### 标题五
###### 标题六

效果：

标题一

标题二

标题三

标题四

标题五

标题六

字符效果

~~删除线~~ 或者 <s>HTML标签里的删除线</s>
~~删除线~~

*斜体字* 或者 _斜体字_
斜体字

**粗体** 或者 __粗体__
粗体

***粗斜体*** 或者 ___粗斜体___
粗斜体

上标:X<sub>2</sub>,下标O<sup>2</sup>
x₂, O²

缩写
The <abbr title="Hyper Text Markup Language">HTML<abbr/> specification is maintained by the <abbr title="World Wide Web Consortium">W3C</abbr>
The HTML specification is maintained by the W3C

引用

>这里是引用

这里是引用

嵌套

> 最外层
>> 第一层嵌套
>>> 第三层

最外层

第一层嵌套

第三层

超链接

普通连接

[Markdown官网](https://www.mdeditor.com/)

Markdown官网

直接连接

直接连接:<https://www.mdeditor.com>

直接连接:https://www.mdeditor.com

邮箱地址自动连接

代码高亮

行内代码
执行命令: `npm install marked`
执行命令:npm install marked

说明: (` `) 反引号用来显示行内代码,只能显示一行,如果是多行,它会自动合并成一行显示,要显示多行代码需要用(三反引号```开头),(三反引号```结尾),如果要显示反引号,用双反引号引起来,这是`反引号`

多行代码
显示多行代码需要用(三反引号```开头),(三反引号```结尾)
python代码

def func():
    lists=['a','b']
    for li in lists:
        print(li)

PHP代码

<?php
    echo "hello world!";
?>

JS代码

function test(){
    console.log("hello world!");
}

HTML代码

<!DOCTYPE html>
<html>
    <head>
        <mate charest="utf-8" />
        <meta name="keywords" content="Editor.md, Markdown, Editor" />
        <title>Hello world!</title>
        <style type="text/css">
            body{font-size:14px;color:#444;font-family: "Microsoft Yahei", Tahoma, "Hiragino Sans GB", Arial;background:#fff;}
            ul{list-style: none;}
            img{border:none;vertical-align: middle;}
        </style>
    </head>
    <body>
        <h1 class="text-xxl">Hello world!</h1>
        <p class="text-green">Plain text</p>
    </body>
</html>

预格式化文本

缩进四个空格,也作为实现类似<pre>预格式化文本的功能

| first header | second header |
| ------------ | ------------- |
|     cell     |      cell     |
|     cell     |      cell     |

图片

图片加链接

[![](https://www.mdeditor.com/images/logos/markdown.png)](https://www.mdeditor.com/images/logos/markdown.png "markdown")

列表

无序列表(减号或者星号)
示例:

- 列表一
- 列表二
* 列表三
* 列表四

效果:

列表一
列表二

列表三
列表四

列表嵌套(加号)
示例:

+ 列表一
+ 列表二
    + 列表二(1)
    + 列表二(2)
+ 列表三
    * 列表三(1)
    * 列表三(2)

效果:

列表一
列表二
- 列表二(1)
- 列表二(2)
列表三
- 列表三(1)
- 列表三(2)

有序列表
示例:

1. 第一行
2. 第二行
3. 第三行

效果:

第一行
第二行
第三行

绘制表格
示例：

|  项目  |  价格   |  数量   |
| :----: | :----: | :----:  |
| 计算机 |   1600  |   12   |
|  手机  |   600   |   23   |

效果：

项目	价格	数量
计算机	1600	12
手机	600	23

如何设置表格对齐方式

格式	含义
`:----`	左对齐
`----:`	右对齐
`:----:`	中间对齐

先写到这儿,以后有需要再进行补充.