使用 Markdown 编辑你的博客

前言

Markdown 是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。Markdown 的语法简洁明了、学习容易,而且功能比纯文本更强,因此有很多人用它写博客。世界上最流行的博客平台 WordPress和大型 CMS 如 JoomlaDrupal、github 都能很好的支持 Markdown。完全采用 Markdown 编辑器的博客平台有 Ghost Typecho

常用工具: 马克飞象、Typora

Markdown 和 HTML 代码能相互转换

支持直接插入 HTML 代码

部分内容摘自百度百科

使用指南

常用语法

最常见的 Markdown 格式选项和键盘快捷键 [3] :

输出后的效果 Markdown 快捷键
Bold text Ctrl/+ B
Emphasize text Ctrl/+ I
Strike-through text Ctrl + Alt + U
Link title Ctrl/+ K
Inline Code code Ctrl/ + Shift + K
Image ![alt](http://) Ctrl/ + Shift + I
List * item Ctrl + L
Blockquote > quote Ctrl + Q
H1 # Heading
H2 ## Heading Ctrl/ + H
H3 ### Heading Ctrl/+ H (x2)

标题

标题能显示出文章的结构。行首插入 1-6 个 # ,每增加一个 # 表示更深入层次的内容,对应到标题的深度由 1-6 阶。

  • H1 :# Header 1
  • H2 :## Header 2
  • H3 :### Header 3
  • H4 :#### Header 4
  • H5 :##### Header 5
  • H6 :###### Header 6

文本样式

(带 “*” 星号的文本样式,在原版 Markdown 标准中不存在,但在其大部分衍生标准中被添加)

  • 链接 :Title [Title](URL)
  • 加粗 :\Bold** ***\*Bold****
  • 斜体字 :Italics *ltalic*
  • ***** 删除线 :text ~~text~~
  • ***** 高亮 :==text== ==text==
  • 段落:段落之间空一行
  • 换行符:一行结束时输入两个空格
  • 列表 :* 添加星号成为一个新的列表项。
  • 引用 :> 引用内容 > 引用内容
  • 内嵌代码 : alert('Hello World');
  • 画水平线 (HR) :——–

图片

使用 Markdown 将图像插入文章,你需要在 Markdown 编辑器输入图片介绍 这时在预览面板中会自动创建一个图像上传框。你可以从电脑桌面拖放图片 (.png, .gif, .jpg) 到上传框,或者点击图片上传框使用标准的图像上传方式。 如果你想通过链接插入网络上已经存在的图片,只要单击图片上传框的左下角的 “链接” 图标,这时就会呈现图像 URL 的输入框。想给图片添加一个标题,你需要做的是将标题文本插图中的方括中

脚注

脚注不存在于标准 Markdown 中。

使用这样的占位符号可以将脚注添加到文本中:[^. 另外,你可以使用 “n” 而不是数字的 [^n] 所以你可以不必担心使用哪个号码。在您的文章的结尾,你可以如下图所示定义匹配的注脚,URL 将变成链接:

写代码

添加内嵌代码可以使用一对回勾号 alert('Hello World'). 对于插入代码,Ghost 支持标准的 Markdown 代码和 GitHub Flavored Markdown (GFM) [4] 。标准 Markdown 基于缩进代码行或者 4 个空格位:

GFM 使用三个回勾号 ```

例子

链接

列表格式

使用 Markdown 引用文本:

编辑器

编辑

常用的 Markdown 编辑器

  • OSX

    VSCode

    Atom

    Byword

    Mou

Typora

MacDown

RStudio

  • Linux

    VSCode

    Atom

    Typora

    ReText

    UberWriter

    RStudio

  • Windows

    VSCode

    Atom

    MarkdownPad

    Miu

    Typora

    RStudio

  • iOS

    Byword

  • 浏览器插件

    MaDo (Chrome)

    Marxico(Chrome)

    马克飞象

  • 高级应用

    Sublime Text 2 + MarkdownEditing