> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

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

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

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

---

### 部落格列表顯示全圖

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

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

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_t2lqt2.png)

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

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1efqxtx.png)

3. 即會顯示圖片全圖，可是需要注意的是，你的圖片尺寸需要統一化，不然會造成顯示參差不齊
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1wntq7o.png)   

 
---

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


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

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_hmoyik.png)


![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_a8weew.png)




---

### 調小部落格文章列表首圖

1.  前往編輯原始碼 → 找到 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;">` 


![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1hv7opt.png)



---