image-zoomを導入

1 files changed, 13 insertions, 0 deletions

diff --git a/docusaurus.config.js b/docusaurus.config.js
index 570112a1..ab11d4ee 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -39,6 +39,9 @@ const config = {
   themes: [
     '@docusaurus/theme-mermaid',
   ],
+  plugins: [
+    'docusaurus-plugin-image-zoom',
+  ],
 
   markdown: {
     mermaid: true,
@@ -206,6 +209,16 @@ const config = {
         // Optional: path for search page that enabled by default (`false` to disable it)
         searchPagePath: 'search',
       },
+      zoom: {
+        selector: '.markdown img',
+        background: {
+          light: 'rgb(255, 255, 255)',
+          dark: 'rgb(50, 50, 50)'
+        },
+        config: {
+          // options you can specify via https://github.com/francoischalifour/medium-zoom#usage
+        }
+      },
     }),
 };