fix(pagination): 페이지 변경 시 동일 목록 표시되는 버그 수정

paginator.page 기반 offset으로 한국어 포스트 페이지별 분리,
paginate 값 30으로 조정 (7페이지), 페이지네이션 UI 추가

Author: realcoding2003

_config.yml

@@ -44,7 +44,7 @@ plugins:
   - jekyll-paginate
 
 # Pagination
-paginate: 10
+paginate: 30
 paginate_path: "/page:num/"
 
 # Include in processing

assets/css/main.css

@@ -646,6 +646,42 @@ a:hover {
     text-decoration: underline;
 }
 
+/* Pagination */
+.pagination {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: var(--spacing-lg);
+    padding: var(--spacing-xl) 0;
+    margin-top: var(--spacing-lg);
+    border-top: 1px solid var(--border);
+}
+
+.pagination-btn {
+    padding: var(--spacing-sm) var(--spacing-lg);
+    border-radius: var(--radius-md);
+    font-size: var(--font-size-sm);
+    font-weight: 500;
+    color: var(--text-primary);
+    text-decoration: none;
+    transition: background-color 0.2s, color 0.2s;
+}
+
+.pagination-btn:hover {
+    background-color: var(--bg-secondary);
+}
+
+.pagination-btn.disabled {
+    color: var(--text-tertiary);
+    pointer-events: none;
+}
+
+.pagination-info {
+    font-size: var(--font-size-sm);
+    color: var(--text-secondary);
+    font-weight: 500;
+}
+
 /* ===========================
    10. POST & PAGE LAYOUT
    =========================== */

index.html

@@ -27,7 +27,10 @@ <h2>{{ lang_data.posts.recent }}</h2>
 
         <div class="posts-list">
           {% assign korean_posts = site.posts | where: "lang", "ko" %}
-          {% for post in korean_posts limit:20 %}
+          {% assign posts_per_page = 10 %}
+          {% assign current_page = paginator.page | default: 1 %}
+          {% assign offset_val = current_page | minus: 1 | times: posts_per_page %}
+          {% for post in korean_posts limit: posts_per_page offset: offset_val %}
             <article class="post-item">
               <h3 class="post-title">
                 <a href="{{ post.url | relative_url }}">{{ post.title }}</a>
@@ -48,6 +51,35 @@ <h3 class="post-title">
             </article>
           {% endfor %}
         </div>
+
+        {% assign total_korean = korean_posts | size %}
+        {% assign total_pages = total_korean | divided_by: posts_per_page %}
+        {% assign remainder = total_korean | modulo: posts_per_page %}
+        {% if remainder > 0 %}
+          {% assign total_pages = total_pages | plus: 1 %}
+        {% endif %}
+
+        {% if total_pages > 1 %}
+        <nav class="pagination" aria-label="페이지 네비게이션">
+          {% if current_page > 1 %}
+            {% if current_page == 2 %}
+              <a href="/" class="pagination-btn pagination-prev">← {{ lang_data.posts.prev_page | default: "이전" }}</a>
+            {% else %}
+              <a href="/page{{ current_page | minus: 1 }}/" class="pagination-btn pagination-prev">← {{ lang_data.posts.prev_page | default: "이전" }}</a>
+            {% endif %}
+          {% else %}
+            <span class="pagination-btn pagination-prev disabled">← {{ lang_data.posts.prev_page | default: "이전" }}</span>
+          {% endif %}
+
+          <span class="pagination-info">{{ current_page }} / {{ total_pages }}</span>
+
+          {% if current_page < total_pages %}
+            <a href="/page{{ current_page | plus: 1 }}/" class="pagination-btn pagination-next">{{ lang_data.posts.next_page | default: "다음" }} →</a>
+          {% else %}
+            <span class="pagination-btn pagination-next disabled">{{ lang_data.posts.next_page | default: "다음" }} →</span>
+          {% endif %}
+        </nav>
+        {% endif %}
       </section>
     </div>
   </div>