提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
平时在做设计笔记的时候,用Word与Page或者直接用Sketch,因为格式字体等排版原因会比教混乱,使用Mou与Markdown可以解决这个问题
写在开始
▍为什么学Mou与Markdown?
1. 平时在做设计笔记的时候,用Word与Page或者直接用Sketch,不同的网页复制下来内容格式不一样,字体不同意等等排版十分混乱,不能专注于内容。总是要停下整理格式问题。板式在Mou里都是预设的,比较统一,注重内容的输入。
2. 很多平台(知乎,简书等)可以使用Markdown,文字排版效果就可以一劳永逸,版式标准。作为纯文本在传输上也很方便,一段qq发过去,在用编译器打开版式丝毫不乱。
3.Markdown比较简单,HTML 标记语言比较复杂,他们都可以在编译器中使用。以后学习HTML 和CSS可是排版更加精美。
▍为什么写这个文章?很多都是笔记?
写给零代码基础的我们,Mou与Markdown这两个是什么东西?有什么联系?标记语言?要看一会儿才能明白。所以是一篇我刚学些的思考和大大们总结的笔记,因为现在我还是小白,so,如果有错误请一定要指出。注重实用性,添加一些在实际操作中的经验,比如图片调整大小。
▍其他
不知道为什么截图很小,所以用了马克飞象和简书在线编译器字图片可以大一些点,在通用语言的基础之外还有各自不同的语言,同样使用同样的语言在不同编译器中展示出来的样式也会有不同
▍附件等
知乎可以使用Markdown,效果会比较清晰。欢迎大家去[https://zhuanlan.zhihu.com/p/33697389]查看,附件为使用Mou书写的文章原版。Mou适用于Mac系统,文末有其他系统和其他编译器的文章介绍。
目录
1. 介绍Mou和Markdown
2. Markdown基本语法
3. 参考文章和完整语法
第一部分
介绍Mou和Markdown
我的理解是Mou是一个工具,另一种形式的简化版的word
在word中排版字体大小等,通过界面可视化操作设置文字。在Mou则是通过添加Markdown「标记语言」,感觉就像是用游戏里的快捷键,直接键盘操作,不用在屏幕上点击对应按钮,专注在文字上效率会大大提升。
Markdown 奉行的是样式和内容分开的哲学,排版等是CSS 或者其他排版工具的事情。Markdown注重内容本身。包括很多网站(例如简书,知乎)也支持了 Markdown 的文字录入或者导入的功能
举例:
在word中,把[天气很好]作为大标题,你需要去点击预设的大标题按钮
在Mou中,把[天气很好]作为大标题,你需要在#号在前面
同样,你可以在word 里写文档也可以在wps里工作,Mou只是只用Markdown的一种工具。你可以用HTML标记语言来写,但是HTML 标记语言比较复杂的,Markdown比较轻量。
举例:以下两种方式都可以设置最大标题
#标题 = 标题 ,前者为Markdow后者为HTML
第二部分
Markdown基本语法
分级标题
1.######标题 最小
2.#####标题
3.####标题
4.###标题
5.##标题
6.#标题 最大
强调
1.加粗:**加粗**
2.斜体:*斜体*
3.行内代码块: `行内代码块`
4.代码块:在开头空四格,文字内容就被方块线条圈起来了,或者使用 ```内容```
有的编译器里可以结合使用,看具体语法:
比如trello里可以 ###`文字` 来改变行内代码块字体的大小
对照图
空格与换行
1.分割线:---- 如【空格与换行上方所述】
2.缩进:输入法用全角,使用空格键。
3.换行:回车,空一行,如代码所示
4.换行并且多空几行:输入
可以空一行
对照图
插入
1.插入图像与修改大小:定义图片大小
! [描述](图片链接地址)
如果你想更改大小,我实践出来的方案为使用HTML标签,见对照图
2.插入外链:[描述](链接地址)
对照图
列表
1.无叙列表:
第一个 第二个
在文字前加上*,自动成无序列表,中间要打空格
2.有序列表:
第一个 第二个
在文字前加上1. ,自动成无序列表,中间要打空格
引用
引用的内容:在文字前面加上>
对照图
其他
删除线:~~删除~~
一些符号:▍ ▷ ◁ ▶ ◀ △▽▲▼ ✔ ✘ ✚ ✄
邮件:
可以直接看Mou的帮助文档,格式直接复制语言就可以了。
在不同的Markdown编译器里面,基本语言是通用的,但是因为功能拓展等,有的编译器一些语言识别不出来。他们使同一个语法显示的效果也会不一样。
举例:
Mou的`行内代码块`是橘色底色,黑色的字
Trello的`行内代码块`是灰色底色,红色的字
第三部分
参考文章和完整语法
1. MarkDown 语法备忘[https://www.jianshu.com/p/43cc068c0612]
2. Markdown——入门指南[https://www.jianshu.com/p/1e402922ee32/] 里面还介绍了工具
3. Markdown 语法说明 (简体中文版)[https://www.appinn.com/markdown/basic.html] 比较代码感
知乎上面还有一些文章
写在结束
新的一年,祝福一些顺利~
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册