@sugarat/theme 0.1.4 → 0.1.6

package/node.d.ts

@@ -117,6 +117,7 @@ declare namespace Theme {
         avatar: string;
     }
     interface BlogConfig {
+        blog?: false;
         pagesData: PageData[];
         srcDir?: string;
         author?: string;
@@ -147,6 +148,7 @@ declare namespace Theme {
 
 declare function getThemeConfig(cfg?: Partial<Theme.BlogConfig>): {
     blog: {
+        blog?: false | undefined;
         pagesData: Theme.PageData[];
         srcDir?: string | undefined;
         author?: string | undefined;

package/node.js

@@ -78,11 +78,18 @@ function getThemeConfig(cfg) {
     let route = v.replace(".md", "");
     if (route.startsWith("./")) {
       route = route.replace(
-        new RegExp(`^\\.\\/${import_path.default.join(srcDir, "/")}`),
+        new RegExp(
+          `^\\.\\/${import_path.default.join(srcDir, "/").replace(new RegExp(`\\${import_path.default.sep}`, "g"), "/")}`
+        ),
         ""
       );
     } else {
-      route = route.replace(new RegExp(`^${import_path.default.join(srcDir, "/")}`), "");
+      route = route.replace(
+        new RegExp(
+          `^${import_path.default.join(srcDir, "/").replace(new RegExp(`\\${import_path.default.sep}`, "g"), "/")}`
+        ),
+        ""
+      );
     }
     const fileContent = import_fs.default.readFileSync(v, "utf-8");
     const meta = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sugarat/theme",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "简约风的 Vitepress 博客主题，sugarat vitepress blog theme",
   "main": "src/index.ts",
   "exports": {
@@ -38,13 +38,13 @@
     "gray-matter": "^4.0.3"
   },
   "devDependencies": {
+    "@element-plus/icons-vue": "^2.0.10",
+    "element-plus": "^2.2.28",
     "sass": "^1.56.1",
     "tsup": " ^6.5.0",
     "typescript": "^4.8.2",
-    "vitepress": "^1.0.0-alpha.33",
-    "vue": "^3.2.45",
-    "@element-plus/icons-vue": "^2.0.10",
-    "element-plus": "^2.2.28"
+    "vitepress": "1.0.0-alpha.46",
+    "vue": "^3.2.45"
   },
   "scripts": {
     "dev": "vitepress dev demo",

package/src/components/BlogApp.vue

@@ -10,7 +10,9 @@ import BlogImagePreview from './BlogImagePreview.vue'
 import BlogArticleAnalyze from './BlogArticleAnalyze.vue'
 import BlogAlert from './BlogAlert.vue'
 import BlogPopover from './BlogPopover.vue'
+import { useBlogThemeMode } from '../composables/config/blog'
 
+const isBlogTheme = useBlogThemeMode()
 const { Layout } = Theme
 </script>
 
@@ -35,7 +37,7 @@ const { Layout } = Theme
       <BlogSearch />
     </template>
     <!-- 自定义首页 -->
-    <template #home-hero-before>
+    <template #home-hero-before v-if="isBlogTheme">
       <div class="home">
         <div class="header-banner">
           <BlogHomeBanner />
@@ -46,7 +48,7 @@ const { Layout } = Theme
         </div>
       </div>
     </template>
-    <template #sidebar-nav-after>
+    <template #sidebar-nav-after v-if="isBlogTheme">
       <BlogSidebar />
     </template>
     <!-- 评论 -->
@@ -62,6 +64,12 @@ const { Layout } = Theme
   max-width: 1126px;
 }
 
+@media screen and (min-width: 960px) {
+  .home {
+    padding-top: var(--vp-nav-height);
+  }
+}
+
 .header-banner {
   width: 100%;
   padding: 60px 0;

package/src/composables/config/blog.ts

@@ -54,6 +54,9 @@ export function useBlogConfig() {
   return inject(configSymbol)!.value.blog
 }
 
+export function useBlogThemeMode() {
+  return inject(configSymbol)!.value.blog.blog ?? true
+}
 export function useHomeConfig() {
   return inject(homeConfigSymbol)!
 }

package/src/composables/config/index.ts

@@ -128,6 +128,7 @@ export namespace Theme {
     avatar: string
   }
   export interface BlogConfig {
+    blog?: false
     pagesData: PageData[]
     srcDir?: string
     author?: string

package/src/node.ts

@@ -20,11 +20,22 @@ export function getThemeConfig(cfg?: Partial<Theme.BlogConfig>) {
       // 去除 srcDir 处理目录名
       if (route.startsWith('./')) {
         route = route.replace(
-          new RegExp(`^\\.\\/${path.join(srcDir, '/')}`),
+          new RegExp(
+            `^\\.\\/${path
+              .join(srcDir, '/')
+              .replace(new RegExp(`\\${path.sep}`, 'g'), '/')}`
+          ),
           ''
         )
       } else {
-        route = route.replace(new RegExp(`^${path.join(srcDir, '/')}`), '')
+        route = route.replace(
+          new RegExp(
+            `^${path
+              .join(srcDir, '/')
+              .replace(new RegExp(`\\${path.sep}`, 'g'), '/')}`
+          ),
+          ''
+        )
       }
 
       const fileContent = fs.readFileSync(v, 'utf-8')

package/src/styles/index.scss

@@ -38,6 +38,15 @@ html[class='dark'] {
   );
 }
 
+@media screen and (min-width: 960px) {
+  #VPContent.VPContent{
+    padding-top: 0;
+    .VPHome{
+      min-height: 100vh;
+    }
+  }
+}
+
 @media screen and (max-width: 959px) {
   .VPNav {
     background-color: var(--nav-bgc);