Home | About | Posts | English

設定文章的類別 (Category)

2021/07/10
這次要來設定文章的類別 (category),這是為了方便自己或是他人搜尋網頁所做的,我的內容多數參考這個網站,內容相當淺顯易懂。
首先是在文章中加上categories的設定,這個可以在每個文章開頭的YAML文字碼中加入一行字categories: 類別即可,如果要給一個文章指定兩種categories可以使用categories: [類別一, 類別二]這樣。

建立彙整頁面

這點直接複製參考網站上的code並作一點個人的小改變來達成,在repo裡建立一個categories.md檔案並在裡面輸入底下的code。


---
layout: default
permalink: /categories/
title: Categories
---


<div id="archives">
{% for category in site.categories %}
  <div class="archive-group">
    {% capture category_name %}{{ category | first }}{% endcapture %}
    <div id="#{{ category_name | slugize }}"></div>
    <p></p>

    <h3 class="category-head">{{ category_name }}</h3>
    <a name="{{ category_name | slugize }}"></a>
    {% for post in site.categories[category_name] %}
    <article class="archive-item">
      <li>
      <a href="{{ site.baseurl }}{{ post.url }}">{{post.title}}</a>
      </li>
    </article>
    {% endfor %}
  </div>
{% endfor %}
</div>

這個動作很有效,我們完成了一個獨立的頁面,頁面中包含我們所有文章並且按照類別排序,雖然我現在只有一個類別,但會繼續新增的,另外該教學網站還提供針對每種類別設立一個專頁的方法,等我有很多類別與文章後可能再創立新分頁即可,否則現在文章太少相當空虛。