feat: img enlarge

layout/_partial/scripts.ejs

@@ -171,3 +171,10 @@
 <% (config.import.script||[]).forEach(function(item){ %>
 <%- item %><% }) %>
 <% } %>
+
+<!-- fancybox start -->
+<script src="/js/fancybox-use.js"></script>
+
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
+<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
+<!-- fancybox end -->

source/js/fancybox-use.js

@@ -0,0 +1,13 @@
+// 集成fancybox, 为所有img元素添加父元素
+$("img").each(function () {
+   	var value = $(this).attr("class");
+   	// 头像不进行放大
+   	if(value === "avatar") {
+   		return ture;
+   	}
+
+    var element = document.createElement("a");
+    $(element).attr("data-fancybox", "gallery");
+    $(element).attr("href", $(this).attr("src"));
+    $(this).wrap(element);
+});