Markdown 进阶

Lin_YT 发布于2019-04-23 13:27 / 3034人阅读

摘要：目录进阶语法内容目录加强代码块脚注流程图时序图公式进阶语法进阶语法内容目录内容目录使用引用目录，将放至文本的首行，编辑器将自动生成目录有一些编辑器不支持标记加强代码块加强代码块使用个语言名称进行标记脚注脚注使用表示注脚有一些编辑器不支持流

markdown进阶语法
- 内容目录
- 加强代码块
- 脚注
- 流程图
- 时序图
- LaTeX公式

markdown进阶语法

内容目录

使用 [TOC] 引用目录，将 [TOC] 放至文本的首行，编辑器将自动生成目录

有一些编辑器不支持[TOC]标记

加强代码块

使用3个 "`"+“语言名称”进行标记

    ```java
        public static void main(String[] args){
            System.out.println("hello world!");
        }
    ```

    public static void main(String[] args){
        System.out.println("hello world!");
    }

脚注

使用 [^keyword] 表示注脚

[ ] 12
[x] 56

有一些编辑器不支持

流程图

graph LR
Controller-->Service
Service-->Dao

```flow
st=>start: 开始
op=>operation: 操作
cond=>condition: 条件
e=>end

st->op->cond
cond(yes)->e
cond(no)->op
```

生成的图：

st=>start: 开始
op=>operation: 操作
cond=>condition: 条件
e=>end

st->op->cond
cond(yes)->e
cond(no)->op

时序图

语法

    ```sequence

    ```

标题

title: 我是标题

对象

participant A
participant B as b-alias

交互

sequence
A->B: 连接
.

实际效果

    ```sequence
    participant A
    participant B
    participant C

    A->B:方法
    ```

    participant A
    participant B
    participant C

    A->B:方法

标记分类

  - 代表实线 ， 主动发送消息，比如 request请求
  > 代表实心箭头 ， 同步消息，比如 AJAX 的同步请求
  -- 代表虚线，表示返回消息，spring Controller return 
  >> 代表非实心箭头 ，异步消息，比如AJAX请求

示例

  participant A
  participant B
  participant C

  A->B:方法
  B-->C:请求
  C-->>:success

LaTeX公式

$ 表示行内公式

$E=mc^2$

生成样式：

$E=mc^2$

$$ 表示整行公式

在公式中$前面不带

$$sum_{i=1}^n a_i=0$$

$$f(x_1,x_x,ldots,x_n)=x_1^2+x_2^2+cdots+x_n^2$$

$$sum_{k=0}^{j-1}{widehat{gamma}_{kj} z_k}$$

$$sum_{i=1}^n a_i=0$$

$$f(x_1,x_x,ldots,x_n)=x_1^2+x_2^2+cdots+x_n^2$$

$$sum_{k=0}^{j-1}{widehat{gamma}_{kj} z_k}$$

GPU云服务器云服务器 Markdown markdown表格 markdown简介格式markdown

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1908.html

文章分享（持续更新）

摘要：文章分享持续更新更多资源请文章转自一前端文章基础篇，，前端基础进阶一内存空间详细图解前端基础进阶二执行上下文详细图解前端基础进阶三变量对象详解前端基础进阶四详细图解作用域链与闭包前端基础进阶五全方位解读前端基础进阶六在开发者工具中观察函数调文章分享（持续更新）更多资源请Star：https://github.com/maidishike... 文章转自：https://gith...

whlong 2019-08-20 14:31 评论0 收藏0
前端资源分享-只为更好前端

摘要：一团队组织网站说明腾讯团队腾讯前端团队，代表作品，致力于前端技术的研究腾讯社交用户体验设计，简称，腾讯设计团队网站腾讯用户研究与体验设计部百度前端研发部出品淘宝前端团队用技术为体验提供无限可能凹凸实验室京东用户体验设计部出品奇舞团奇虎旗下前一、团队组织网站说明腾讯 AlloyTeam 团队腾讯Web前端团队，代表作品WebQQ，致力于前端技术的研究 ISUX 腾...

zxhaaa 2019-08-22 16:11 评论0 收藏0
前端资源分享-只为更好前端

摘要：一团队组织网站说明腾讯团队腾讯前端团队，代表作品，致力于前端技术的研究腾讯社交用户体验设计，简称，腾讯设计团队网站腾讯用户研究与体验设计部百度前端研发部出品淘宝前端团队用技术为体验提供无限可能凹凸实验室京东用户体验设计部出品奇舞团奇虎旗下前一、团队组织网站说明腾讯 AlloyTeam 团队腾讯Web前端团队，代表作品WebQQ，致力于前端技术的研究 ISUX 腾...

JouyPub 2019-08-02 10:10 评论0 收藏0
前端资源分享-只为更好前端

摘要：一团队组织网站说明腾讯团队腾讯前端团队，代表作品，致力于前端技术的研究腾讯社交用户体验设计，简称，腾讯设计团队网站腾讯用户研究与体验设计部百度前端研发部出品淘宝前端团队用技术为体验提供无限可能凹凸实验室京东用户体验设计部出品奇舞团奇虎旗下前一、团队组织网站说明腾讯 AlloyTeam 团队腾讯Web前端团队，代表作品WebQQ，致力于前端技术的研究 ISUX 腾...

vslam 2019-08-30 15:53 评论0 收藏0
前端进阶（13） - 搭建自己的前端脚手架

摘要：搭建自己的前端脚手架一般新开发一个项目时，我们会首先搭建好一个脚手架，然后才会开始写代码。搭建脚手架可以用等命令行工具，也可以直接用等模板，如果这些都不能满足你的个性化需求，可以尝试搭建自己的前端脚手架。搭建自己的前端脚手架一般新开发一个项目时，我们会首先搭建好一个脚手架，然后才会开始写代码。搭建脚手架可以用 create-react-app、vue-cli、yeoman 等命令行...

lykops 2019-08-26 12:20 评论0 收藏0