@sugarat/theme 0.5.12 → 0.5.14

package/node.d.ts

@@ -4,6 +4,7 @@ import { Repo, Mapping } from '@giscus/vue';
 import { Options } from 'oh-my-live2d';
 import { PagefindConfig } from 'vitepress-plugin-pagefind';
 import { AnnouncementOptions } from 'vitepress-plugin-announcement';
+import { ImagePreviewOptions } from 'vitepress-plugin-image-preview';
 
 type RSSPluginOptions = RSSOptions;
 type ThemeableImage = string | {
@@ -392,6 +393,10 @@ declare namespace Theme {
          */
         alert?: Alert;
         popover?: AnnouncementOptions;
+        /**
+         * 图片预览插件配置
+         */
+        imagePreview?: ImagePreviewOptions;
         friend?: FriendLink[] | FriendConfig;
         authorList?: Omit<FriendLink, 'avatar'>[];
         /**

package/node.js

@@ -487,6 +487,7 @@ var import_vitepress_plugin_rss = require("vitepress-plugin-rss");
 var import_theme_shared4 = require("@sugarat/theme-shared");
 var import_vitepress_plugin_announcement = require("vitepress-plugin-announcement");
 var import_vitepress_plugin_group_icons2 = require("vitepress-plugin-group-icons");
+var import_vitepress_plugin_image_preview = require("vitepress-plugin-image-preview");
 
 // src/utils/node/hot-reload-plugin.ts
 var import_fs = __toESM(require("fs"));
@@ -496,7 +497,7 @@ function themeReloadPlugin() {
   let vitepressConfig;
   let docsDir;
   const generateRoute = (filepath) => {
-    return filepath.replace(docsDir, "").replace(".md", "");
+    return (0, import_theme_shared3.normalizePath)(filepath).replace(docsDir, "").replace(".md", "");
   };
   return {
     name: "@sugarat/theme-reload",
@@ -569,6 +570,7 @@ function themeReloadPlugin() {
 function getVitePlugins(cfg = {}) {
   const plugins = [];
   plugins.push(cacheAllGitTimestampsPlugin());
+  plugins.push((0, import_vitepress_plugin_image_preview.ImagePreviewPlugin)(cfg?.imagePreview));
   if (cfg.themeColor) {
     plugins.push(setThemeScript(cfg.themeColor));
   }

package/node.mjs

@@ -456,16 +456,17 @@ import { RssPlugin } from "vitepress-plugin-rss";
 import { cacheAllGitTimestamps, joinPath as joinPath2 } from "@sugarat/theme-shared";
 import { AnnouncementPlugin } from "vitepress-plugin-announcement";
 import { groupIconVitePlugin } from "vitepress-plugin-group-icons";
+import { ImagePreviewPlugin } from "vitepress-plugin-image-preview";
 
 // src/utils/node/hot-reload-plugin.ts
 import fs2 from "fs";
-import { grayMatter as grayMatter2 } from "@sugarat/theme-shared";
+import { grayMatter as grayMatter2, normalizePath as normalizePath3 } from "@sugarat/theme-shared";
 function themeReloadPlugin() {
   let blogConfig;
   let vitepressConfig;
   let docsDir;
   const generateRoute = (filepath) => {
-    return filepath.replace(docsDir, "").replace(".md", "");
+    return normalizePath3(filepath).replace(docsDir, "").replace(".md", "");
   };
   return {
     name: "@sugarat/theme-reload",
@@ -538,6 +539,7 @@ function themeReloadPlugin() {
 function getVitePlugins(cfg = {}) {
   const plugins = [];
   plugins.push(cacheAllGitTimestampsPlugin());
+  plugins.push(ImagePreviewPlugin(cfg?.imagePreview));
   if (cfg.themeColor) {
     plugins.push(setThemeScript(cfg.themeColor));
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sugarat/theme",
-  "version": "0.5.12",
+  "version": "0.5.14",
   "description": "简约风的 Vitepress 博客主题，sugarat vitepress blog theme",
   "author": "sugar",
   "license": "MIT",
@@ -51,10 +51,11 @@
     "vitepress-plugin-group-icons": "1.6.5",
     "vitepress-plugin-mermaid": "2.0.13",
     "vitepress-plugin-tabs": "0.7.3",
-    "@sugarat/theme-shared": "0.0.7",
     "vitepress-plugin-announcement": "0.1.7",
-    "vitepress-plugin-pagefind": "0.4.18",
-    "vitepress-plugin-rss": "0.4.2"
+    "@sugarat/theme-shared": "0.0.7",
+    "vitepress-plugin-image-preview": "0.1.0",
+    "vitepress-plugin-rss": "0.4.2",
+    "vitepress-plugin-pagefind": "0.4.18"
   },
   "devDependencies": {
     "artalk": "^2.8.5",

package/src/components/BlogApp.vue

@@ -8,7 +8,7 @@ import BlogHomeInfo from './BlogHomeInfo.vue'
 import BlogHomeBanner from './BlogHomeBanner.vue'
 import BlogList from './BlogList.vue'
 import BlogSidebar from './BlogSidebar.vue'
-import BlogImagePreview from './BlogImagePreview.vue'
+
 import BlogArticleAnalyze from './BlogArticleAnalyze.vue'
 import BlogAlert from './BlogAlert.vue'
 import BlogFooter from './BlogFooter.vue'
@@ -49,8 +49,6 @@ const openTransition = useDarkTransitionConfig()
       <!-- 阅读时间分析 -->
       <ClientOnly>
         <BlogArticleAnalyze />
-        <!-- 图片预览 -->
-        <BlogImagePreview />
       </ClientOnly>
     </template>
 
@@ -128,10 +126,6 @@ const openTransition = useDarkTransitionConfig()
     <!-- content -->
     <template #page-top>
       <slot name="page-top" />
-      <ClientOnly>
-        <!-- 图片预览 -->
-        <BlogImagePreview />
-      </ClientOnly>
     </template>
     <template #page-bottom>
       <slot name="page-bottom" />

package/src/composables/config/index.ts

@@ -5,6 +5,7 @@ import type { Mapping, Repo } from '@giscus/vue'
 import type { Options as Oml2dOptions } from 'oh-my-live2d'
 import type { PagefindConfig } from 'vitepress-plugin-pagefind'
 import type { AnnouncementOptions } from 'vitepress-plugin-announcement'
+import type { ImagePreviewOptions } from 'vitepress-plugin-image-preview'
 
 type RSSPluginOptions = RSSOptions
 
@@ -420,6 +421,10 @@ export namespace Theme {
      */
     alert?: Alert
     popover?: AnnouncementOptions
+    /**
+     * 图片预览插件配置
+     */
+    imagePreview?: ImagePreviewOptions
     friend?: FriendLink[] | FriendConfig
     authorList?: Omit<FriendLink, 'avatar'>[]
     /**

package/src/utils/node/hot-reload-plugin.ts

@@ -1,7 +1,7 @@
 import fs from 'fs'
 import type { PluginOption } from 'vite'
 import type { SiteConfig } from 'vitepress'
-import { grayMatter } from '@sugarat/theme-shared'
+import { grayMatter, normalizePath } from '@sugarat/theme-shared'
 import type { Theme } from '../../composables/config/index'
 import { getArticleMeta } from './theme'
 import { debounce, isEqual } from './index'
@@ -12,7 +12,7 @@ export function themeReloadPlugin() {
   let docsDir: string
 
   const generateRoute = (filepath: string) => {
-    return filepath.replace(docsDir, '').replace('.md', '')
+    return normalizePath(filepath).replace(docsDir, '').replace('.md', '')
   }
 
   return {

package/src/utils/node/vitePlugins.ts

@@ -7,6 +7,7 @@ import type { PluginOption } from 'vite'
 import { cacheAllGitTimestamps, joinPath } from '@sugarat/theme-shared'
 import { AnnouncementPlugin } from 'vitepress-plugin-announcement'
 import { groupIconVitePlugin } from 'vitepress-plugin-group-icons'
+import { ImagePreviewPlugin } from 'vitepress-plugin-image-preview'
 import type { Theme } from '../../composables/config/index'
 import { _require } from './mdPlugins'
 import { themeReloadPlugin } from './hot-reload-plugin'
@@ -18,6 +19,9 @@ export function getVitePlugins(cfg: Partial<Theme.BlogConfig> = {}) {
   // 缓存所有文章的 git 提交时间
   plugins.push(cacheAllGitTimestampsPlugin())
 
+  // 图片预览
+  plugins.push(ImagePreviewPlugin(cfg?.imagePreview))
+
   // 处理自定义主题色
   if (cfg.themeColor) {
     plugins.push(setThemeScript(cfg.themeColor))