走进MARKDOWN的世界

2017-05-27 21:41:08 14 6221

带你走进MARKDOWN的世界

一、什么是Markdown?

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

  • 关于Markdown创始人

Jonh Grub Jonh 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

个人主要用过两款Markdownpad小书匠

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

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

  • iA writer

  • Ulysses

  • Byword

  • Linux

个人最爱haroopad

  • 移动端 参考Mac端

  • WEB

更多请见这篇博客:好用的Markdown编辑器一览

四、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

  <h1>This is heading 1</h1>
  <h2>This is heading 2</h2>
  <h3>This is heading 3</h3>
  <h4>This is heading 4</h4>
  <h5>This is heading 5</h5>
  <h6>This is heading 6</h6>
段落、换行和分割线

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

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

华丽的分割线

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

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

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

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

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

相应的H5

有序

<OL TYPE="1">
<LI>生活
<LI>音乐
<LI>读书
</OL> 

无序

<UL TYPE="CIRCLE">
<LI>生活
<LI>音乐
<LI>读书
</UL> 
引用

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


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

参考维基百科

参考百度百科

图片和超链接

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

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

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

表格

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

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

不过比起h5是要好多了

<TABLE BORDER=1>
  <TR><TD>1</TD><TD>2</TD><TD>3</TD></TR>
  <TR><TD>4</TD><TD>5</TD><TD>6</TD></TR>
</TABLE>

<TABLE BORDER=1> <TR><TD>1</TD><TD>2</TD><TD>3</TD></TR> <TR><TD>4</TD><TD>5</TD><TD>6</TD></TR> </TABLE>

强调

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

  *斜体*
  **粗体**

HTML:

<b>粗体</b>         
<i>斜体</i>
代码块

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

  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              # 条件不成立时输出变量名称

关于作者

Kerberos16篇文章31篇回复

评论14次

要评论?请先  登录  或  注册