doc:更新快速上手文档

Author: SunLxy

packages/core/README.md

@@ -87,7 +87,7 @@ yarn run lib:watch:type # Output type file d.ts
 yarn run start          # Run the preview document website locally
 ```
 
-## 本地文档预览
+## 文档本地预览
 
 **第一步安装文档包和预览工具**
 

website/src/pages/docs/getting-started/README.md

@@ -38,6 +38,25 @@ npx react-native init AwesomeProject --template @uiw/react-native-template
 ```bash
 yarn add @uiw/react-native react-native-svg react-native-root-siblings
 ```
+## 文档本地预览
+
+**第一步安装文档包和预览工具**
+
+```bash
+ npm install @uiw/react-native-doc @kkt/doc -D # yarn add @uiw/react-native-doc @kkt/doc -D
+```
+
+**第二步配置命令**
+
+在`package.json`文件中配置命令
+
+```json
+  // ... 
+  "scripts":{
+    "doc":"kktd @uiw/react-native-doc/doc/build"
+  }
+```
+
 
 ## Basic Usage
 

website/src/pages/docs/getting-started/index.tsx

@@ -1,11 +1,5 @@
-import Markdown, { importAll } from '../../../component/Markdown';
+import Preview from 'src/component/Preview';
+import md from './README.md';
 
-export default class Page extends Markdown {
-  path = '/website/src/pages/docs/getting-started/README.md';
-  getMarkdown = async () => {
-    const md = await import('./README.md');
-    // 支持 markdown 中，相对于当前 index.tsx 相对路径引入图片资源
-    importAll((require as any).context('./', true, /\.(png|gif|jpg|svg)$/), this.imageFiles);
-    return md.default || md;
-  };
-}
+const DEMO = () => <Preview {...md} />;
+export default DEMO;