docs: update changelog

content/plus/codehighlight/index-en-US.md

@@ -16,7 +16,7 @@ Pass the code plain text to `code` props, and pass the programming language name
 
 ### How to introduce
 
-CodeHighlight supported from 2.62.0 
+CodeHighlight supported from v2.62.0 
 
 ```jsx
 import { CodeHighlight } from '@douyinfe/semi-ui';

content/plus/codehighlight/index.md

@@ -17,7 +17,7 @@ Semi 代码高亮组件使用了 prismjs，支持297 种编程语言的高亮（
 
 ### 如何引入
 
-CodeHighlight 从 2.62.0 开始支持
+CodeHighlight 从 v2.62.0 开始支持
 
 ```jsx
 import { CodeHighlight } from '@douyinfe/semi-ui';

content/plus/lottie/index-en-US.md

@@ -26,7 +26,7 @@ Compared to using `lottie-web` directly, use the Semi Lottie component
 
 ### How to import
 
-Lottie component supported from 2.62.0
+Lottie component supported from v2.62.0
 
 ```jsx
 import { Lottie } from "@douyinfe/semi-ui";

content/plus/lottie/index.md

@@ -27,7 +27,7 @@ Lottie 组件能够便捷简单地渲染 Lottie 动画，同时提供方式获
 
 ### 如何引入
 
-Lottie 从 2.62.0 开始支持
+Lottie 从 v2.62.0 开始支持
 
 ```jsx
 import { Lottie } from "@douyinfe/semi-ui";

content/plus/markdownrender/index-en-US.md

@@ -24,7 +24,7 @@ Usually used in the following scenarios:
 
 ## Demos
 
-MarkdownRender supported from 2.62.0
+MarkdownRender supported from v2.62.0
 
 ### How to import
 

content/plus/markdownrender/index.md

@@ -24,10 +24,11 @@ Semi 提供的 MarkdownRender 组件支持渲染 Markdown 和 MDX，无需特别
 
 ## 代码演示
 
-MarkdownRender 从 2.62.0 开始支持
-
 ### 如何引入
 
+MarkdownRender 从 v2.62.0 开始支持  
+注意：MarkdownRender 组件 依赖 `jsx/run-time`，搭配使用 React 版本需 > 16.14.0  
+
 ```jsx
 import { MarkdownRender } from '@douyinfe/semi-ui';
 ```
@@ -114,7 +115,7 @@ import { MarkdownRender, Typography } from '@douyinfe/semi-ui';
 function Demo() {
     const components = {}
     
-    components['h2'] = ({children}) => <Typography.Title heading={2} style={{color:"var(--semi-color-primary)"}}>{children}</Typography.Title>
+    components['h2'] = ({children}) => <Typography.Title heading={2} style={{color:"var(--semi-color-text-2)"}}>{children}</Typography.Title>
     
     return <MarkdownRender raw={`## 从 Semi Design 到 Any Design  快速定义你的设计系统，并应用在设计稿和代码中`} components={components} />
 }

content/start/changelog/index.md

@@ -15,9 +15,10 @@ Semi 版本号遵循 **Semver** 规范（主版本号-次版本号-修订版本
   
 #### 🎉 2.62.0-beta.0 (2024-07-05)
 - 【New Component】
-    - 新增验证码输入组件 pinCode 用于快速便捷输入验证码  [#2130 ](https://github.com/DouyinFE/semi-design/issues/2130) [#2209](https://github.com/DouyinFE/semi-design/pull/2209)
+    - 新增验证码输入组件 PinCode 用于快速便捷输入验证码  [#2130](https://github.com/DouyinFE/semi-design/issues/2130) [#2209](https://github.com/DouyinFE/semi-design/pull/2209)
     - 新增 Lottie 组件用于便捷渲染 Lottie 动画 [#2297](https://github.com/DouyinFE/semi-design/pull/2297)
     - 新增 CodeHighlight 代码高亮组件，用于高亮网页中显示代码 [#2203](https://github.com/DouyinFE/semi-design/pull/2203)
+    - 新增 MarkdownRender 渲染组件，用于渲染 markdown 格式内容 [#2203](https://github.com/DouyinFE/semi-design/pull/2196)
 - 【Feat】
     - TreeSelect, Cascader 支持通过 esc 按键关闭弹出层 [#2329](https://github.com/DouyinFE/semi-design/pull/2329)
 - 【Style】

content/start/getting-started/index.md

@@ -9,6 +9,8 @@ order: 2
 
 ## 1、安装 Semi
 
+Semi 支持搭配 React v16、v17、v18 版本使用
+
 ```bash
 # 使用 npm
 npm i @douyinfe/semi-ui
@@ -29,14 +31,10 @@ pnpm add @douyinfe/semi-ui
 import React, { Component } from 'react';
 import { Button, Toast } from '@douyinfe/semi-ui';
 
-class Demo extends React.Component {
-    constructor() {
-        super();
-    }
-
-    render() {
-        return <Button onClick={() => Toast.warning({ content: 'welcome' })}>Hello Semi</Button>;
-    }
+const SemiApp = () => {
+    return (
+        <Button onClick={() => Toast.warning({ content: 'welcome' })}>Hello Semi</Button>
+    )
 }
 ```