专栏首页熊二哥Markdown快速入门

Markdown快速入门

现在博文写作次数渐渐变多,经常看到很多园友的博文样式都非常的美观,个人虽然是个土鳖,但对美也是有很强需求的,同时由于最近将要上线一个博客项目,因此也很关心如何可以更高效的编辑和发布博文。之前一直使用word,在发布时始终存在一个格式转换的问题,很多word特有样式都会失效,需要手动微调,而且也会变得没那么美观,比如SmartArt需要重新切图上传,代码需要重新复制插入,表格的尺寸等也有很大的失真等,困扰了我很久。最近看到很多博主推荐markdown编辑器,并且博客园也支持,git的readme的文件均是.md格式的,因此决定抽空好好学习下,进一步武装一下自己。

tip:实话实说,markdown对表格的支持很弱是个硬伤,包括各类编辑器。

Markdown是一种轻量级标记语言,它用简洁的语法代替排版,而不像一般我们用的字处理软件Word或Pages有大量的排版、字体设置。文章的内容、格式和插图都可以通过键盘搞定,非常的赞。同时,Markdown可以非常轻松的导出为HTML、PDF格式的文档。在不同平台都有很多非常好用的Markdown编辑器,比如Mac的Mou,Windows下的MarkdownPad、MarkPad等,个人推荐使用sublime,可以使用统一的环境。

markdown示例:bootstrap快速入门.rar

通过一个列表来了解markdown的基本语法。

内容

诠释

标题

# 一级标题,## 二级标题,### 三级标题,..,建议在#后加一个空格

列表

无序列表: 文本前加上 + , -  或  *   有序列表: 文字前加 1. 2. 3. 符号要 文字之间加上一个字符的空格

引用

在文本前加入 > ,多次使用表示整个范围均为blockquote

插入链接

行内方式:[Baidu](http://www.baidu.com) 参考方式: I get 10 times more traffic from [Google][1] than from [Yahoo][2] or [MSN][3]. [1]: http://google.com/ "Google" [2]: http://search.yahoo.com/ "Yahoo Search" [3]: http://search.msn.com/ "MSN Search"

插入图片

![Markdown](http://www.xiong.com/markdown.jpg)

粗体

用两个 ** 包含的文本

斜体

用一个 * 包含的文本

表格

这个比较坑的赶脚 | Tables | Are | Cool | | ------------- |:-------------:| -----:| | col 3 is | right-aligned | $1600 | | col 2 is | centered | $12 | | zebra stripes | are neat | $1 |

代码

1.单行:用两个 ` 反引号把中间的代码包裹起来 2.多号:使用tab缩进,需要注意,代码段上下空出一行即可,很重要

分割线

另起一行,连续输入3个***即可

如果要建立一个已经格式化好的代码区块,只要每行都缩进 4 个空格或是一个 tab 就可以了,而 &、< 和 > 也一样会自动转成 HTML 实体。Markdown 让你可以自然地书写字符,需要转换的由它来处理好了。如果你使用的 & 字符是 HTML 字符实体的一部分,它会保留原状,否则它会被转换成 &amp;。

此外,支持以下这些符号前面加上反斜杠来帮助插入普通的符号:\, `, *, _, {}, [], (), #, +, -, ., !。

如果你确实想要依赖 Markdown 来插入 <br /> 标签的话,在插入处先按入两个以上的空格然后回车。

中文文档资料:http://wowubuntu.com/markdown/#list

  •  编辑器

markdown下载: http://markdownpad.com/,此外需要支持表格时,需要扩展,参考http://www.cnblogs.com/shierfen/p/5997558.html(免费注册,之后可以使用图床,很帅)

处理器请选择github风格markdown离线方式,自动插入换行符。

 最常见的Markdown格式选项和键盘快捷键:(由于sublime插件无法下载暂时使用MarkdownPad)

输出后的效果

Markdown

快捷键

Bold

**text**

Ctrl/⌘ + B

Emphasize

*text*

Ctrl/⌘ + I

Strike-through

~~text~~

Ctrl + Alt + U

Link

[title](http://)

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)

  • 图床工具 

markdown中的图片依赖图床,需要注意,不过一般编辑器都支持,比如博客园,赞下。 

此外,markdown在sublime中的插件可以参考文章:http://www.jianshu.com/p/aa30cc25c91b 

更多的设置,尤其是markdownPreview请见:http://www.tuicool.com/articles/NJrQfub,  http://www.cnblogs.com/IPrograming/p/Sublime-markdown-editor.html

美化markdown(CSS): http://www.jianshu.com/p/5166046e6470 

参考资料

  1. Te_Lee. 认识与入门Markdown[EB/OL]. http://sspai.com/25137.

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 快速入门系列--MVC--07与HTML5移动开发的结合

        现在移动互联网的盛行,跨平台并兼容不同设备的HTML5越来越盛行,很多公司都在将自己过去的非HTML5网站应用渐进式的转化为HTML5应用,使得一套代码...

    用户1216676
  • Java缓存深入理解

    对于缓存大家都不会陌生,但如何正确和合理的使用缓存还是需要一定的思考,本文将基于Java技术栈对缓存做一个相对详细的介绍,内容分为基本概念、本地缓存、远程缓存和...

    用户1216676
  • Spring快速入门

    Spring源码剖析一书,非常细致,但对于个人来说,意义不算特别的大,因此选其可用部分做个记录就好。 ? 功能 示例 配置文件的解析...

    用户1216676
  • react学习系列4 组件生命周期

    组件的生命周期非常重要。官方文档 已经就讲的比较清楚了 找了半天发现下面的图最清晰直观(点击放大):

    mafeifan
  • 用Canvas画一个刮刮乐

    王小婷
  • Fork Join 并发任务执行框架

    规模为N的问题,如果N<阈值,直接解决,N>阈值,将N分解为K个小规模子问题,子问题互相对立,与原问题形式相同,将子问题的解合并得到原问题的解

    彼岸舞
  • j2ee转react-native历程

    IT故事会
  • 美国中央情报局(CIA)网络武器库分析与披露

    2017年3月7日,维基解密首次在其网站对外曝光了美国中央情报局(CIA)相关资料,并且代号为Vault7[参考链接: 5],并且从当月直至9月7日每周都会对外...

    数据猿
  • 青山遮不住——2020的10大技术趋势

    很多时候,对某种趋势的预测往往被归到了娱乐圈。但是,趋势是客观存在的,不论你看不看它,知不知道它,它都在那里。有时候,我们赢得了竞争,却输给了整个时代。

    半吊子全栈工匠
  • Markdown语言常用语法

    Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。它编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格...

    算法与编程之美

扫码关注云+社区

领取腾讯云代金券