gitea-yuany3721/vuepress-theme-plume
1
0
Fork 1
mirror of https://github.com/pengzhanbo/vuepress-theme-plume.git synced 2026-04-23 10:58:13 +08:00
Code Issues Packages Projects Releases Wiki Activity
vuepress-theme-plume/docs/en/guide/features/image-preview.md
pengzhanbo 385059f214
docs: update en docs (#708) 
* docs: update en docs

* chore: tweak

* chore: tweak

* chore: tweak
2025-10-09 15:46:05 +08:00

1.5 KiB
Raw Blame History

title, icon, createTime, permalink
title icon createTime permalink
Image Preview ri:image-line 2025/10/08 20:46:17 /en/guide/features/image-preview/

In the theme, images support click-to-enlarge preview by default. A preview list is generated by scanning images within the document content.

This feature is powered by the @vuepress/plugin-photo-swipe plugin.

Configuration

Image preview is enabled by default. The behavior can be modified through the following configuration:

export default defineUserConfig({
  theme: plumeTheme({
    plugins: {
      photoSwipe: {
        // Image selector
        selector: '.vp-doc :not(a) > img:not([no-view],.no-view,.ignore)',
        download: true, // Whether to show the download button
        fullscreen: true, // Whether to show the fullscreen button
        scrollToClose: true, // Whether to close the current image when scrolling
      }
    }
  })
})

For more configuration options, please refer to @vuepress/plugin-photo-swipe.

Ignoring Image Preview

Image preview can be disabled by using the no-view or ignore class names, or the no-view attribute.

![](path/to/image){.no-view}
![](path/to/image){.ignore}
![](path/to/image){no-view}

<img src="path/to/image" class="no-view">
<img src="path/to/image" class="ignore">
<img src="path/to/image" no-view>