sublime text3: markdown 安装及常用语法简介

自己上传到 github 上的 README.rdm 文件内容显示没有“美化”,所有内容都挤在一块儿了,很不舒服。

原因是:github 的文档 README.rdm 文件使用 markdown 编辑,sublime text3需要安装插件markdown相关插件。

  可参考:http://www.jianshu.com/p/335b7d1be39e

  详细可参考:http://blog.csdn.net/qazxswed807/article/details/51235792

插件简介:

  MarkdownEditing是Markdown写作者必备的插件,它可以不仅可以高亮显示Markdown语法还支持很多编程语言的语法高亮显示。

常用语法:
可参考:
  https://github.com/baixing/FE-Blog/issues/6
  https://help.github.com/articles/basic-writing-and-formatting-syntax/

1).段落:回车并换行

2).加粗:**this is bold**

3).加删除线:~~this is delline~~

4).斜体:*this is italic*

5).标题:

  #this is h1
  ##this is h2
  ###this is h3 

6).引用:> 贺知章

7).链接:[百度](http://www.baidu.com)

8).无序列表:

  - item1
  - item2
  - item3

9).有序列表及嵌套:

  1. item1
    * item11
    * item12
  2. item2

10).表格: ----------------- 区分表头与表体, | 单元格 |, : 对齐方式,比如:
  | left-align | center-align | right-align |
  | :---------------- | :---------------------: | ----------------: |
  | bold | 加粗 | **bold** |

11).代码块:```javascript coding```,比如:

```javascript
// js代码
function test(){
console.log(test);
}
```
```html
<!-- html代码 -->
<h5>Here is html code</h5>
<ul class="tab" id="tab">
<li class="item">item1</li>
<li class="item current">item2</li>
</ul>
```

常用快捷键:

1).mdi + tab(图片): ![Alt text](/path/to/img.jpg "Optional title")
2).mdl + tab(链接): [](link)

OmniMarkupPreviewer用来预览markdown 编辑的效果,同样支持渲染代码高亮的样式。

常用快捷键:
1).在默认浏览器预览: Ctrl+Alt+O
2).导出html(默认和reademe.rdm同级): Ctrl+Alt+X
3).HTML标记拷贝至剪贴板: Ctrl+Alt+C

 

posted @ 2017-05-16 16:22  ESnail  阅读(912)  评论(0编辑  收藏  举报