zoukankan      html  css  js  c++  java
  • 开始使用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"} }

    参考

    老高的技术博客

  • 相关阅读:
    Java--强制转化
    Java--成绩分类
    建造者模式的应用
    抽象工厂模式的应用
    工厂模式
    第几天
    Stacking Plates(存档待续.....(没有写思路和程序))
    圆的面积
    公孙策和陆湘湘对话(少年包青天第二部第二十集末尾和第二十一集开头部分)
    简单接口回调例子
  • 原文地址:https://www.cnblogs.com/wancy86/p/markdown.html
Copyright © 2011-2022 走看看