以前听说过Markdown但不知道是干什么的，以及怎么用，还想着到时候要是想写博客，怎么写呢？难道要HTML一个一个往上敲，然后第一次编辑博客的时候，发现有个Markdown编辑器，就去了解了一下，最后就惊呆了，这也太好用了吧！所以决定把博客园的首秀给Markdown吧！一来是好好学习一下Markdown，好写出漂亮的博客，虽说博客更注重的是文章的质量，但颜值也是不可或缺的，二来是熟悉熟悉博客园的发博流程。
Markdown是一种轻量级标记语言,允许人们使用易读易写的纯文本格式编写文档，然后转换成格式丰富的HTML页面，Markdown文件的后缀是".md"
功能演示： `灰色框内是使用方法` 这里呈现效果
标题
示例：# 标题一## 标题二### 标题三#### 标题四##### 标题五###### 标题六
效果：
标题一
标题二
标题三
标题四
标题五
标题六
字符效果
~~删除线~~ 或者 <s>HTML标签里的删除线</s>*斜体字* 或者 _斜体字_
斜体字
**粗体** 或者 __粗体__
粗体
***粗斜体*** 或者 ___粗斜体___
粗斜体
上标:X<sub>2</sub>,下标O<sup>2</sup>
x2, O2
缩写
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>
邮箱地址自动连接
代码高亮
行内代码执行命令: `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 "markdown")
列表
无序列表(减号或者星号)示例:
- 列表一
- 列表二
* 列表三
* 列表四
效果:
- 列表一
- 列表二
- 列表三
- 列表四
列表嵌套(加号)
示例:
+ 列表一
+ 列表二
+ 列表二(1)
+ 列表二(2)
+ 列表三
* 列表三(1)
* 列表三(2)
效果:
- 列表一
- 列表二
- 列表二(1)
- 列表二(2)
- 列表三
- 列表三(1)
- 列表三(2)
有序列表
示例:
1. 第一行
2. 第二行
3. 第三行
效果:
- 第一行
- 第二行
- 第三行
绘制表格
示例：
| 项目 | 价格 | 数量 |
| :----: | :----: | :----: |
| 计算机 | 1600 | 12 |
| 手机 | 600 | 23 |
效果：
| 项目 | 价格 | 数量 |
|---|---|---|
| 计算机 | 1600 | 12 |
| 手机 | 600 | 23 |
如何设置表格对齐方式
| 格式 | 含义 |
|---|---|
:---- |
左对齐 |
----: |
右对齐 |
:----: |
中间对齐 |
先写到这儿,以后有需要再进行补充.