markdown 你很牛
说点废话 背景
md
经常喜欢写点东西的人,是不是觉得用各种笔记软件或者是html,排版总是让你感到蛋蛋的忧伤,本来满腹经纶,最后由于不好排版,阅读体验差,最后...but...不用着急,md(markdown文档的后缀)来帮你搞定这一切;让你专注于你的内容而不用把时间浪费在排版和格式上,确能实现简单实用的富文本。
软件环境
- 客户端:由于洒家是在mac下使用,所以是Mou免费版的(appstore里就有);还有一款收费的,有需要的可以去搞搞;windows和Linux平台下也有,大家可以自行去百度。
- 网页版:http://maxiang.info/ 有个中文名叫马克飞象,牛逼之处是可以离线编辑,更牛逼的据说是为专为印象笔记打造,可同步到印象笔记,但是部分功能是收费的;
打开Mou
是这个样子的 (这个是帮助文档, 在help中)
你没看错就是这么简单;
好了说说语法
小知识
1:执行回车 你需要:2空格 + enter 或者 2次enter 或者command + enter
2:<br/> 直接用html标签 md是支持html语言的
1. 标题style #
这里边的是源码 后边都是以这样例子的形式展示,不在说明
# This is H1
## This is H2
### This is H3
这样以后它的样式是下边这样的
This is H1
This is H2
This is H3
最多是6级标题 快捷键:command + 1、2...6
2. 标题style =
和-
2.1. =
号
写一句话在下一行加上若干个=号
======
写一句话在下一行加上若干个=号
2.2. -
号
写一句话在下一行加上若干个'-'号
------
写一句话在下一行加上若干个'-'号
其实----和====是分割线
代码块怎么搞? '=
' 这样的特殊符号如何包装?
方式一:
tab之后回车试试 (或者4空格) so easy
这个代码块好比html的pre标签会保留格式
方式二:
```
测试内容一
测试内容二
```
[`]:这个符号在数字1左边三个+回车表示代码块
一个或两个用来包住特殊字符,像这样
`#`
#
顺便说说~线 ~
~~这是中划线~~
注意是两个~
这是中划线
内容标签 >
写个> 后边加上内容试试说明效果?
就是下边的效果
>>这个是可以嵌套的
写个> 后边加上内容试试说明效果?
这个是可以嵌套的
子内容小标签 *
1.
-
直接看效果 *注意符号和文字直接必须有空格的*
* 子标题一
* 子标题二
* 子标题三
- 子标题一
- 子标题二
- 子标题三
1. 子标题一
2. 子标题二
3. 子标题三
注意符号和文字直接必须有空格的
*
号的效果
- 子标题一
- 子标题二
- 子标题三
-
号的效果
- 子标题一
- 子标题二
- 子标题三
1.
号的效果
- 子标题一
- 子标题二
- 子标题三
加粗和强调
**加粗**
__加粗__
*强调*
加粗
加粗
强调
注释
注释 和html中的注释一样
<!--在这里写上注释-->
网页链接 <>
链接<http://www.baidu.com>
table表格
方式1:
First Header | Second Header | Third Header
------------ | ------------- | ------------
Content Cell | Content Cell | Content Cell
Content Cell | Content Cell | Content Cell
方式二:
| First Header | Second Header | Third Header |
| ------------ | ------------- | ------------ |
| Content Cell | Content Cell | Content Cell |
| Content Cell | Content Cell | Content Cell |
方式三:
First Header | Second Header | Third Header
:----------- | :-----------: | -----------:
Left | Center | Right
Left | Center | Right
注意方式三:
:----------- 居左显示
:-----------: 居中显示
-----------: 居右显示
First Header | Second Header | Third Header |
---|---|---|
Content Cell | Content Cell | Content Cell |
Content Cell | Content Cell | Content Cell |
First Header | Second Header | Third Header |
---|---|---|
Left | Center | Right |
Left | Center | Right |
图片怎么搞?
1. 服务器图片(来自互联网)
![Mou icon](http://mouapp.com/Mou_128.png)
服务器模式,如果是要写博客给别人看,相关的图片是存在服务器的
效果图:
2. 本地图片加载方式
![Alt text](./开发者首页.png)
快捷键
- 导出html:
option + cmd + E
- 导出pdf:
Option + Cmd + P