zoukankan      html  css  js  c++  java
  • 基于 Cmd MarkDown 的 markdown 语法学习

     首先我要打一个属于干货的广告:CmdMarkDown 是非常好用的markdown编辑器软件,支持全平台,由作业部落出品,分为客户端与WEB端两种使用场景。

     本篇博客学习的markdown语法都是基于 CmdMarkDown 这个编辑器。

    1. 标题

    #
    ##
    ###
    ...
    #######
    
    H1 ~ H6

     

    2. 文字引用

     > 引用内容1
     > 引用内容2
     > 引用内容3

     

    3. 强调文本

    **strong - 加粗强调 **
    * em - 倾斜强调 *

    4. 分隔线

    --- 

     

    5. 超链接

    [链接标题](链接URL)

    6. 列表

    无序列表:
    *、+、- 都可以产生无序列表 示例: * list1 * list2 * list3 有序列表:
    直接使用数字表示即可。 示例: 1. list1 2. list2 3. list3 定义列表: 定义名字 : 定义名词说明

     

    7. 行内代码

    ``Ctrl + D``

     

    8. 代码块

    ``` javascript
        
    var varSpace = {
       global:'This is global Variant',
       config:{},
       data:[]
     };
    /* 注释内容 */
    ```

     

    9. 图片

    ![图片alt](图片链接)

     

    10. 目录

    [TOC]

     

    11. tags

    Tags: 标签1 标签2 标签3

     

    12. 删除线

    ~~要删除的内容~~

     

    13. 代办事项

    - [ ] 代办事项1
    - [ ] 代办事项2
    - [x] 已完成事项

     

    14. 表格

    | TH1 | TH2 | TH3 |
    | --- | --- | --- |
    | TD1 | TD2 | TD3 |

     

    15. HTML标签

      CmdMarkDown 支持直接HTML标签插入。例如想实现更复杂的表格插入,就可以直接去书写HTML的table标签

     

    16.  引入ICON

      使用者可以直接引入类名(class)的方式,来引入CmdMarkdown 系统内置的ICON图标

    <i class="icon-file"></i>
    >  [更多图标](http://fontawesome.io/3.2.1/icons/)

     

    17. 注释

      一般我们都会将定义的注释内容放在文章的最末处(像出版物实体书等注释内容都是放在页脚处)然后在文章需要加以说明的地方去调用这个注释:

      定义:

    [^fn] : 这是JavaScript中的一个函数.

      调用时:

    function [^fn]

    除了这些常用的markDown语法,CmdMarkDown 还自己拓展了数学公式、流程图等markDown语法,我个人认为需要用到的时候,直接去官网查下 文档手册即可:

     访问 [MathJax](http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference) 参考更多使用方法。
    
    [流程图语法参考](http://adrai.github.io/flowchart.js/)
    
    [序列图语法参考](http://bramp.github.io/js-sequence-diagrams/)
    
    [甘特图语法参考](https://knsv.github.io/mermaid/#gant-diagrams)
    
    [Mermaid 流程图语法参考](https://knsv.github.io/mermaid/#flowcharts-basic-syntax)
    
    [Mermaid 序列图语法参考](https://knsv.github.io/mermaid/#sequence-diagrams)
  • 相关阅读:
    Ubuntu Server 17.04安装GNOME指令
    docker应用笔记
    无线网络连接配置
    bind9的一些配置
    关于linux下的文件权限
    命令行模式下设置时区
    Linux下SSL证书申请以及配置到Nginx
    编译安装Nginx到Linux
    网页画流程图
    为什么Java字符串是不可变对象?
  • 原文地址:https://www.cnblogs.com/HCJJ/p/6258106.html
Copyright © 2011-2022 走看看