zoukankan      html  css  js  c++  java
  • Markdown学习

    写在前面的话:是因为需要在GitHub上的md格式文件添加描述性图片,于是乎查到了Markdown的相关编辑语法。很久之前就知道Markdown的普及,以及Markdown为日常码农用的最多的记录文档的编辑器之一,故自己也就做了相关的了解和学习。 在没有安装Markdown客户端的前提下,我使用的“有道云笔记”的Markdown编辑器实现demo操作,同时参考的简书文章!以下为链接:

    http://www.jianshu.com/p/1e402922ee32/

    http://blog.csdn.net/lanxuezaipiao/article/details/44307757

    图片与链接

    插入链接与插入图片的语法很像,区别在一个 !号

    图片为:![](){ImgCap}{/ImgCap}

    链接为:[]()

    插入图片的地址需要图床,这里推荐围脖图床修复计划 与 CloudApp 的服务,生成URL地址即可。

     ==========Markdown-简单语法======================================================

    # 标题一
    ## 标题二
    ### 标题三
    #### 标题四
    ##### 标题五
    ###### 标题六
    
      
      
    * 粗体
    
    ### 只需要在文本前加入 > 这种尖括号(大于号)即可
    > 引用1  
    > 引用2  
    > 引用3
    
    #### Markdown 的粗体和斜体也非常简单,用两个 * 包含一段文本就是粗体的语法,用一个 * 包含一段文本就是斜体的语法。
    
    *斜体*  
    **粗体**
    
    
    * 1  
    * 2  
    * 3
    * 4
    
    1. 1
    2. 2
    3. 3 
    4. 4
    5. 5
    6. 6
    
    
    
    ### 图片与链接
    #### 插入链接与插入图片的语法很像,区别在一个 !号
    #### 图片为:![](){ImgCap}{/ImgCap}
    #### 链接为:[]()
    ##### 插入图片的地址需要图床,这里推荐围脖图床修复计划 与 CloudApp 的服务,生成URL地址即可。
    
    
    ## 比如:
    
    
    ## 图片为:
    ![](http://img-prod.kkkd.com/Fu0SWAsuO6_by7MB4EGZ_KoDyC-G?imageMogr2/auto-orient/strip/thumbnail/750x/quality/90/interlace/1/format/webp)
    
    ## 链接为:
    [叶上初阳~清新连帽短款白色防晒衣轻薄纯色外搭长袖外套](http://m.mdscj.com/proDetail?channel=amcdl&productId=381112)
    
    
    
    # 表格:
    | Tables        | Are           | Cool  |
    | ------------- |:-------------:| -----:|
    | col 3 is      | right-aligned | $1600 |
    | col 2 is      | centered      |   $12 |
    | zebra stripes | are neat      |    $1 |
    
      
        
        
        
        
    # 代码框
    
    #### 如果你是个程序猿,需要在文章里优雅的引用代码框,在 Markdown下实现也非常简单,只需要用两个 ` 把中间的代码包裹起来。图例:
    
     
    
    
    ```javascript
    equipmentCheck();
    var goods_id = e.getAttribute("data-id");
    var murl = domain + "/shop/index.php?act=goods&op=index&goods_id=" + goods_id;
    if(native_flag==0) {
        FHMall.gotoActivity("com.fanglin.fenhong.microbuyer.buyer.GoodsDetailsActivity", goods_id,jdkfhk,kjfdk,kjsldf,klsjf,sdklfj,erf,rgggggggggg,tr,tttttttttt,ttttttt,ttttttt,444444444,tttttttttt,666666666666,5555555);
    }else if(native_flag==1){
    
    }else if(native_flag==-1){
        window.location.href = murl;     
    }
    ```
        
    ***
    ---------------------
    
        
    ## 插入代码片段:
    ```javascript 
     equipmentCheck();
        var goods_id = e.getAttribute("data-id");
        var murl = domain + "/shop/index.php?act=goods&op=index&goods_id=" + goods_id;
        if(native_flag==0) {
            FHMall.gotoActivity("com.fanglin.fenhong.microbuyer.buyer.GoodsDetailsActivity", goods_id,jdkfhk,kjfdk,kjsldf,klsjf,sdklfj,erf,rgggggggggg,tr,tttttttttt,ttttttt,ttttttt,444444444,tttttttttt,666666666666,5555555);
        }else if(native_flag==1){
        
        }else if(native_flag==-1){
            window.location.href = murl;     
        }
    ```
    
    ***
    ----------
    ___________
    
    ### Markdown语法说明:
    
    #### 你可以在一行中用三个或以上的星号*、减号-、底线_来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立一条分隔线。
    
    * * *
    
    ***
    
    *****
    
    - - -
    
    ---------------------------------------
    
    ### 这是一小段代码的插入
    
    ##### 比如:让我们看看`printf()` 函数有哪些参数。

    效果如下:

  • 相关阅读:
    Sketch Missing Fonts 页面样式混乱研究
    SFDC_01(google map)
    SFDC_02(google map)
    SFDC_04(system.debug();)
    umbraco简体中文语言包for4.5及以下版本
    7.22武汉日全食自拍留念
    IIS7(windows 2008)恐怖问题,大家谨慎,血的教训啊~~~~
    【视频】自己录制的Umbraco入门3——如何构建网站导航,推荐给玩CMS的朋友
    分享,个人代码知识管理程序
    【视频】自己录制的Umbraco入门2如果构建网页,推荐给玩CMS的朋友
  • 原文地址:https://www.cnblogs.com/xiangru0921/p/6795753.html
Copyright © 2011-2022 走看看