寫部落格已經好長一段時間，也換過幾次免費的模版，目前這個模版是我覺得畫面乾淨簡潔的一個，也是用得最久的一個，可是有個問題一直困擾我的是，文章瀏覽的縮圖會模糊不清，原想不要去理會他，可是越看越覺得「不舒服」，於是動手找看看原始程式碼，有沒有辦法解決這個問題。如下圖文章列表左方的縮圖都是模糊的。
在找程式碼時，我用幾個特定的關鍵字去找，例如縮圖的大小是72px x 72px，用"72"去搜尋，沒找到顯示索引文章的那段程式，再用圖片的檔名去找....等試了好幾個方法，終於找到一段 可能跟縮圖有關的關鍵字「bp_thumbnail_resize」，看了一下前後的邏輯，應該就是這裡沒錯了。
於是動手找網路上遇到相同問題的高手來幫忙解決，找了幾篇文章，試著依照文章提的方法修改，但都失敗。最後找到這篇文章：主頁（網格）上的縮略圖圖像現在出現 才終於解決圖片模糊的問題。
修改的方法是先找到以下這行程式：
我將這行先前後先加上註解符號(/* ... */)，避免改錯要復原時，忘了原先的程式碼。 再加上以下這段程式碼在上面那行程式下方，存檔就大功告成了。
重新進入我的部落格，縮圖都變清晰了。
在找程式碼時，我用幾個特定的關鍵字去找，例如縮圖的大小是72px x 72px，用"72"去搜尋，沒找到顯示索引文章的那段程式，再用圖片的檔名去找....等試了好幾個方法，終於找到一段 可能跟縮圖有關的關鍵字「bp_thumbnail_resize」，看了一下前後的邏輯，應該就是這裡沒錯了。
於是動手找網路上遇到相同問題的高手來幫忙解決，找了幾篇文章，試著依照文章提的方法修改，但都失敗。最後找到這篇文章：主頁（網格）上的縮略圖圖像現在出現 才終於解決圖片模糊的問題。
修改的方法是先找到以下這行程式：
document.write(bp_thumbnail_resize("<data:post.thumbnailUrl/>",'<data:post.title/>'));
我將這行先前後先加上註解符號(/* ... */)，避免改錯要復原時，忘了原先的程式碼。 再加上以下這段程式碼在上面那行程式下方，存檔就大功告成了。
<b:if cond='data:post.thumbnailUrl'>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url, post_title) {
image_tag = '<img src="' + image_url +
'" class="postthumb" width="370" height="200" alt="' + post_title + '" title="' + post_title + '"/>';
if(image_url != "") return image_tag;
else return "";
}
//]]>
</script>
<a expr:href='data:post.url'>
<script type='text/javascript'>
document.write(bp_thumbnail_resize("<b:eval expr='resizeImage(data:post.thumbnailUrl,340,"1:1")'/>","<data:post.title/>"));
</script>
</a>
<b:else/>
<a expr:href='data:post.url'><img class='postthumb' expr:alt='data:post.title' expr:title='data:post.title' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWspRN6t8DzYitscScJbhesj68LAU2xFQnJaU6R5KmZHpGO5NozutxxMMVpk9MG_rYyeW192Rp_v8SumnXkKzXuVdYNbXSu8HEaC8DJQ9eTU_oWoGkXqKjLdXHYwCGWerNYkEKTylTad1o/s1600/candid-opinions-logo.png'
width='150' /></a>
</b:if>
重新進入我的部落格，縮圖都變清晰了。
張貼留言