🌈 style: 图片加载动画

Author: MaLuns

packages/hexo-theme-async/scripts/filters/index.js

@@ -1,5 +1,5 @@
 hexo.extend.filter.register('after_post_render', data => {
-	let replaceText = ` data-tag='post-image'`;
+	let replaceText = ` data-tag='post-image' onload='this.onload=null;this.style.opacity=1;'`;
 
 	// img lazyload
 	if (hexo.theme.config.lazyload && hexo.theme.config.lazyload.enable) {

packages/hexo-theme-async/source/css/_components/publication.less

@@ -59,6 +59,7 @@
 	[data-tag="post-image"] {
 		cursor: zoom-in;
 		transition: 0.2s;
+		opacity: 0;
 
 		&:hover {
 			filter: blur(0) brightness(0.75);