[doc][website]improve doc format && hadoop mr's image display normally (

#1147)

## 简介
1. 文档格式、内容修改
2. 图片非正常显示（图片链接为语雀存储的图片链接，报403。故下载原图，存放到文件夹本地引入展示）

website/docs/functions/task/hadoop-mr.md

@@ -6,7 +6,7 @@ sidebar_label: Hadoop MR
 
 
 ### 1. 任务界面
-![QzpcVXNlcnNcc2h1YWl4aWFvaHVvXEFwcERhdGFcUm9hbWluZ1xEaW5nVGFsa1w0NjU3MTc0NjJfdjJcSW1hZ2VGaWxlc1wxNTkzMzI5MDk1NTY1Xzc3NUVFQjZDLUIyMjItNGE5OS1CREIxLTRCNDZBMTJBMUMyQS5wbmc=.png](https://cdn.nlark.com/yuque/0/2020/png/711662/1593329158744-59d28c71-56fe-4862-b6a8-5658b2a64f25.png#align=left&display=inline&height=502&name=QzpcVXNlcnNcc2h1YWl4aWFvaHVvXEFwcERhdGFcUm9hbWluZ1xEaW5nVGFsa1w0NjU3MTc0NjJfdjJcSW1hZ2VGaWxlc1wxNTkzMzI5MDk1NTY1Xzc3NUVFQjZDLUIyMjItNGE5OS1CREIxLTRCNDZBMTJBMUMyQS5wbmc%3D.png&originHeight=502&originWidth=1092&size=12607&status=done&style=none&width=1092)
+![hadoop-mr-task](/img/readme/hadoop-mr-task.png)
 
 ### 2. 传参
 

website/docs/quickstart/build.md

@@ -41,22 +41,25 @@ oracle 插件因为商业版本原因，官方没有提供 ojdbc 的驱动，开
 
 1. 将代码中 oracle 插件 pom 文件中 ojdbc8 的依赖，对 scope 进行调整
 2. 在编译后的 datasource-plugins/oracle 目录下，增加 ojdbc8 的驱动
-   :::
+:::
 
 
 - 前端编译
 
   安装npm 并设置npm国内镜像地址  
    在taier-ui目录 执行
    ```shell
-   $ npm install  
-   $ npm run build  
+   $ yarn install  
+   $ yarn run build  
+   # or
+   $ pnpm install  
+   $ pnpm run build     
    ```
 
    通过脚本编译taier-ui后会生成对应的前端文件 dist
    - taier-ui/dist
 
 :::tip
-编译前端代码，建议node版本为`v16.14.0`  
+编译前端代码，建议node版本为`v16.14.0`，包管理工具为`pnpm` / `yarn`  
 源码中包含部分scala的代码，通过idea源码启动需要添加scala的sdk 建议scala版本为`2.11.1`
 :::