update docs

packages/artplayer-document/docs/en/Overview.mdx

@@ -75,7 +75,7 @@ The size of the player depends on the size of the `container`, so your `containe
 
 ### Use in `Html`
 
-```html showLineNumbers
+```html showLineNumbers title="index.html"
 <!DOCTYPE html>
 <html>
     <head>
@@ -106,12 +106,12 @@ The size of the player depends on the size of the `container`, so your `containe
 <Tabs>
 <TabItem value="Vue.js" label="Vue.js Template">
 
-[artplayer-template/vue.js](https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-template/vue.js)
+🚀 [artplayer-template/vue.js](https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-template/vue.js)
 
 </TabItem>
 <TabItem value="Nuxt.js" label="Nuxt.js Template">
 
-[artplayer-template/nuxt.js](https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-template/nuxt.js)
+🚀 [artplayer-template/nuxt.js](https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-template/nuxt.js)
 
 </TabItem>
 </Tabs>
@@ -119,7 +119,7 @@ The size of the player depends on the size of the `container`, so your `containe
 <Tabs>
 <TabItem value="Artplayer.vue" label="Artplayer.vue">
 
-```js showLineNumbers
+```js showLineNumbers title="Artplayer.vue"
 <template>
   <div ref="artRef"></div>
 </template>
@@ -161,7 +161,7 @@ export default {
 </TabItem>
 <TabItem value="App.vue" label="App.vue">
 
-```js showLineNumbers
+```js showLineNumbers title="App.vue"
 <template>
   <Artplayer @get-instance="getInstance" :option="option" :style="style" />
 </template>
@@ -202,12 +202,12 @@ export default {
 <Tabs>
 <TabItem value="React.js" label="React.js Template">
 
-[artplayer-template/react.js](https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-template/react.js)
+🚀 [artplayer-template/react.js](https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-template/react.js)
 
 </TabItem>
 <TabItem value="Next.js" label="Next.js Template">
 
-[artplayer-template/next.js](https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-template/next.js)
+🚀 [artplayer-template/next.js](https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-template/next.js)
 
 </TabItem>
 </Tabs>
@@ -215,7 +215,7 @@ export default {
 <Tabs>
 <TabItem value="ArtPlayer.jsx" label="ArtPlayer.jsx">
 
-```jsx showLineNumbers
+```jsx showLineNumbers title="ArtPlayer.jsx"
 import { useEffect, useRef } from 'react';
 import Artplayer from 'artplayer';
 
@@ -246,7 +246,7 @@ export default function Player({ option, getInstance, ...rest }) {
 </TabItem>
 <TabItem value="App.jsx" label="App.jsx">
 
-```jsx showLineNumbers
+```jsx showLineNumbers title="App.jsx"
 import React from 'react';
 import Artplayer from './ArtPlayer';
 

packages/artplayer-document/docs/zh-cn/Overview.mdx

@@ -75,7 +75,7 @@ const art = new window.Artplayer({
 
 ### 在 `Html` 使用
 
-```html showLineNumbers
+```html showLineNumbers title="index.html"
 <!DOCTYPE html>
 <html>
     <head>
@@ -104,14 +104,14 @@ const art = new window.Artplayer({
 ### 在 `Vue.js`、`Nuxt.js` 使用
 
 <Tabs>
-<TabItem value="Vue.js" label="Vue.js">
+<TabItem value="Vue.js" label="Vue.js 模板">
 
-[artplayer-template/vue.js](https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-template/vue.js)
+🚀 [artplayer-template/vue.js](https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-template/vue.js)
 
 </TabItem>
-<TabItem value="Nuxt.js" label="Nuxt.js">
+<TabItem value="Nuxt.js" label="Nuxt.js 模板">
 
-[artplayer-template/nuxt.js](https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-template/nuxt.js)
+🚀 [artplayer-template/nuxt.js](https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-template/nuxt.js)
 
 </TabItem>
 </Tabs>
@@ -119,7 +119,7 @@ const art = new window.Artplayer({
 <Tabs>
 <TabItem value="Artplayer.vue" label="Artplayer.vue">
 
-```js showLineNumbers
+```js showLineNumbers title="Artplayer.vue"
 <template>
   <div ref="artRef"></div>
 </template>
@@ -161,7 +161,7 @@ export default {
 </TabItem>
 <TabItem value="App.vue" label="App.vue">
 
-```js showLineNumbers
+```js showLineNumbers title="App.vue"
 <template>
   <Artplayer @get-instance="getInstance" :option="option" :style="style" />
 </template>
@@ -200,14 +200,14 @@ export default {
 ### 在 `React.js`、`Next.js` 使用
 
 <Tabs>
-<TabItem value="React.js" label="React.js">
+<TabItem value="React.js" label="React.js 模板">
 
-[artplayer-template/react.js](https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-template/react.js)
+🚀 [artplayer-template/react.js](https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-template/react.js)
 
 </TabItem>
-<TabItem value="Next.js" label="Next.js">
+<TabItem value="Next.js" label="Next.js 模板">
 
-[artplayer-template/next.js](https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-template/next.js)
+🚀 [artplayer-template/next.js](https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-template/next.js)
 
 </TabItem>
 </Tabs>
@@ -215,7 +215,7 @@ export default {
 <Tabs>
 <TabItem value="ArtPlayer.jsx" label="ArtPlayer.jsx">
 
-```jsx showLineNumbers
+```jsx showLineNumbers title="ArtPlayer.jsx"
 import { useEffect, useRef } from 'react';
 import Artplayer from 'artplayer';
 
@@ -246,7 +246,7 @@ export default function Player({ option, getInstance, ...rest }) {
 </TabItem>
 <TabItem value="App.jsx" label="App.jsx">
 
-```jsx showLineNumbers
+```jsx showLineNumbers title="App.jsx"
 import React from 'react';
 import Artplayer from './ArtPlayer';