开始使用MarkDown写博客

MarkDown

标题

#h1

##h2

###h3

h1

h2

h3

代码段

代码段缩进4个空格即可,如下:

<div class="form-group">
    <div class="col-sm-offset-2 col-sm-4">
      <div class="checkbox">
        <label>
          <input type="checkbox" id="autologin" name="autologin" value="1"> 30天自动登录
        </label>
      </div>
    </div>
</div>   

链接

[博客园](http://www.cnblogs.com/cmt)

博客园

图片

![博客园](http://www.cnblogs.com/images/logo_small.gif)

博客园

无序列表

这个比较随意,+ - * 都可以表示无序列表,不要忘了后面要加一个空格

  • aaaaaaa
  • bbbbbbb
  • ccccccc

有序列表

只要使用数字后跟一个 . 开头就可以了, 不用在意编号,MarkDown会自动编号
使用四个空格可以实现嵌套的列表

  1. aaaaaaa
    2. aaa
    2. bbb
    3. 111
  2. bbbbbbb
  3. ccccccc

pre-formatted

有三种方式:

  1. 使用三个单引号
    ```language
    你的代码
    ```
  2. 使用四个空格缩进就能识别为代码段了
<div id="pagerdiv">
    <table class="table table-bordered table-hover table-striped">
        <tr>
            <th width="20%">Name</th>
            <th width="20%">IP</th>
            <th width="20%">Action</th>
        </tr>
    </table>
    <div id="pagerbar" style="margin-top:-20px;"></div>
</div>
class TestCls(object):
    """docstring for TestCls"""
    age = 29

    def __init__(self, **arg):
        super().__init__()
        self.arg = arg

    def SayHello(self, name):
        '''
        say hello to [name]
        '''
        print("hello", name)

文字特殊处理

*MarkDown*         #斜体
_MarkDown_         #斜体
**MarkDown**       #加粗
__MarkDown__       #加粗

引用

类似WP的blockquote,就是引用一段话用的,我的记忆里好像不用每行都放一个 > 符号, 而且是可以嵌套的

> Reference1
> > Reference2
> > > Reference3

Reference1

Reference2

Reference3

转义

元字符和正则式一样使用来转义

\ \` * \_ { } [ ] ( ) # + - . !

html效果:
` * _ { } [ ] ( ) # + - . !

屌爆了有木有...

MarkDown

最后

Sublime Text有个markdown preview plugin,写完直接预览,快的不要不要的...
再加上个LiveReload插件,修改保存刷新页面就Reload了。
Preview默认没有配置快捷键,我们加上,同时我喜欢github的parser,样式更美:
{ "keys": ["alt+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"github"} }

参考

老高的技术博客

原文地址:https://www.cnblogs.com/wancy86/p/markdown.html