about 10 years ago

Logdown出新功能的速度真的是超快的

剛從Octopress搬過來沒多久,blogger 匯入的功能也出來了

手癢就把blogger的文章匯入過來看看

原來在blogger的文章都是用小圖

import到logdown就都是大圖,以文章為主的感覺很不一樣

就有反思過本來blogger是生活、旅遊、雜感相關的文章,原來的兩欄式配置是否適合

於是也就去blogger templates找了一些theme

修改成像這樣

其中為了想讓blogger的圖片預設都是大圖,而非本來default的"中"size

爬了不少文章,但大部分的解答的結果圖放大後解析度沒跟著放大,因此變大後的圖片都是模糊的

最後在google論壇上找到了正解:在blogger的css中<body>後插入以下code

<script language='javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>//<![CDATA[
$(document).ready(function() {
// set max dimension
var dimension = 550;
 
$('.post-body').find('img').each(function(n,image){
               var image = $(image);
               image.attr({src : image.attr('src').replace(/s\B\d{3,4}/,'s' + dimension)}); 
               image.attr('width','auto');
               image.attr('height','auto');
});
});
//]]></script>

就可以將blogger的圖都預設為自己想要的大小(code中是設為550)

//return end 的按鈕是在此篇文章

參考How to add smooth scrolling Back to Top Button for Blogger 所修改的 (改圖、在css裡增加End的tag)


過程中不斷在想,blog是要文章為主的一欄式,還是功能性居多的兩欄式文章

現在甚麼都講迅速,很多看食記文大部分都是迅速掃過看到幾章不錯的美食照片

就覺得這家不錯,下次試試,然後馬上要找這家店的地址相關資訊;而不是細細去看所有的照片還有文字

因此還是把原來有許多食記的blog定在兩欄式,方便大家看文章旁邊也可很迅速分類搜尋

而tech的blog還是維持在logdown的一欄式以文章為主的風格

然後對於本來的blog稍微改了一下參數,把文章版面放大,與功能列的距離加寬

比起本來的配置

希望現在的版型有更適合閱讀

這次修改版面配置的過程中,問了不少人對於各種版型的看法

算是未來在設計網站上面一次很寶貴的使用者經驗分析!

題外話:用了第二個blog來玩玩,雖然在最後reset的時候沒仔細看按鈕連結,

誤把tech這個blog給清空了,不過後來寄信給xdite反應bug,官方很快就修復了,也很感謝把文章撈回來

← blogger 文章 test 回首 →
 
comments powered by Disqus