mou.png
讲在前面
▍为什么学Mou与Markdown？
平时在做设计笔记的时候，用Word与Page或者直接用Sketch，不同的网页复制下来内容格式不一样，字体不同意等等排版十分混乱，不能专注于内容。总是要停下啦画时间整理格式问题。在Mou里都是预设的，比较统一，注重内容的输入。
▍为什么写这个文章？很多都是笔记？
写给零代码基础的我们，Mou与Markdown这两个是什么东西？有什么联系？标记语言？要看一会儿才能明白。所以是一篇我刚学些的思考和大大们总结的笔记，因为现在我还是小白，so，如果有错误请一定要指出。注重实用性，添加一些在实际操作中的经验，比如图片调整大小。
▍其他
不知道为什么截图很小，所以用了马克飞象和简书在线编译器字图片可以大一些点，语言是通用的展示出来的样式有些不同。
目录
- 介绍Mou和Markdown
- Markdown基本语法
- 参考文章和完整语法
第一部分
介绍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
其他
删除线：
~~删除~~
一些符号：
▍ ▷ ◁ ▶ ◀ △▽▲▼ ✔ ✘ ✚ ✄
An email <example@example.com> link
直接看Mou的帮助文档，格式直接复制语言就可以了。
在不同的Markdown编译器里面，基本语言是通用的，但是因为功能拓展等，有的编译器一些语言识别不出来。他们使同一个语法显示的效果也会不一样。
举例：
Mou的`行内代码块`是橘色底色，黑色的字
Trello的`行内代码块`是灰色底色，红色的字
第三部分
参考文章和完整语法
Markdown——入门指南 里面还介绍了工具
Markdown 语法说明 (简体中文版) 比较代码感，我还没看完 T-T
知乎上面还有一些文章
这些内容是有点年代了，但是还是使用，说明Marddown的基本知识还是通用的，越来越多的平台也支持这种语法。
写在结束
新的一年，祝福一些顺利~
网友评论