Fix: Update single page

Author: devbattery

_includes/archive-single.html

@@ -1,28 +1,37 @@
 {%- comment -%} Auto teaser by category (fallback when a post has no
-`header.teaser`) - Use `contains` on categories array for reliability (do NOT
-rely on `first`) {%- endcomment -%} {%- assign _auto_teaser =
-'/assets/images/teasers/default.png' -%} {%- if post.categories contains 'TIL'
+`header.teaser`) Based on categories defined in _data/navigation.yml (field:
+category) {%- endcomment -%} {%- assign _auto_teaser =
+'/assets/images/teasers/default.png' -%} {%- assign _cats_joined =
+post.categories | join: '|' | downcase -%} {%- if _cats_joined contains 'til'
 -%} {%- assign _auto_teaser = '/assets/images/teasers/til.png' -%} {%- elsif
-post.categories contains 'Algorithm' -%} {%- assign _auto_teaser =
-'/assets/images/teasers/algorithm.png' -%} {%- elsif post.categories contains
-'DevOps' -%} {%- assign _auto_teaser = '/assets/images/teasers/devops.png' -%}
-{%- elsif post.categories contains 'Java' -%} {%- assign _auto_teaser =
-'/assets/images/teasers/java.png' -%} {%- elsif post.categories contains
-'Spring' -%} {%- assign _auto_teaser = '/assets/images/teasers/spring.png' -%}
-{%- elsif post.categories contains 'Vue' -%} {%- assign _auto_teaser =
-'/assets/images/teasers/vue.png' -%} {%- elsif post.categories contains 'React'
--%} {%- assign _auto_teaser = '/assets/images/teasers/react.png' -%} {%- elsif
-post.categories contains 'ISSUE' -%} {%- assign _auto_teaser =
-'/assets/images/teasers/issue.png' -%} {%- elsif post.categories contains
-'PROGRAMMING' -%} {%- assign _auto_teaser =
-'/assets/images/teasers/programming.png' -%} {%- elsif post.categories contains
-'COMPUTER SCIENCE' -%} {%- assign _auto_teaser = '/assets/images/teasers/cs.png'
--%} {%- endif -%} {%- comment -%} Prefer explicit post teaser; otherwise fall
-back to category teaser; otherwise site teaser. {%- endcomment -%} {%- assign
+_cats_joined contains 'recap' -%} {%- assign _auto_teaser =
+'/assets/images/teasers/recap.png' -%} {%- elsif _cats_joined contains
+'leetcode' -%} {%- assign _auto_teaser = '/assets/images/teasers/leetcode.png'
+-%} {%- elsif _cats_joined contains 'hackerrank' -%} {%- assign _auto_teaser =
+'/assets/images/teasers/hackerrank.png' -%} {%- elsif _cats_joined contains
+'codeforces' -%} {%- assign _auto_teaser =
+'/assets/images/teasers/codeforces.png' -%} {%- elsif _cats_joined contains
+'programmers' -%} {%- assign _auto_teaser =
+'/assets/images/teasers/programmers.png' -%} {%- elsif _cats_joined contains
+'baekjoon' -%} {%- assign _auto_teaser = '/assets/images/teasers/baekjoon.png'
+-%} {%- elsif _cats_joined contains 'inflearn' -%} {%- assign _auto_teaser =
+'/assets/images/teasers/inflearn.png' -%} {%- elsif _cats_joined contains
+'project' -%} {%- assign _auto_teaser = '/assets/images/teasers/project.png' -%}
+{%- elsif _cats_joined contains 'devops' -%} {%- assign _auto_teaser =
+'/assets/images/teasers/devops.png' -%} {%- elsif _cats_joined contains 'java'
+-%} {%- assign _auto_teaser = '/assets/images/teasers/java.png' -%} {%- elsif
+_cats_joined contains 'spring' -%} {%- assign _auto_teaser =
+'/assets/images/teasers/spring.png' -%} {%- elsif _cats_joined contains
+'fastapi' -%} {%- assign _auto_teaser = '/assets/images/teasers/fastapi.png' -%}
+{%- elsif _cats_joined contains 'vue' -%} {%- assign _auto_teaser =
+'/assets/images/teasers/vue.png' -%} {%- elsif _cats_joined contains 'react' -%}
+{%- assign _auto_teaser = '/assets/images/teasers/react.png' -%} {%- elsif
+_cats_joined contains 'network' -%} {%- assign _auto_teaser =
+'/assets/images/teasers/network.png' -%} {%- elsif _cats_joined contains
+'database' -%} {%- assign _auto_teaser = '/assets/images/teasers/database.png'
+-%} {%- elsif _cats_joined contains 'data-structure' -%} {%- assign _auto_teaser
+= '/assets/images/teasers/data-structure.png' -%} {%- endif -%} {%- assign
 teaser = post.header.teaser | default: _auto_teaser | default: site.teaser -%}
-{% if post.id %} {% assign title = post.title | markdownify | remove: "
-<p>" | remove: "</p>
-" %} {% else %} {% assign title = post.title %} {% endif %}
 
 <div class="{{ include.type | default: 'list' }}__item">
   <article