먼저 나나스킨님 Q&A 글에 댓글 남겨주신 츞스님께 감사드립니다!

 

먼저 스킨편집에 들어가셔서 ctrl+f를 눌려줍니다!

 

여기서 $(".grid-item").each(function(index){ 를 입력하고 검색해주세요!

 

그럼

	$(".grid-item").each(function(index){
		var a = $(this).find("a").attr("href");
		var b = $(this);
		var i = $(this).find("img.thumb");
		$.ajax({
			url: a,
			type: "GET",
			dataType: "html",
			success:function(c)
			{
				var bool = false;
				var d = c.indexOf('<!-- BEGIN STRUCTURED_DATA -->', 0);
				if (d < 10000) {
					var e = c.indexOf('<!-- END STRUCTURED_DATA -->', c);
					var json = JSON.parse(c.substring(d+67, e-11));
					if (json.image.url != "https://t1.daumcdn.net/cssjs/icon/557567EA016E200001") {
						i.attr("src", "http://i1.daumcdn.net/thumb/R400x0/?fname="+json.image.url);
						bool = true;
					}
				}
				if (!bool) {
					c = c.substring(c.indexOf('<div id="container">', 0), c.indexOf('<!-- container close -->', 0));
					if (c.indexOf('<!--2-7. 보호 글-->', 0) == -1) {
						var f = c.indexOf('<!--글 시작-->', 0);
						var g = c.indexOf('<!--글 끝-->', f);
						var html = c.substring(f, g);
						var img = html.match(/<img(.*?)>/)[0];
						if (img.indexOf('신고') == -1 && img.indexOf('tistory_admin') == -1) {
							var img_url = /src="(.*?)"/.exec(img);
							i.attr("src", "http://i1.daumcdn.net/thumb/R400x0/?fname="+img_url[1]);
						} else {
							if (html.indexOf('//www.youtube.com/embed') != -1) {
								var h = /\/\/www.youtube.com\/embed\/(.*?)"/g.exec(html)[1];
								h = 'http://img.youtube.com/vi/'+h.split("?")[0]+'/maxresdefault.jpg';
								var tmpImg = new Image();
								tmpImg.src = h;
								$(tmpImg).one('load', function(){
									if (tmpImg.width == 120)
										h = h.replace("maxresdefault", "hqdefault");
									i.attr("src", "http://i1.daumcdn.net/thumb/R400x0/?fname="+h);
								});
							} else {
								if (typeof jwplayer !== 'undefined')
									var jw = /jwplayer\(.*?\).setup\({([\S\s]*?)}\);/.exec(html);
								if (typeof jw != 'undefined' && jw != null)
									var jwimg = /image.*?:.*?['|"](.*?)['|"]/.exec(jw[1]);
								if (typeof jwimg != 'undefined' && jwimg != null) {
									i.attr("src", "http://i1.daumcdn.net/thumb/R400x0/?fname="+jwimg[1]);
								} else {
									if (typeof SC !== 'undefined' && html.indexOf('src="https://w.soundcloud.com/') != -1) {
										var j = /src="https:\/\/w.soundcloud.com\/player(.*?)"/.exec(html)[0];
										SC.get(/api.soundcloud.com(.*?)&/.exec(j)[1], function(track) {
											var SC_img = track.artwork_url;
											if (SC_img != null) {
												SC_img = track.artwork_url.replace("large","crop");
												i.attr("src", "http://i1.daumcdn.net/thumb/R400x0/?fname="+SC_img);
											} else {
												b.removeClass('isimg').addClass('noimg');
												i.removeAttr("src");
											}
										});
									} else {
										b.removeClass('isimg').addClass('noimg');
										i.removeAttr("src");
									}
								}
							}
						}
					} else {
						b.removeClass('isimg').addClass('noimg');
						i.removeAttr("src");
					}
				}
			}
		});
	});
	$('.grid').prepend('<li class="gutter-sizer"></li>');
	var $grid = $('.grid').imagesLoaded( function() {
		$grid.masonry({
			itemSelector: '.grid-item',
			columnWidth: '.grid-item',
			gutter: '.gutter-sizer',
			percentPosition: true
		});
		var count = 0;
		var repeat = setInterval(function(){
			$grid.masonry('layout');
			count++;
			if (count == 4) clearInterval(repeat);
		}, 900);
	});
});
</script>
</body>
</html>

이렇게 나열 돼있는 것을 다 지워주시고

 

	$(".grid-item").each(function(index){
		var a = $(this).find("a").attr("href");
		var b = $(this);
		var i = $(this).find("img.thumb");
		$.ajax({
			url: a,
			type: "GET",
			dataType: "html",
			success:function(c)
			{
				var find = false;
				var h = /<head>[\s\S]*?<\/head>/.exec(c)[0];
				var d = /<!-- BEGIN STRUCTURED_DATA -->\n<script type="application\/ld\+json">([\s\S]*?)<\/script>\n<!-- END STRUCTURED_DATA -->/.exec(h);
				if (d != null) { // 비공글 아닐시 파싱
					var json = JSON.parse(d[1]);
					if (json.image.url != "https://t1.daumcdn.net/cssjs/icon/557567EA016E200001") {
						i.attr("src", "http://i1.daumcdn.net/thumb/R400x0/?fname="+json.image.url);
						find = true;
					}
				}
				// 비공글이거나 못 찾았으면
				if (!find) {
					c = /<div id="content">([\s\S]*?)<!-- content close -->/.exec(c)[1];
					if (c.indexOf('<!--2-7. 보호 글-->') == -1) { //보호글 아닐시 실행
						c = /<!--글 시작-->([\s\S]*?)<!--글 끝-->/.exec(c)[1];
						var img = /<img.*?src=['|"](.*?)['|"]/.exec(c);
						if (img != null && img[1].indexOf('tistory_admin') == -1) {
							i.attr("src", "http://i1.daumcdn.net/thumb/R400x0/?fname="+img[1]);
						} else {
							if (c.indexOf('<iframe') != -1) {
								if (c.indexOf('www.youtube.com/embed') != -1) { // 유튜브 우선
									var y = /<iframe.*?youtube.com\/embed\/(.*?)".*?<\/iframe>/.exec(c);
									var yW = Number(/width="(.*?)"/.exec(y[0])[1]);
									var yH = Number(/height="(.*?)"/.exec(y[0])[1]);
									var yratio = (yH/yW)*100;
									y = '<div class="video-container" style="padding-bottom:'+yratio+'%;"><iframe src="https://www.youtube.com/embed/'+y[1].split("?")[0]+'?modestbranding=1&showinfo=0&theme=light&rel=0&controls=0" frameborder="0"></iframe></div>';
								} else {
									var y = /<iframe.*?<\/iframe>/.exec(c)[0];
									var yW = /width="(.*?)"/.exec(y);
									if (yW != null && yW[1].indexOf('%') == -1) {
										var yH = Number(/height="(.*?)"/.exec(y)[1]);
										var yratio = (yH/Number(yW[1]))*100;
									} else {
										var yratio = 56.25;
									}
									y = '<div class="video-container" style="padding-bottom:'+yratio+'%;">'+y+'</div>';
								}
								i.replaceWith(y);
							} else {
								if (typeof jwplayer != 'undefined' && jwplayer.key)
									var jw = /jwplayer\(['|"](.*?)['|"]\).setup\({([\S\s]*?)}\);/.exec(c);
								if (typeof jw != 'undefined' && jw != null) {
									var elemId = "player"+index;
									b.find('.thumbWrap').append('<div id="'+elemId+'"></div>');
									i.remove();
									eval(jw[0].replace(jw[1], elemId).replace(jw[2], jw[2]+'\n, autostart: "false", displaytitle: "false"'));
									b.find('a').click(function(e){
										e.preventDefault();
										if (e.target.className == null || e.target.className.indexOf('jw') == -1)
											location.href = e.currentTarget.href;
									});
								} else {
									if (typeof SC !== 'undefined' && c.indexOf('src="https://w.soundcloud.com/') != -1) {
										var s = /src="https:\/\/w.soundcloud.com\/player(.*?)"/.exec(c)[0];
										SC.get(/api.soundcloud.com(.*?)&/.exec(s)[1], function(track) {
											var SC_img = track.artwork_url;
											if (SC_img != null) {
												SC_img = track.artwork_url.replace("large","crop");
												i.attr("src", "http://i1.daumcdn.net/thumb/R400x0/?fname="+SC_img);
											} else {
												b.removeClass('isimg').addClass('noimg');
												i.removeAttr("src");
												var m = /<meta property="og:description" content="(.*?)[">]/.exec(h);
												if (m != null && m[1] != '') {
													if(m[1].length > 100) m[1] = m[1].substring(0,100)+'..';
													m = '<div class="list-desc">'+m[1]+'</div>';
													b.find('.list-con').append(m);
												}
											}
										});
									} else {
										b.removeClass('isimg').addClass('noimg');
										i.removeAttr("src");
										var m = /<meta property="og:description" content="(.*?)[">]/.exec(h);
										if (m != null && m[1] != '') {
											if(m[1].length > 100) m[1] = m[1].substring(0,100)+'..';
											m = '<div class="list-desc">'+m[1]+'</div>';
											b.find('.list-con').append(m);
										}
									}
								}
							}
						}
					} else {
						// 보호글
						b.removeClass('isimg').addClass('noimg');
						i.removeAttr("src");
					} 
				}
			}
		});
	});
	$('.grid').prepend('<li class="gutter-sizer"></li>');
	var $grid = $('.grid').imagesLoaded( function() {
		$grid.masonry({
			itemSelector: '.grid-item',
			columnWidth: '.grid-item',
			gutter: '.gutter-sizer',
			percentPosition: true
		});
		var count = 0;
		var repeat = setInterval(function(){
			$grid.masonry('layout');
			count++;
			if (count == 4) clearInterval(repeat);
		}, 900);
	});
});
</script>
</body>
</html>

이걸로 붙여주시면 됩니다!

 

그러면

 

원래대로 썸네일이 잘 나와요!

 

갑자기 오류나고 저도 어떻게 할 줄 몰라서 내팽겨쳤던 부분인데

다들 고통스러워 하셔서 글 써요!

 

다시 한 번 방법 알려주신 츞스님께 감사드리며 좋은 하루 보내세요!

'OTHER' 카테고리의 다른 글

250420 인기가요 리쿠  (0) 2025.04.22
201225 가요대전 쯔위  (0) 2020.12.26
201206 MAMA 트와이스  (0) 2020.12.17