【部落格】如何解決部落格文章列表問題（Aroma 與其後發佈之主題）

這文章主要說明一些部落格文章列表問題的解法，你可根據你的需求進行調整原始碼。

此教學僅適用於新版主題（Aroma 與其後發佈之主題）

部落格列表顯示全圖

若你不想部落格列表頁面的圖片自動放大並切割，你可參考以下步驟顯示圖片全圖

前往編輯原始碼 → blog liquid 文件 → 移除 media--landscape



src="{{ article.image.src }}" 前方加上 style="position:unset;"



即會顯示圖片全圖，可是需要注意的是，你的圖片尺寸需要統一化，不然會造成顯示參差不齊

調整部落格文章列表成一行兩個文章排序

前往編輯原始碼 → 找到 blog.liquid 文件 → blog.css 文件 → 找到以下截圖代碼並移除

調小部落格文章列表首圖

前往編輯原始碼 → 找到 template 文件 → blog liquid 文件 → 找到 <img src="{{ article.image.src }}" alt="{{ article.title | escape}}"> → 並更換到 <img src="{{ article.image.src }}" alt="{{ article.title | escape }}" style="position:unset;max-width: 200px; margin: 0 auto;">

更新時間： 18/10/2024