[jekyll] 02 設定 /posts/ 頁面的內容

以下是設定 Jekyll /posts/ 頁面內容的步驟:

  1. 創建 posts 頁面
    _pages 目錄中創建一個 posts.md 文件,並添加以下內容:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    ---
    layout: page
    title: "所有文章"
    permalink: /posts/
    ---

    <div class="posts">
    <h1>{{ page.title }}</h1>
    <ul class="post-list">
    {% for post in site.posts %}
    <li>
    <span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
    <h2>
    <a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
    </h2>
    </li>
    {% endfor %}
    </ul>
    </div>
  2. **更新 _config.yml**:
    確保您的 _config.yml 文件中有以下設置:

    1
    2
    3
    4
    header_pages:
    - about.md
    - index.md
    - posts.md

完成以上步驟後,您的 /posts/ 頁面就會顯示所有的文章列表。


[jekyll] 02 設定 /posts/ 頁面的內容
https://terryyaowork.github.io/blog/20240623/166608104/
作者
Terry Yao
發布於
2024年6月23日
許可協議