diff --git a/packages/.vitepress/getSideBar.ts b/packages/.vitepress/getSideBar.ts
index 0dcece5..1b3c088 100644
--- a/packages/.vitepress/getSideBar.ts
+++ b/packages/.vitepress/getSideBar.ts
@@ -86,7 +86,7 @@ function side(baseDir: string, options?: Options) {
             const filePath = path.resolve(baseDir, item)
             let p = filePath + ".md"
             const {
-                data: { title, first, name },
+                data: { title, first, name, category },
             } = grayMatter(fs.readFileSync(p, "utf8"));
             const [pkg, _name, i] = item.split('/').slice(-3)
             
@@ -97,42 +97,112 @@ function side(baseDir: string, options?: Options) {
 
             if (sidebarItemIndex !== -1) {
                 if (first!=undefined) {
-                    sidebars[sidebarItemIndex].items.splice(first,0,{
-                        text: _title,
-                        link: '/' + item.replace('index', ''),
-                    })
-                    if (name) {
-                        sidebars[sidebarItemIndex].text = name
-                    } 
+                    if(category) {
+                         // @ts-ignore
+                        let ff = sidebars.find(v=>v._category === category)
+                        if(!ff) {
+                            ff = {
+                                text: category,
+                                // @ts-ignore
+                                _sort: 0,
+                                // @ts-ignore
+                                _category: category,
+                                items: []
+                            }
+                            // @ts-ignore
+                            sidebars.push(ff)
+                        }
+                        // @ts-ignore
+                        ff.items.push({
+                            text: _title,
+                            link: '/' + item.replace('index', ''),
+                        });
+                    } else {
+                        sidebars[sidebarItemIndex].items.splice(first,0,{
+                            text: _title,
+                            link: '/' + item.replace('index', ''),
+                        })
+                        if (name) {
+                            sidebars[sidebarItemIndex].text = name
+                        } 
+                    }
                 }else{
-                    sidebars[sidebarItemIndex].items.push({
-                        text: _title,
-                        link: '/' + item.replace('index', ''),
-                    });
+                    if(category) {
+                        // @ts-ignore
+                        let ff = sidebars.find(v=>v._category === category)
+                        if(!ff) {
+                            ff = {
+                                text: category,
+                                // @ts-ignore
+                                _sort: 0,
+                                // @ts-ignore
+                                _category: category,
+                                items: []
+                            }
+                            // @ts-ignore
+                            sidebars.push(ff)
+                        }
+                        // @ts-ignore
+                        ff.items.push({
+                            text: _title,
+                            link: '/' + item.replace('index', ''),
+                        });
+                    } else {
+                        sidebars[sidebarItemIndex].items.push({
+                            text: _title,
+                            link: '/' + item.replace('index', ''),
+                        });
+                    }
                 }
                 sidebars[sidebarItemIndex].items.sort((a,b)=>{
                     // @ts-ignore
                     return a._sort - b._sort
                 })
             } else {
-                sidebars.push({
-                    text: name || curDir,
+                if(category) {
                     // @ts-ignore
-                    _sort: index,
+                    let ff = sidebars.find(v=>v._category === category)
+                    if(!ff) {
+                        ff = {
+                            text: category,
+                            // @ts-ignore
+                            _sort: -999,
+                            // @ts-ignore
+                            _category: category,
+                            items: []
+                        }
+                        // @ts-ignore
+                        sidebars.push(ff)
+                    }
                     // @ts-ignore
-                    _realtext: curDir,
-                    items: [{
+                    ff.items.push({
                         text: _title,
                         link: '/' + item.replace('index', ''),
-                    }],
-                });
+                    });
+                } else {
+                    sidebars.push({
+                        text: name || curDir,
+                        // @ts-ignore
+                        _sort: index,
+                        // @ts-ignore
+                        _realtext: curDir,
+                        items: [{
+                            text: _title,
+                            link: '/' + item.replace('index', ''),
+                        }],
+                    });
+                }
             }
+            sidebars.sort((a,b)=>{
+                // @ts-ignore
+                return (a._sort || 0) - (b._sort || 0)
+            })
         }
     })
 
     sidebars.sort((a,b)=>{
         // @ts-ignore
-        return a._sort - b._sort
+        return b._sort - a._sort
     })
 
     // const sidebars: Sidebar = [];
diff --git a/packages/core/src/date/format/docs/index.md b/packages/core/src/date/format/docs/index.md
index 6fa7950..f223f6b 100644
--- a/packages/core/src/date/format/docs/index.md
+++ b/packages/core/src/date/format/docs/index.md
@@ -1,5 +1,6 @@
 ---
-title: 日期->格式化
+title: 格式化
+category: 日期
 ---
 
 ## Demo
diff --git a/packages/core/src/date/friendly/docs/index.md b/packages/core/src/date/friendly/docs/index.md
index 7bfc4d4..e168f75 100644
--- a/packages/core/src/date/friendly/docs/index.md
+++ b/packages/core/src/date/friendly/docs/index.md
@@ -1,5 +1,6 @@
 ---
-title: 日期->美化
+title: 美化
+category: 日期
 ---
 
 ## Demo
diff --git a/packages/core/src/date/parse/docs/index.md b/packages/core/src/date/parse/docs/index.md
index 9f0c8c1..a753417 100644
--- a/packages/core/src/date/parse/docs/index.md
+++ b/packages/core/src/date/parse/docs/index.md
@@ -1,5 +1,6 @@
 ---
-title: 日期->转化
+title: 转化
+category: 日期
 ---
 
 ## Demo
diff --git a/packages/vue3/src/hook/echarts/docs/index.md b/packages/vue3/src/hook/echarts/docs/index.md
index 033ecaf..7d91ef1 100644
--- a/packages/vue3/src/hook/echarts/docs/index.md
+++ b/packages/vue3/src/hook/echarts/docs/index.md
@@ -1,5 +1,6 @@
 ---
-title: hook->useEchart
+title: useEchart
+category: echart
 ---
 
 <preview path="./demo.vue" title="@xyx-utils/vue3" description="useEchart"></preview>