开始使用MarkDown

为什么要使用MarkDown?

MarkDown是一个用来写作的轻量级标记语言。

对于下面这样的人来说可是宝贝:

  • 容易读写。
  • 希望在排版花费的时间越少越好。
  • 希望最好能手不离键盘,不需要用鼠标去点“样式”。
  • 对自己的文章的排版总是改来改去,每次都得一个一个文档修改排版。
  • 希望文档是文档,排版是排版,不要互相干扰。
  • 希望文档是纯文本,能够任意更换软件进行编辑,而不要是某些软件的特定格式。

我恰恰是其中之一,我有时需要写不少的文档,并且发布到博客上,所以希望一种排版简单、快速,而且排版还不会和文档产生关联的书写方式,这样我每打开一篇文档都是一样的排版,最好还能用自己喜欢的编辑软件。MarkDown符合以上所有要求。

下面是MarkDown的直观印象:

markdown的直观印象

区块元素

  • 段落:在MarkDown中,每一段中间有一个空行。
  • 标题:在一行开始的位置#的数量表示标题的级数。
  • 引用:在一行开始的位置>的数量表示引用的级数。
  • 无序列表:在一行开始的位置*或者-表示无序列表。
  • 有序列表:在一行开始的位置一个数字加一个句点表示有序列表,例如1.5.,数字与列表序号没有关系。
  • 代码:一对`表示行内代码,一对```表示区块代码。
  • 分隔线:----------,三个以上-表示分隔线。

看下面的例子:

markdown区块1

markdown区块2

区段元素

  • 加粗:**文字**表示加粗文字。
  • 斜体:*文字*表示文字为斜体。
  • 删除线:~~文字~~表示文字上有删除线。
  • 链接:[链接文字](链接地址 "链接标题")
  • 图片:[图片上传失败...(image-ebe60-1514733931753)]

看下面的例子:

markdown区块

使用什么软件?

由于MarkDown是纯文本文件,所以使用任何文本编辑器都是可以的,它的后缀名一般是.md

当然,也有一些专用的MarkDown编辑器。

事实上,由于软件的不同,所支持的MarkDown语法也不同,本文所介绍的基本语法是所有MarkDown编辑器都支持的,有一些编辑器会支持目录、表格、流程图等。

下面是一些推荐:

  • 程序编辑器对MarkDown都有很好的支持,比如VSCode、Atom。
  • 分栏的MarkDown编辑器有MarkdownPad、Mou。
  • 基于浏览器的有Cmd Markdown、StackEdit。
  • 我目前最喜欢的是Typora。

相关

  • 创始人John Gruber的Markdown
  • Markdown语法说明 (简体中文版)

原文发布于微信公众号 - mwangblog(mwangblog)

原文发表时间:2018-01-07

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Create Sun

【.net+jquery】绘制自定义表单(含源码)

前言   两年前的时候就想做一个类似的功能,当时思路大家都讨论好了,诸多原因最终还是夭折了。没想到两年多后再这有重新提出要写一个绘制表单的功能。对此也是有点小激...

1.3K80
来自专栏落影的专栏

如何快速定位、分析、解决非Crash的BUG(iOS 11篇)

前言 众所周知,Bug是线上应用极力规避但又无法避免的。对于致命的Bug,我们可以通过Crash日志进行分析;对于无法复现的Bug、特定操作步骤引起的Bug、某...

44850
来自专栏葡萄城控件技术团队

如何使用纯前端控件集 WijmoJS 中的可视化在线设计器

WijmoJS Designer,一种全新的在线Web托管工具,为WijmoJS纯前端控件集提供了可视化设计图面和 Java代码生成器。 WijmoJS Des...

32320
来自专栏DeveWork

WordPress免插件仅代码实现面包屑导航

这个功能在网络上一搜是一大把代码,本来也不想在这里再累赘的,但为了丰富本站 DeveWord .com 的“无插件”系列,只得。。。面包屑导航不仅仅是给访客使用...

261100
来自专栏上善若水

046android初级篇之android多分辨率兼容

android:anyDensity="true"时,应用程序安装在不同密度的终端上时,程序会分别加载xxhdpi、xhdpi、hdpi、mdpi、ldpi文件...

11620
来自专栏沈唁志

PHP中给图片添加水印

33430
来自专栏游戏杂谈

Android应用icon和闪屏splash的尺寸

我查看支付宝钱包的时候,发现drawable-xxxhdpi里面的尺寸是180 x 180,不是上面标的192 x 192

17810
来自专栏程序员的知识天地

HTML/CSS/JS 是如何在浏览器中,渲染成你看到的页面?【图解Chrome】

Chrome 算是程序员的标配了,从全球的市场份额来看,它在全球市场的份额已经超过 60%。

43540
来自专栏程序员的知识天地

web前端学习:HTML5十个新特性

                   :刻度尺/度量衡,描述数据所处的阶段,红色(危险)=>黄色(警告)=>绿色(优秀)

21810
来自专栏菩提树下的杨过

Asp.Net4.0/VS2010新变化(6):内置的图表控件

.net4.0以前,要想在网页上画个饼图,那还真不是个轻松的活儿,得有点技术含量,比如:可以用System.Drawing下的那些东东,再或者用Silverli...

21490

扫码关注云+社区

领取腾讯云代金券