haroopad编辑html,走进MARKDOWN的世界

原标题：走进MARKDOWN的世界

一、什么是Markdown?

Markdown是一种轻量级的【标记语言】。所谓标记语言，(度娘告诉我)就是一种将文本以及文本相关的其他信息结合起来，展现出关于文档结构和数据处理细节的电脑文字编码。所以简单的说Markdown是一种语言，我们可以使用Markdwown语言和其编辑器来进行写作和排版。

关于Markdown创始人

Jonh GrubJonh Grub，科技博客作家，UI设计师，狂热果粉。网上介绍不多，中文介绍更少。

参见维基百科和文章John Grub：独立博客标杆

二、为什么使用Markdown？

Markdown is intended to be as easy-to-read and easy-to-write as is feasible.Markdown 的目标是实现「易读易写」

We believe that writing is about content, about what you want to say – not about fancy formatting.我们坚信写作写的是内容，所思所想，而不是花样格式。— Ulysses for Mac

专注于你的文字内容而不是排版样式安心写作

使用Markdown让你从Word/Pages繁杂的排版样式中解脱出来。同时让你的双手专注于键盘----文书的写作从图文内容到排版样式均由标记语法(键盘搞定)。

分分钟导出HTML和PDF文件

Word文档会因office版本不同发生格式变化，这种经历大家都有。而PDF和HTML可以实现完美的自适应。

纯文本内容，兼容所有的文本编辑器

其实不需要什么Markdown编辑器，掌握语法在txt这样的文本编辑器中也能书写。

编辑器秒开，随时修改文章版本

同事结合Git,文档版本更新方便快捷。

语法简单可读，学习成本低

相比HTML语法简单，通常15分钟就能掌握基础语法，而且语言可读性极高，毫无代码恐惧感。三、我们使用什么Markdown编辑器？

Windows

个人主要用过两款和

Mac个人推荐这款免费！好用！轻巧！的编辑器。

当然如果你是土豪你可以在APP STORE里搜索诸如Ulysses for Mac，iA writer和Byword等这样提升bigger的软件。

iA writer

Ulysses

Byword

Linux

个人最爱haroopad

移动端参考Mac端

WEB

小书匠

Marxico 中文名马克飞象，(Chrome 插件)

四、Markdown语法与HTML的比较

Markdown’s syntax is intended for one purpose: to be used as a format for writing for the web.Markdown 语法的目标是：成为一种适用于网络的书写语言。现在我们来快速熟悉一下Markdown语法，同时加上和H5的比较标题

想要定义标题只需在文字前加上若干个#

#一级标题 ##二级标题 ###三级标题

当然这样也是可以的

一级标题 ======== 二级标题 ----------

如果是H5

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5

This is heading 6

段落、换行和分割线

段落的划分在markdown中直接使用使用一个以上的空行

不过个人感觉html中的
也是不错的选择

华丽的分割线

******* ----- --------- 列表

无序列表使用* 或者+或者-标记

+ 生活 + 音乐 + 体育 + 读书

有序列表则使用数字和英文句号

1. 生活 2. 音乐 3. 体育 4. 读书

相应的H5

有序

1. 生活
2. 音乐
3. 读书

无序

• 生活
• 音乐
• 读书

引用

引用很简单，而且可以嵌套使用

> 参考维基百科 >>参考百度百科

参考维基百科

参考百度百科图片和超链接

插入超链接和图片的语法类似

[ 这是超链接]( http://)

不过许多md编辑器都支持直接拖拉

表格

表格对于刚开始接触md的人来说确实有点反人类

| 姓名 |性别 ||--------|--------|| xxx | x |

姓名

性别

xxx

x

不过比起h5是要好多了

1	2	3
4	5	6

1

2

3

4

5

6强调

无非就是斜体，粗体之类的

*斜体***粗体**

HTML：

粗体 斜体代码块

这是我最喜欢的部分，各种语言的高亮效果。

int x,y; if(x>y) printf("x,n"); else printf("y,n");#!/usr/bin/python # -*- coding: UTF-8 -*- flag = False name = 'luren' if name == 'python': # 判断变量否为'python' flag = True # 条件成立时设置标志为真 print 'welcome boss' # 并输出欢迎信息 else: print name # 条件不成立时输出变量名称返回搜狐，查看更多

责任编辑：