文档帮助

克隆项目

git clone git@git.imgo.tv:playtech/mediacloud/v1/docs.git

安装 mkdocs工具

make install

开发

make serve

项目结构说明

• docs markdown文档位置
• site 自动编译的网站网站目录 <不要编辑>
• overrides 网站配置模板 <不要编辑>
• mkdocks.yml 导航栏目录配置
• README.md 帮助文件

图床工具安装和使用

图床工具安装和使用

文档标题

文档标题从### 三级标题开始

常见内容板块速查

这里提供一些常用内容板块的写法，更多用法请参考mkdocs 官网

超链接

[图床工具安装和使用](/mos/mosbrowser/install.html)

展示效果：

图床工具安装和使用

图片

![image](http://docs.mediacloud.imgo.tv/attachments/mos/mosbrowser/2.png)

展示效果：

表格

| Method      | Description                          |
| ----------- | ------------------------------------ |
| `GET`       | :material-check:     Fetch resource  |
| `PUT`       | :material-check-all: Update resource |
| `DELETE`    | :material-close:     Delete resource |

展示效果：

Method	Description
GET	:material-check: Fetch resource
PUT	:material-check-all: Update resource
DELETE	:material-close: Delete resource

提示

!!! 提示
    这里是具体提示内容`hello wolrd`

展示效果：

提示

这里是具体提示内容hello wolrd

可折叠的提示（默认展开）

???+ 提示
    这里是具体提示内容`hello wolrd`

展示效果：

提示

这里是具体提示内容hello wolrd

代码块

    ```js
    const now = new Date()
    ```

展示效果：

const now = new Date()

TAB选项卡

=== "C"

    ``` c
    #include <stdio.h>

    int main(void) {
      printf("Hello world!\n");
      return 0;
    }
    ```

=== "C++"

    ``` c++
    #include <iostream>

    int main(void) {
      std::cout << "Hello world!" << std::endl;
      return 0;
    }
    ```

展示效果：

CC++

#include <stdio.h>

int main(void) {
  printf("Hello world!\n");
  return 0;
}

#include <iostream>

int main(void) {
  std::cout << "Hello world!" << std::endl;
  return 0;
}

文本格式

Text can be deleted and replacement text added. This can also be
combined into onea single operation. Highlighting is also
possible and comments can be added inline.

Formatting can also be applied to blocks by putting the opening and closing
tags on separate lines and adding new lines between the tags and the content.

展示效果:

Text can be deleted and replacement text added. This can also be combined into onea single operation. Highlighting is also possible and comments can be added inline.

Formatting can also be applied to blocks by putting the opening and closing tags on separate lines and adding new lines between the tags and the content.

网格布局

<div class="grid cards" markdown>

- __HTML__ for content and structure
- __JavaScript__ for interactivity
- __CSS__ for text running out of boxes
- __Internet Explorer__ ... huh?

</div>

• HTML for content and structure
• JavaScript for interactivity
• CSS for text running out of boxes
• Internet Explorer ... huh?