2021-05-09 00:23:31

asset/docsify-quick-page.css

+#prev-page-button {
+	position:fixed;
+	top:140px;
+	width: 35px;
+	height: 35px;
+	right: 15px;
+	background-color: transparent;
+	background-image: url(emoji-up.svg);
+	background-repeat: no-repeat;
+    background-size: cover;
+	border:0;
+	-webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+	outline:none;
+	cursor: pointer;
+	transform: rotate(-90deg);
+}
+
+#next-page-button {
+	position:fixed;
+	top:180px;
+	width:35px;
+	height:35px;
+	right:15px;
+	background-color: transparent;
+	background-image: url(emoji-down.svg);
+	background-repeat: no-repeat;
+    background-size: cover;
+	border:0;
+	-webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+	outline:none;
+	cursor: pointer;
+	transform: rotate(-90deg);
+}
\ No newline at end of file

asset/docsify-quick-page.js

+document.addEventListener('DOMContentLoaded', function() {	
+	var prevBtn = document.createElement("div")
+	prevBtn.id = "prev-page-button"
+	document.body.appendChild(prevBtn)
+	var nextBtn = document.createElement("div");
+	nextBtn.id = "next-page-button"
+    document.body.appendChild(nextBtn)
+
+    var links = null
+	var linkMap = null
+	var getCurIdx = function() {
+		if (!links) {
+			links = Array
+				.from(document.querySelectorAll(".sidebar-nav a"))
+				.map(x => x.href)
+			linkMap = {}
+			links.forEach((x, i) => linkMap[x] = i)
+		}
+		
+		var elem = document.querySelector(".active a")
+		var curIdx = elem? linkMap[elem.href]: -1
+		return curIdx
+	}
+
+	prevBtn.addEventListener('click', function () {
+		if (!document.body.classList.contains('ready'))
+			return
+		var curIdx = getCurIdx()
+		location.href = curIdx == -1? 
+			links[0]: 
+			links[(curIdx - 1 + links.length) % links.length]
+		document.body.scrollIntoView()
+	}, false)
+	
+	nextBtn.addEventListener('click', function () {
+		if (!document.body.classList.contains('ready'))
+			return
+		var curIdx = getCurIdx()
+		location.href = links[(curIdx + 1) % links.length]
+		document.body.scrollIntoView()
+	}, false)
+})
\ No newline at end of file

asset/emoji-down.svg

+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="64pt" height="64pt" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg">
+<g id="#6386a6ff">
+<path fill="#6386a6" opacity="1.00" d=" M 12.48 3.65 C 24.31 2.95 36.22 3.54 48.08 3.35 C 54.50 2.85 60.77 8.41 60.66 14.93 C 60.72 26.30 60.64 37.67 60.61 49.04 C 60.77 55.16 55.14 60.83 49.00 60.63 C 37.63 60.66 26.26 60.67 14.89 60.62 C 8.81 60.76 3.24 55.15 3.38 49.06 C 3.36 37.66 3.27 26.26 3.35 14.86 C 3.29 9.59 7.45 4.86 12.48 3.65 M 7.10 11.78 L 6.75 11.93 C 5.01 15.43 6.13 19.37 6.33 23.06 C 6.20 28.36 12.36 31.08 16.94 30.53 C 19.90 30.86 23.74 29.20 25.91 31.97 C 22.62 32.11 19.34 32.19 16.06 32.16 C 21.37 38.50 26.69 44.84 32.00 51.19 C 37.31 44.84 42.63 38.50 47.94 32.16 C 44.65 32.20 41.36 32.10 38.07 31.97 C 40.31 29.21 44.08 30.83 47.10 30.53 C 51.68 31.04 57.90 28.35 57.68 23.01 C 57.92 19.29 58.92 15.37 57.26 11.83 L 56.87 11.68 C 55.00 8.63 51.87 6.08 48.12 6.21 C 37.40 6.08 26.66 6.08 15.93 6.20 C 12.14 6.07 8.93 8.64 7.10 11.78 Z" />
+</g>
+<g id="#ffffffff">
+<path fill="#ffffff" opacity="1.00" d=" M 7.10 11.78 C 8.93 8.64 12.14 6.07 15.93 6.20 C 26.66 6.08 37.40 6.08 48.12 6.21 C 51.87 6.08 55.00 8.63 56.87 11.68 C 53.76 10.71 51.53 7.73 48.06 7.80 C 37.71 7.50 27.33 7.68 16.98 7.71 C 13.09 7.39 10.42 10.42 7.10 11.78 Z" />
+<path fill="#ffffff" opacity="1.00" d=" M 25.62 13.03 C 29.87 13.00 34.13 13.00 38.38 13.03 C 38.33 19.36 38.32 25.70 37.98 32.03 L 38.07 31.97 C 41.36 32.10 44.65 32.20 47.94 32.16 C 42.63 38.50 37.31 44.84 32.00 51.19 C 26.69 44.84 21.37 38.50 16.06 32.16 C 19.34 32.19 22.62 32.11 25.91 31.97 L 26.01 32.06 C 25.68 25.72 25.66 19.37 25.62 13.03 Z" />
+</g>
+<g id="#99b6d1ff">
+<path fill="#99b6d1" opacity="1.00" d=" M 7.10 11.78 C 10.42 10.42 13.09 7.39 16.98 7.71 C 27.33 7.68 37.71 7.50 48.06 7.80 C 51.53 7.73 53.76 10.71 56.87 11.68 L 57.26 11.83 C 58.92 15.37 57.92 19.29 57.68 23.01 C 57.90 28.35 51.68 31.04 47.10 30.53 C 44.08 30.83 40.31 29.21 38.07 31.97 L 37.98 32.03 C 38.32 25.70 38.33 19.36 38.38 13.03 C 34.13 13.00 29.87 13.00 25.62 13.03 C 25.66 19.37 25.68 25.72 26.01 32.06 L 25.91 31.97 C 23.74 29.20 19.90 30.86 16.94 30.53 C 12.36 31.08 6.20 28.36 6.33 23.06 C 6.13 19.37 5.01 15.43 6.75 11.93 L 7.10 11.78 Z" />
+</g>
+</svg>

asset/emoji-up.svg

+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="64pt" height="64pt" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg">
+<g id="#6487a7ff">
+<path fill="#6487a7" opacity="1.00" d=" M 12.47 3.65 C 24.28 2.96 36.17 3.54 48.02 3.35 C 54.47 2.79 60.72 8.40 60.66 14.91 C 60.71 26.28 60.64 37.65 60.61 49.03 C 60.78 55.15 55.15 60.81 49.02 60.63 C 37.65 60.65 26.28 60.66 14.90 60.63 C 8.80 60.75 3.20 55.12 3.39 49.00 C 3.36 37.65 3.29 26.30 3.34 14.95 C 3.28 9.67 7.41 4.85 12.47 3.65 M 7.16 11.70 L 6.82 11.80 C 4.83 15.60 6.64 19.87 6.44 23.91 C 6.61 28.17 11.40 29.74 14.84 30.72 C 17.07 28.45 19.10 26.00 21.46 23.86 L 21.57 25.57 C 19.73 27.82 17.87 30.05 15.89 32.18 C 19.13 32.13 22.37 32.17 25.62 32.20 C 25.64 38.52 25.73 44.83 25.66 51.15 C 29.89 51.19 34.11 51.19 38.34 51.15 C 38.27 44.84 38.36 38.52 38.38 32.20 C 41.62 32.17 44.86 32.14 48.11 32.18 C 46.14 30.06 44.28 27.84 42.46 25.60 L 42.41 23.71 C 44.79 25.89 46.88 28.35 49.06 30.72 C 52.52 29.74 57.36 28.26 57.55 23.96 C 57.33 19.90 59.17 15.62 57.18 11.81 L 56.84 11.71 C 55.05 8.58 51.80 6.07 48.06 6.20 C 37.35 6.09 26.63 6.09 15.92 6.20 C 12.17 6.06 8.97 8.60 7.16 11.70 Z" />
+<path fill="#6487a7" opacity="1.00" d=" M 22.28 24.67 C 21.65 22.20 24.44 19.81 26.71 19.29 C 25.18 21.04 23.73 22.86 22.28 24.67 Z" />
+<path fill="#6487a7" opacity="1.00" d=" M 37.26 19.26 C 39.57 19.85 42.16 22.07 41.70 24.65 C 40.25 22.83 38.79 21.02 37.26 19.26 Z" />
+</g>
+<g id="#ffffffff">
+<path fill="#ffffff" opacity="1.00" d=" M 7.16 11.70 C 8.97 8.60 12.17 6.06 15.92 6.20 C 26.63 6.09 37.35 6.09 48.06 6.20 C 51.80 6.07 55.05 8.58 56.84 11.71 C 54.64 11.40 53.39 9.32 51.41 8.55 C 49.37 7.72 47.14 7.64 44.98 7.63 C 36.31 7.67 27.65 7.67 18.98 7.63 C 16.82 7.64 14.60 7.73 12.57 8.55 C 10.60 9.32 9.35 11.41 7.16 11.70 Z" />
+<path fill="#ffffff" opacity="1.00" d=" M 26.71 19.29 C 28.60 17.39 30.27 15.29 32.00 13.24 C 33.72 15.28 35.38 17.37 37.26 19.26 C 38.79 21.02 40.25 22.83 41.70 24.65 C 41.95 24.97 42.20 25.29 42.46 25.60 C 44.28 27.84 46.14 30.06 48.11 32.18 C 44.86 32.14 41.62 32.17 38.38 32.20 C 38.36 38.52 38.27 44.84 38.34 51.15 C 34.11 51.19 29.89 51.19 25.66 51.15 C 25.73 44.83 25.64 38.52 25.62 32.20 C 22.37 32.17 19.13 32.13 15.89 32.18 C 17.87 30.05 19.73 27.82 21.57 25.57 C 21.81 25.27 22.05 24.97 22.28 24.67 C 23.73 22.86 25.18 21.04 26.71 19.29 Z" />
+</g>
+<g id="#9cb8d3ff">
+<path fill="#9cb8d3" opacity="1.00" d=" M 12.57 8.55 C 14.60 7.73 16.82 7.64 18.98 7.63 C 27.65 7.67 36.31 7.67 44.98 7.63 C 47.14 7.64 49.37 7.72 51.41 8.55 C 53.39 9.32 54.64 11.40 56.84 11.71 L 57.18 11.81 C 59.17 15.62 57.33 19.90 57.55 23.96 C 57.36 28.26 52.52 29.74 49.06 30.72 C 46.88 28.35 44.79 25.89 42.41 23.71 L 42.46 25.60 C 42.20 25.29 41.95 24.97 41.70 24.65 C 42.16 22.07 39.57 19.85 37.26 19.26 C 35.38 17.37 33.72 15.28 32.00 13.24 C 30.27 15.29 28.60 17.39 26.71 19.29 C 24.44 19.81 21.65 22.20 22.28 24.67 C 22.05 24.97 21.81 25.27 21.57 25.57 L 21.46 23.86 C 19.10 26.00 17.07 28.45 14.84 30.72 C 11.40 29.74 6.61 28.17 6.44 23.91 C 6.64 19.87 4.83 15.60 6.82 11.80 L 7.16 11.70 C 9.35 11.41 10.60 9.32 12.57 8.55 Z" />
+</g>
+</svg>

index.html

@@ -52,5 +52,7 @@
   <script src="asset/docsify-cnzz.js"></script>
   <script src="asset/docsify-apachecn-footer.js"></script>
   <script src="asset/docsify-clicker.js"></script>
+  <link rel="stylesheet" href="asset/docsify-quick-page.css">
+  <script src="asset/docsify-quick-page.js"></script>
 </body>
 </html>
\ No newline at end of file