Markdown语法及SublimeText下使用技巧

0.缘起

最近因为一直在学习Sublime Text,所以也就顺便试用了一下ST对Markdown的支持。正好CSDN正在大力宣传新上线的Markdown编辑器,所以方便了日后的博客发布。

首先说一下与Office Word相比,最深刻的几点体会吧:

  • 专注写作内容:不再纠结字体、标题大小、行间距等等版式问题,专注于文章内容本身的编写。一边看电子书,一边在Sublime Text里敲代码练习,还能一边在Sublime Text里敲文档,写作过程不仅变得很高效,而且变得很愉快
  • 代码语法高亮:Word最大的问题就是嵌入源代码很麻烦,写技术博客怎么可能不嵌入源代码?!之前也装过一些Word的扩展插件,但最终效果都不理想。
  • 插入数学公式:这一功能Word中倒是有,但是Markdown借助MathJax实现起来更加简单。
  • 文件占用空间小.md因为是纯文本文件,所以很小巧。相比之下,一个只包含很少内容的.docx动辄就几十、上百k。

发布博客的确快了不少,CSDN的Markdown样式也挺漂亮的。现在感觉唯一不太方便的就是:因为Markdown是纯文本标记语言,没法嵌入本地文件,所以如果文章中引用了图片的话,还需要用老办法,先手动上传到CSDN的图片服务器。

1.基本语法

这里仅简单列一下最常用的语法,完整的语法介绍请参考网上的各种手册。

1.1 标题

从#到######表示h1到h6

1.2 加粗和斜体

*或_之间的文字会变成 斜体,**或__之间的文件会变成 加粗

`之间的文字会强调

1.3 键盘按键

在<kbd>和</kbd>之间的字母会像键盘按键那样显示,例如Ctrl。

1.4 列表

-、+、*都能表示列表,要注意的是 前后都要有空行

  • bullets can be -, +, or *
  • bullet list 1
  • bullet list 2
    • sub item 1
    • sub item 2

1.5 图片

图片、网址、章节引用的方法都类似,语法是:[显示文字](reference)。其中reference可以是:图片链接、网址链接、#章节标题。目前还不知道有什么方法能嵌入本地图片。

1.6 数学公式

详见[3.2 Markdown Preview](#3.2 Markdown Preview)。

2.GitHub Flavored Markdown

GitHub现在成了主流,不仅提供Git代码托管(取代SVN)、Issue追踪(取代JIRA),而且还增强了Markdown的语法GitHub Flavored Markdown,即GFM。GFM使用了Linguist进行语言检测和语法高亮,能为几乎各种语言渲染出漂亮的样式。

2.1 下划线

单词中如果有_的话,GFM会忽略,而不会变成斜体,不然真的很烦!例如,单词wow_great_stuff中的great不会变成斜体。

2.2 语法高亮

可以在“`之间敲入代码,并提示编程语言,例如“`ruby。

require 'redcarpet'

markdown = Redcarpet.new("Hello World!")
puts markdown.to_html

2.3 表格

详见[3.3 Table Editor](#3.3 Table Editor)。

3.Sublime Text插件

3.1 MarkdownEditing

一定要全局配置ignored_packages: [“Markdown”]禁用ST默认的Markdown插件,否则MarkdownEditing中看不到代码染色的效果,也不会有GFM的语法增强。

3.2 Markdown Preview

安装Markdown Preview后,有一些默认选项需要修改。例如,开启代码染色、MathJax支持、解析器列表只保留一个markdown(因为我这github无法连接)。

{
/* Sets the parser used for building markdown to HTML. */
"parser": "markdown", /* Enable or not mathjax support. */
"enable_mathjax": true, "enable_highlight": true, /* Remove github */
"enabled_parsers": ["markdown"]
}

尝试一下,在md文件中输入:

$x^{y^z}=(1+{\rm e}^x)^{-2xy^w}$

如果MathJax配置成功的话,就能看到数学公式:

xyz=(1+ex)−2xyw

更加完整的MathJax语法请参考官方文档

3.3 Table Editor

借助Table Editor插件可以方便的插入表格,类似Emacs中Orgmode一样。

Year Temperature (low) Temperature (high)
1900 -10 25
1910 -15 30
1920 -10 32

但要注意的几点是:

  • 通过Ctrl+Shift+P->Table Editor: Enable for current view开启。
  • 先输入标题行,回车后在第二行输入|-后,按tab键就将进入Table编辑模式。
  • 表格必须与前面输入的文字之间有空行,否则表格会被当成普通文字渲染。

Markdown语法及SublimeText下使用技巧的更多相关文章

  1. 记录下 Markdown 语法

    github上常用markdown语法:Mastering Markdown 目录 0. 目录 1. 锚点 2.标题 3.超链接 3.1.行内式 3.2.自动链接 4.列表 4.1.有序列表 4.2. ...

  2. Typora: Markdown Reference (Typora下Markdown语法使用说明)

    引言 由于一直在使用Typora,这个是我使用过的最棒的Markdown编辑器,但是总是忽略某一个功能,于是决定认真看一下其帮助文档 这里做一个简单主要功能的中文翻译(按键对应Windows下). 标 ...

  3. Markdown 语法手册 - 完整版(下)

    6. 引用 语法说明: 引用需要在被引用的文本前加上>符号. 代码: > 这是一个有两段文字的引用, > 无意义的占行文字1. > 无意义的占行文字2. > > 无 ...

  4. Markdown 语法详尽笔记大全 2019

    目录  0.介绍  1.快捷键  2.基本语法  2.1 分级标题 # 写法1 # 写法2 上下文标题  2.2 字体设置斜体.粗体.删除线 _*~  2.3 分割线 --- 或 ***  2.4 引 ...

  5. Markdown语法图解

    Markdown语法图解 文章目录 快捷键 基本语法 对字体设置斜体.粗体.删除线 分级标题 链接 分割线 代码块 引用 列表 表格 常用技巧 换行 缩进字符 如何打出一些特殊符号 字体.字号与颜色 ...

  6. 基于 Cmd MarkDown 的 markdown 语法学习

    首先我要打一个属于干货的广告:CmdMarkDown 是非常好用的markdown编辑器软件,支持全平台,由作业部落出品,分为客户端与WEB端两种使用场景. 本篇博客学习的markdown语法都是基于 ...

  7. 简体中国版文档的Markdown语法

    Markdown文件 注意︰这是简体中国版文档的Markdown语法.如果你正在寻找英语版文档.请参阅Markdown︰ Markdown: Syntax. Markdown: Syntax 概述 哲 ...

  8. markdown语法说明

    1.先写一个标题 # 一级标题.相当于 <h1> ## 二级标题.相当于 <h2> ### 三级标题.相当于 <h3> #### 四级标题.相当于 <h4&g ...

  9. Markdown语法

    概述 Markdown的理念是能让文档更容易读.写和随 改. 它用简洁的语法代替排版,格式语法只涵盖纯文 本可以涵盖的范围. 不在 Markdown 涵盖范围之内的标签,都可以直接在文档里面用 HTM ...

随机推荐

  1. git checkout+文件丢失

    坑:不知什么时候, 应该是初学git的时候, 在桌面git init了一下, 这次忘记切目录直接在桌面git checkout了, 导致文件丢失了. 解决: 简单复原: git reflog # 查看 ...

  2. jQuery.noConflict() 函数详解

    jQuery.noConflict()函数用于让出jQuery库对变量$(和变量jQuery)的控制权. 一般情况下,在jQuery库中,变量$是变量jQuery的别名,它们之间是等价的,例如jQue ...

  3. NodeJS技巧

    1. 获取程序执行时间 // 打印程序执行时间 console.time() // some functions console.timeEnd() 2. 将函数异步化 setTimeout(() = ...

  4. Python默认版本切换

    Mac上自带python2.7 版本,但是我又下了一个3.7版本(下载的版本默认安装在 /Library/Frameworks/Python.framework/Versions/3.7/bin/py ...

  5. 【webstorm使用手册】如何让webstorm支持nextcss基础语法?

    第一步, 安装 PostCss插件 如果不知道如何安装插件,参看:http://www.cnblogs.com/codelovers/p/7048113.html 第二步,设置文件类型解析方式 打开F ...

  6. hadoop一键安装伪分布式

    hadoop伪分布式和hive在openSUSE中的安装 在git上的路径为:https://github.com/huabingood/hadoop--------/tree/master 各个文件 ...

  7. codeforces round #419 E. Karen and Supermarket

    On the way home, Karen decided to stop by the supermarket to buy some groceries. She needs to buy a ...

  8. 【luogu3174】【HAOI2009】毛毛虫

    Description 对于一棵树,我们可以将某条链和与该链相连的边抽出来,看上去就象成一个毛毛虫,点数越多,毛毛虫就越大. Input 在文本文件 worm.in 中第一行两个整数 N , M ,分 ...

  9. DP测试总结

    T1:三取方格数 题目描述 设有N*N的方格图,我们将其中的某些方格填入正整数,而其他的方格中放入0.某人从图得左上角出发,可以向下走,也可以向右走,直到到达右下角.在走过的路上,他取走了方格中的数. ...

  10. hdu 3065 AC自动机(各子串出现的次数)

    病毒侵袭持续中 Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Sub ...