恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
设计师笔记整理工具/Mou与Markdown零基础新手入门
0.0°
2018-02-11 原创文章 教程 举报 2924 9 2 0

平时在做设计笔记的时候,用Word与Page或者直接用Sketch,因为格式字体等排版原因会比教混乱,使用Mou与Markdown可以解决这个问题

Image title

写在开始

▍为什么学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里可以 ###`文字` 来改变行内代码块字体的大小


对照图

Image title


空格与换行

1.分割线:---- 如【空格与换行上方所述】

2.缩进:输入法用全角,使用空格键。

3.换行:回车,空一行,如代码所示

4.换行并且多空几行:输入
可以空一行


对照图

Image title


插入

1.插入图像与修改大小:定义图片大小

! [描述](图片链接地址)
如果你想更改大小,我实践出来的方案为使用HTML标签,见对照图


2.插入外链:[描述](链接地址)


对照图

Image title


列表

1.无叙列表:

第一个 第二个

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

2.有序列表:

第一个 第二个

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


引用

引用的内容:在文字前面加上>


对照图

Image title


其他

删除线:~~删除~~

一些符号:▍ ▷ ◁ ▶ ◀ △▽▲▼ ✔ ✘ ✚ ✄

邮件:


可以直接看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] 比较代码感

知乎上面还有一些文章


写在结束

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






更新:2018-02-11

下载
收藏

9人已收藏

雪柔咚咚锵

努力一点 认真一点 开心一点

  • 5

    作品

  • 12

    粉丝

  • 10

    关注

  • 邀请好友全局思考笔记
  • 零基础色彩自学笔记与也许应用方法
  • 当你一直滑刷到界面底部有什么
  • 泸沽湖傍晚雪后
相关标签
排版笔记工具

    猜你喜欢

      2018-02-11 原创文章 教程 举报 2924 9 2 0

      设计师笔记整理工具/Mou与Markdown零基础新手入门

      0.0°

      你确定要举报设计师笔记整理工具/Mou与Markdown零基础新手入门

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年02月09日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2
      9
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录