• markdown(语法)入门学习:


    原文链接:https://segmentfault.com/a/1190000010223222#articleHeader9

    1.标题

    注:#后面保持空格

    # h1
    ## h2
    ### h3
    #### h4
    ##### h5
    ###### h6
    ####### h7      // 错误代码
    ######## h8     // 错误代码
    ######### h9    // 错误代码
    ########## h10  // 错误代码  
     
    演示:

    h1

    h2

    h3

    h4

    h5
    h6

    ####### h7
    ######## h8
    ######### h9
    ########## h10

    2.分级标题

    注:= - 最少可以只写一个,兼容性一般

    一级标题
    ======================
    二级标题
    ---------------------
    

     演示:

    3.TOC

    注:根据标题生成目录,兼容性一般

    代码:

    [TOC]

    演示:

    4.引用

    > hello world!

    演示

    hello world!
    

    多行式:  

    > hello world!       
    hello world!
    hello world!

    或者:  

    > hello world!       
    > hello world!
    > hello world!

     演示:

    hello world!
    hello world!
    hello world!

    多层嵌套

    > aaaaaaaa
    >> bbbbbbbb
    >>> ccccccccc

    演示:

     |   aaaaaaaaa
     |
     |   |     bbbbbbbbb
     |   |
     |   |   |   cccccccccc            
     |   |
     |

    5.行内标记

    注:用 `标记(代码块变成 一行)

    代码:

    标记之外 `hello world`标记之外

    演示:

    标记之外 hello world 标记之外

    错误代码
    注:不同平台错误略有差异

     标记之外 ` 
    < div>   
        < div></div>
        < div></div>
        < div></div>
    < /div>
    `标记之外

    演示

     

    6.代码块

    注:用 ``` 生成块 

    演示
    注:距离上行保持一空行

    <div>   
        <div></div>
        <div></div>
        <div></div>
    </div>

     注: Tab缩进

    演示:

    自定义语法

    注:根据不同的语言配置不同的代码着色

    演示:

    7.插入链接

    代码1(内链式)

    * [mou](http://mouapp.com/) 
    * [ace](http://ace.ajax.org/)
    * [jquery](http://jquery.com)

    演示:

    8.插入图片

    ![](./01.png '描述')          例:![mahua](mahua-logo.jpg)

    演示:(图片成功插入)

     9.插入的图片带有链接

    [![](./01.png '百度')](http://www.baidu.com){:target="_blank"}        // 内链式
    
    [![](./01.png '百度')][5]{:target="_blank"}                       // 引用式
    [5]: http://www.baidu.com

    10.视频插入

    <iframe height=498 width=510 src='http://player.youku.com/embed/XMjgzNzM0NTYxNg==' frameborder=0 'allowfullscreen'></iframe>

    演示:

    (视频已经被插入)

    [![视频名称](mahua-logo.jpg)](http://v.youku.com/v_show/id_XMjgzNzM0NTYxNg==.html?spm=a2htv.20009910.contentHolderUnit2.A&from=y1.3-tv-grid-1007-9910.86804.1-2#paction){:target="_blank"}

    演示:(点击即可跳转到相应的视频。在markdoawn的编辑器中)

    11.序表

    代码1(有序)

    注:序列.后 保持空格

    无序:

    序表嵌套

    1. one
        1. one-1
        2. two-2
    2. two 
        * two-1
        * two-2

    演示:

    12,.任务列表

    - [x] 选项一
    - [ ] 选项二  
    - [ ]  [选项3]

    演示:

    13.表格

    注: : 代表对齐方式 ,** : 与 | 之间不要有空格**,否则对齐会有些不兼容

    |    a    |       b       |      c     |
    |:-------:|:------------- | ----------:|
    |   居中  |     左对齐    |   右对齐   |
    |=========|===============|============|

    演示:

    简约写法:

    a  | b | c  
    :-:|:- |-:
        居中    |     左对齐      |   右对齐    
    ============|=================|=============

    14.语义标记

    15.语义标签

    16.格式化文本(保持输入排版格式不变)(代码块也保持输入的格式不变)

    演示:

    17.公式 {#1}

    注:1个$左对齐,2个居中

    $$ x href{why-equal.html}{=} y^2 + 1 $$
    $ x = {-b pm sqrt{b^2-4ac} over 2a}. $

    18.分隔符

    注:最少三个 --- 或 ***或 * * *

    代码

    ***
    ---
    * * *

    演示:

    19.锚点

    代码
    注:只有标题支持锚点, 跳转目录方括号后 保持空格

    [公式标题锚点](#1)
    
    ### [需要跳转的目录] {#1}    // 方括号后保持空格

    20.自动邮箱链接

    <xxx@outlook.com>

    21.流程图

    ```flow                     // 流程
    st=>start: 开始|past:> http://www.baidu.com // 开始
    e=>end: 结束              // 结束
    c1=>condition: 条件1:>http://www.baidu.com[_parent]   // 判断条件
    c2=>condition: 条件2      // 判断条件
    c3=>condition: 条件3      // 判断条件
    io=>inputoutput: 输出     // 输出
    //----------------以上为定义参数-------------------------
    
    //----------------以下为连接参数-------------------------
    // 开始->判断条件1为no->判断条件2为no->判断条件3为no->输出->结束
    st->c1(yes,right)->c2(yes,right)->c3(yes,right)->io->e
    c1(no)->e                   // 条件1不满足->结束
    c2(no)->e                   // 条件2不满足->结束
    c3(no)->e                   // 条件3不满足->结束
    ```

    演示:

    代码详解

    流程图分为两个部分: 定义参数 然后 连接参数

    22.时序图

    A->>B: 你好
    Note left of A: 我在左边      // 注释方向,只有左右,没有上下
    Note right of B: 我在右边
    B-->A: 很高兴认识你

    演示:

     

  • 相关阅读:
    微软API集
    如何在Visual Studio.net中让同一解决方案中包含多个不同类型的项目并共享同一命名空间
    总结:Asp.net页面之间传递参数的几种方法
    Javascript 鼠标滑过显示大图的效果
    HttpContext.Current.Session["key"]取值
    数字金额转大写
    整合多个图片到一个pdf
    .net reflector & disassembler
    yacc grammar for a simple shell
    Windows cmd编码
  • 原文地址:https://www.cnblogs.com/xuxiaoxia/p/8656024.html
Copyright © 2020-2023  润新知