diff --git a/package-lock.json b/package-lock.json
index b6b09639..8251e5c4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14174,6 +14174,15 @@
 				"smoothscroll-polyfill": "^0.4.3"
 			}
 		},
+		"vuepress-plugin-zooming": {
+			"version": "1.1.7",
+			"resolved": "https://registry.npmjs.org/vuepress-plugin-zooming/-/vuepress-plugin-zooming-1.1.7.tgz",
+			"integrity": "sha512-4n65OpjEJh9epJYygaHpni+YDLDZlEmHPVzTEkXz4JilBarWG4xF8g8vv4k/RnSf9W3TvrI/61KCQf2JNKI1HA==",
+			"dev": true,
+			"requires": {
+				"zooming": "^2.1.1"
+			}
+		},
 		"vuex": {
 			"version": "3.5.1",
 			"resolved": "https://registry.npmjs.org/vuex/-/vuex-3.5.1.tgz",
@@ -15065,6 +15074,12 @@
 			"resolved": "https://registry.npmjs.org/zepto/-/zepto-1.2.0.tgz",
 			"integrity": "sha1-4Se9nmb9hGvl6rSME5SIL3wOT5g=",
 			"dev": true
+		},
+		"zooming": {
+			"version": "2.1.1",
+			"resolved": "https://registry.npmjs.org/zooming/-/zooming-2.1.1.tgz",
+			"integrity": "sha512-Z38dkZRQsFNBE67+xDBQLNKMs5J1Gc+s3/zO6iezTrC24VYLJV7YPBdBDJmiLhff5qa6Awxv4wsjqx3oYz2MYA==",
+			"dev": true
 		}
 	}
 }
diff --git a/package.json b/package.json
index 0722de10..f1efe48d 100644
--- a/package.json
+++ b/package.json
@@ -29,7 +29,8 @@
 		"sass-loader": "^9.0.3",
 		"vuepress": "^1.5.3",
 		"vuepress-plugin-clean-urls": "^1.1.1",
-		"vuepress-plugin-container": "^2.1.4"
+		"vuepress-plugin-container": "^2.1.4",
+		"vuepress-plugin-zooming": "^1.1.7"
 	},
 	"dependencies": {
 		"axios": "^0.19.2",
diff --git a/src/.vuepress/config/plugins.js b/src/.vuepress/config/plugins.js
index 9d7951c5..4decc8da 100644
--- a/src/.vuepress/config/plugins.js
+++ b/src/.vuepress/config/plugins.js
@@ -1,5 +1,15 @@
 module.exports = [
 	["@vuepress/back-to-top"],
+	[
+		"vuepress-plugin-zooming",
+		{
+			delay: 1000,
+			options: {
+				bgColor: "black",
+				bgOpacity: "0.8",
+			},
+		},
+	],
 	[
 		"clean-urls",
 		{
@@ -23,8 +33,7 @@ module.exports = [
 		"vuepress-plugin-container",
 		{
 			type: "expander",
-			before: (info) =>
-				`<details class="expander"><summary class="expansion">${info}</summary>`,
+			before: (info) => `<details class="expander"><summary class="expansion">${info}</summary>`,
 			after: "</details>",
 		},
 	],