Markdown 写博必备的轻量级标记语言

什么是Markdown?

  轻量级标记语言,是一种将文本以及文本相关的其他信息结合起来,展现出关于文档结构和数据处理细节的电脑文字编码。在 Web 上使用的文本到HTML的转换工具,可以通过简单、易读易写的文本格式生成结构化的HTML文档。
  目前它已是全球最大的技术分享网站 GitHub和技术问答网站 StackOverFlow 的御用书写格式。

  • Markdown是Aaron Swartz 跟John Gruber共同设计的排版语言。
  • Markdown的目标是实现「易读易写」。
  • Markdown 语法的目标是:成为一种适用于网络的书写语言。
  • Markdown 不是想要取代 HTML,
  • Markdown 的理念是,能让文档更容易读、写和随意改。
  • HTML 是一种发布的格式,Markdown 是一种书写的格式。

为什么学习Markdown?

  Markdown是一种易读易写的标记语言,它会让你的写作更便捷,写博客必备
  Markdown 的简单和灵活性可以让你产生更少的错误,而且很容易找到错误所在。
  你可以使用任何文本编辑器来编辑 Markdown ,另外也有大量的 Markdown 编辑工具可以让你更轻松的编写。

编辑工具

  虽然不需要工具,但学习时为了比较直观的看出效果还是推荐使用Markdown编辑器
  本人比较喜欢的是MWeb,功能比较强大
  版本:MWeb for Mac 3.1.6
  下载:[MWeb 在 Mac App Store上售价人民币98元]
  破解版:https://download.csdn.net/download/jackjia2015/10736948

打开MWeb cmd + 4 打开Markdown编辑器
Markdown 写博必备的轻量级标记语言_第1张图片

常用语法

标题

# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题

效果图

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题
这是六级标题

字体

**文字** 加粗
*文字*  斜体
***文字***  斜体加粗
字体,字号,字体颜色

效果图
文字 加粗
文字 斜体
文字 斜体加粗
字体,字号,字体颜色

空格

  全角的空格
   半角的空格 
  半角的不断行的空白格
  首行缩进

效果图
  全角的空格
  半角的空格
  半角的不断行的空白格
  首行缩进

引用

>这是引用的内容
>>这是引用的内容
>>>这是引用的内容
>>>>这是引用的内容

效果图

这是引用的内容

这是引用的内容

这是引用的内容

这是引用的内容

分割线

三个或者三个以上的 - 或者 * 都可以(以下效果一样)
---
----
***
*****

效果图





图片

![图片alt](图片地址 "图片title")
图片居中 
![]() 注:title可加可不加 例:![海贼王](http://img.yaojingweiba.com//uploads/donghua/op.jpg)

效果图
Markdown 写博必备的轻量级标记语言_第2张图片
也可以控制图片大小

![海贼王](http://img.yaojingweiba.com//uploads/donghua/op.jpg =800x200)
长X宽

例:Markdown 写博必备的轻量级标记语言_第3张图片

超链接

[超链接名](超链接地址 "超链接title")
注:title可加可不加
例:[百度](http://baidu.com)

效果图
百度

无序列表

无序列表用 - + * 任何一种都可以
- 列表内容
+ 列表内容
* 列表内容

效果图

  • 列表内容
  • 列表内容
  • 列表内容

有序列表

1.列表内容
2.列表内容
3.列表内容

效果图
1.列表内容
2.列表内容
3.列表内容

表格

表头|表头|表头
--|:--|-:
内容|内容|内容
内容|内容|内容

注:文字默认居中
:-  表示文字居左
--  表示文字居中
-:  表示文字居右

效果图

表头 表头 表头
内容 内容 内容
内容 内容 内容

代码

单行代码   `hello world`

代码块
Markdown 写博必备的轻量级标记语言_第4张图片
效果图

  代码...
  代码...
  代码...

流程图

```mermaid
flowchat
st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
&```

效果图

Created with Raphaël 2.2.0 开始 My Operation Yes or No? End yes

更改图片大小
正常图片
![Mou icon](http://25.io/mou/Mou_128.png)
更改大小:
![Mou icon](http://25.io/mou/Mou_128.png =200x300)
或者
![Mou icon](http://25.io/mou/Mou_128.png =200x)

画线
中划线
~~markdow中划线~~
markdow中划线
直线
---






你可能感兴趣的:(ONE,PIECE--Tools)