fix: blog image lazyload

Naccl · Naccl · commit d07f92cb2d94 · 2024-09-24T19:52:51.000+08:00
diff --git a/blog-api/src/main/java/top/naccl/util/markdown/MarkdownUtils.java b/blog-api/src/main/java/top/naccl/util/markdown/MarkdownUtils.java
@@ -6,6 +6,7 @@
 import org.commonmark.ext.gfm.tables.TablesExtension;
 import org.commonmark.ext.heading.anchor.HeadingAnchorExtension;
 import org.commonmark.ext.task.list.items.TaskListItemsExtension;
+import org.commonmark.node.Image;
 import org.commonmark.node.Link;
 import org.commonmark.node.Node;
 import org.commonmark.parser.Parser;
@@ -70,6 +71,12 @@ public AttributeProvider create(AttributeProviderContext context) {
 	private static class CustomAttributeProvider implements AttributeProvider {
 		@Override
 		public void setAttributes(Node node, String tagName, Map<String, String> attributes) {
+			// &#20026;&#25042;&#21152;&#36733;&#25552;&#20379;&#23646;&#24615;
+			if (node instanceof Image) {
+				Image n = (Image) node;
+				attributes.put("data-src", n.getDestination());
+				attributes.remove("src");
+			}
 			//&#25913;&#21464;a&#26631;&#31614;&#30340;target&#23646;&#24615;&#20026;_blank
 			if (node instanceof Link) {
 				Link n = (Link) node;
diff --git a/blog-view/src/views/blog/Blog.vue b/blog-view/src/views/blog/Blog.vue
@@ -151,7 +151,6 @@
 				const token = adminToken ? adminToken : (blogToken ? blogToken : '')
 				getBlogById(token, id).then(res => {
 					if (res.code === 200) {
-						res.data.content = letsLazyload(res.data.content)
 						this.blog = res.data
 						document.title = this.blog.title + this.siteInfo.webTitleSuffix
 						//v-html&#28210;&#26579;&#23436;&#27605;&#21518;&#65292;&#28210;&#26579;&#20195;&#30721;&#22359;&#26679;&#24335;
