mou.png

讲在前面

▍为什么学Mou与Markdown？
平时在做设计笔记的时候，用Word与Page或者直接用Sketch，不同的网页复制下来内容格式不一样，字体不同意等等排版十分混乱，不能专注于内容。总是要停下啦画时间整理格式问题。在Mou里都是预设的，比较统一，注重内容的输入。

▍为什么写这个文章？很多都是笔记？
写给零代码基础的我们，Mou与Markdown这两个是什么东西？有什么联系？标记语言？要看一会儿才能明白。所以是一篇我刚学些的思考和大大们总结的笔记，因为现在我还是小白，so，如果有错误请一定要指出。注重实用性，添加一些在实际操作中的经验，比如图片调整大小。

▍其他
不知道为什么截图很小，所以用了马克飞象和简书在线编译器字图片可以大一些点，语言是通用的展示出来的样式有些不同。

介绍Mou和Markdown

我的理解是Mou是一个工具，另一种形式的简化版的word

在word中排版字体大小等，通过界面可视化操作设置文字。在Mou则是通过添加Markdown「标记语言」，感觉就像是用游戏里的快捷键，直接键盘操作，不用在屏幕上点击对应按钮，专注在文字上效率会大大提升。

Markdown 奉行的是样式和内容分开的哲学，排版等是CSS 或者其他排版工具的事情。Markdown注重内容本身。包括很多网站（例如简书，知乎）也支持了 Markdown 的文字录入或者导入的功能

举例：

在word中，把［天气很好］作为大标题，你需要去点击预设的大标题按钮

在Mou中，把［天气很好］作为大标题，你需要在＃号在前面

同样，你可以在word 里写文档也可以在wps里工作，Mou只是只用Markdown的一种工具。你可以用HTML标记语言来写，但是HTML 标记语言比较复杂的，Markdown比较轻量。

举例：以下两种方式都可以设置最大标题

 #标题 = <h1/>标题<h1/> ，前者为Markdow后者为HTML

[图片上传中...(1.png-8bd382-1518147123313-0)]

第二部分

Markdown基本语法

分级标题

标题 6

标题 5

标题 4

标题 3

标题 2

标题 1

强调

加粗:加粗

**加粗**

斜体:斜体

*斜体*

行内代码块: 行内代码块

`行内代码块`

代码块:

在开头空四格，文字内容就被方块线条圈起来了

或者使用 ```内容```

有的编译器里可以结合使用，看具体语法：

比如trello里可以 ###`文字` 来改变行内代码块字体的大小

1.png

空格与换行

分割线：

---- 如【空格与换行上方所述】

缩进：

输入法用全角，使用空格键。

如何切换半角与全角

</br>换行：

回车，空一行，如代码所示

换行并且多空几行：

输入</br>，如【换行】前方所述

2.png

插入

插入图像与修改大小：图片怎么定义图片的大小

夏天

! [描述](图片链接地址)

如果你想更改大小，我实践出来的方案为使用可以用<img> 标签更改

<img src="图片链接地址"style="zoom:比例%" >

<img src="图片链接地址"width="200px" >

 简书里好像不支持......

插入外链：如何用百度云做外链

[描述](链接地址)

3.png

列表

无叙列表：

第一个
第二个

在文字前加上*，自动成无序列表，中间要打空格

有序列表：

第一个
第二个

在文字前加上1. ，自动成无序列表，中间要打空格

引用

引用的内容

 在文字前面加上>

4.png

其他

删除线：

~~删除~~

一些符号：

▍ ▷ ◁ ▶ ◀ △▽▲▼   ✔ ✘ ✚   ✄

邮件： example@example.com

An email <example@example.com> link

直接看Mou的帮助文档，格式直接复制语言就可以了。
在不同的Markdown编译器里面，基本语言是通用的，但是因为功能拓展等，有的编译器一些语言识别不出来。他们使同一个语法显示的效果也会不一样。
举例：

Mou的`行内代码块`是橘色底色，黑色的字
Trello的`行内代码块`是灰色底色，红色的字

第三部分

参考文章和完整语法

MarkDown 语法备忘

Markdown——入门指南里面还介绍了工具

Markdown 语法说明 (简体中文版) 比较代码感，我还没看完 T-T

知乎上面还有一些文章
这些内容是有点年代了，但是还是使用，说明Marddown的基本知识还是通用的，越来越多的平台也支持这种语法。

写在结束

新的一年，祝福一些顺利~

Mou入门— Markdown零基础十分钟