Skip to content

Commit 8b70b3d

Browse files
hhhyunwooclaude
hhhyunwoo
and
claude
committed
Reorganize blog categories and add sidebar toggle
- Restructured 115 posts into organized categories: - daily (13 posts) - mentoring/books (43 posts) - mentoring/translations (6 posts) - mentoring/learning (2 posts) - tech/kubernetes (21 posts) - tech/database (5 posts) - tech/coding (2 posts) - tech/infrastructure (23 posts) - Added collapsible category navigation in sidebar - Implemented custom CSS for category toggle styling - Added JavaScript for smooth expand/collapse functionality - Updated sidebar.html to display hierarchical categories 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
1 parent 312e36c commit 8b70b3d

File tree

121 files changed

+523
-293
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

121 files changed

+523
-293
lines changed

‎_includes/sidebar.html‎

Lines changed: 173 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,173 @@
1+
<!--
2+
The Side Bar
3+
-->
4+
5+
<div id="sidebar" class="d-flex flex-column align-items-end" lang="{{lang}}">
6+
<div class="profile-wrapper text-center">
7+
<div id="avatar">
8+
<a href="{{ '/' | relative_url }}" alt="avatar" class="mx-auto">
9+
{% if site.avatar != '' and site.avatar %}
10+
{% capture avatar_url %}
11+
{%- if site.avatar contains '://' -%}
12+
{{ site.avatar }}
13+
{%- elsif site.img_cdn != '' and site.img_cdn -%}
14+
{{ site.avatar | prepend: site.img_cdn }}
15+
{%- else -%}
16+
{{ site.avatar | relative_url }}
17+
{%- endif -%}
18+
{% endcapture %}
19+
<img src="{{ avatar_url }}" alt="avatar" onerror="this.style.display='none'">
20+
{% endif %}
21+
</a>
22+
</div>
23+
24+
<div class="site-title mt-3">
25+
<a href="{{ '/' | relative_url }}">{{ site.title }}</a>
26+
</div>
27+
<div class="site-subtitle font-italic">{{ site.tagline }}</div>
28+
29+
</div><!-- .profile-wrapper -->
30+
31+
<ul class="w-100">
32+
33+
<!-- home -->
34+
<li class="nav-item{% if page.layout == 'home' %}{{ " active" }}{% endif %}">
35+
<a href="{{ '/' | relative_url }}" class="nav-link">
36+
<i class="fa-fw fas fa-home ml-xl-3 mr-xl-3 unloaded"></i>
37+
<span>{{ site.data.locales[lang].tabs.home | upcase }}</span>
38+
</a>
39+
</li>
40+
<!-- the real tabs -->
41+
{% for tab in site.tabs %}
42+
<li class="nav-item{% if tab.url == page.url %}{{ " active" }}{% endif %}">
43+
<a href="{{ tab.url | relative_url }}" class="nav-link">
44+
<i class="fa-fw {{ tab.icon }} ml-xl-3 mr-xl-3 unloaded"></i>
45+
{% capture tab_name %}{{ tab.url | split: '/' }}{% endcapture %}
46+
47+
<span>{{ site.data.locales[lang].tabs.[tab_name] | default: tab.title | upcase }}</span>
48+
</a>
49+
</li> <!-- .nav-item -->
50+
{% endfor %}
51+
52+
<!-- Categories with collapsible subcategories -->
53+
<li class="nav-item">
54+
<a href="#categoriesSubmenu" data-toggle="collapse" aria-expanded="false" class="nav-link dropdown-toggle">
55+
<i class="fa-fw fas fa-folder ml-xl-3 mr-xl-3 unloaded"></i>
56+
<span>CATEGORIES</span>
57+
</a>
58+
<ul class="collapse list-unstyled" id="categoriesSubmenu" style="padding-left: 20px;">
59+
<!-- Daily -->
60+
<li class="nav-item">
61+
<a href="{{ '/categories/daily/' | relative_url }}" class="nav-link" style="font-size: 0.9rem;">
62+
<i class="fa-fw fas fa-calendar-day"></i>
63+
<span>Daily</span>
64+
</a>
65+
</li>
66+
67+
<!-- Mentoring with subcategories -->
68+
<li class="nav-item">
69+
<a href="#mentoringSubmenu" data-toggle="collapse" aria-expanded="false" class="nav-link dropdown-toggle" style="font-size: 0.9rem;">
70+
<i class="fa-fw fas fa-graduation-cap"></i>
71+
<span>Mentoring</span>
72+
</a>
73+
<ul class="collapse list-unstyled" id="mentoringSubmenu" style="padding-left: 20px;">
74+
<li>
75+
<a href="{{ '/categories/mentoring-books/' | relative_url }}" class="nav-link" style="font-size: 0.85rem;">
76+
<i class="fa-fw fas fa-book"></i>
77+
<span>Books</span>
78+
</a>
79+
</li>
80+
<li>
81+
<a href="{{ '/categories/mentoring-translations/' | relative_url }}" class="nav-link" style="font-size: 0.85rem;">
82+
<i class="fa-fw fas fa-language"></i>
83+
<span>Translations</span>
84+
</a>
85+
</li>
86+
<li>
87+
<a href="{{ '/categories/mentoring-learning/' | relative_url }}" class="nav-link" style="font-size: 0.85rem;">
88+
<i class="fa-fw fas fa-lightbulb"></i>
89+
<span>Learning</span>
90+
</a>
91+
</li>
92+
</ul>
93+
</li>
94+
95+
<!-- Tech with subcategories -->
96+
<li class="nav-item">
97+
<a href="#techSubmenu" data-toggle="collapse" aria-expanded="false" class="nav-link dropdown-toggle" style="font-size: 0.9rem;">
98+
<i class="fa-fw fas fa-code"></i>
99+
<span>Tech</span>
100+
</a>
101+
<ul class="collapse list-unstyled" id="techSubmenu" style="padding-left: 20px;">
102+
<li>
103+
<a href="{{ '/categories/tech-kubernetes/' | relative_url }}" class="nav-link" style="font-size: 0.85rem;">
104+
<i class="fa-fw fas fa-dharmachakra"></i>
105+
<span>Kubernetes</span>
106+
</a>
107+
</li>
108+
<li>
109+
<a href="{{ '/categories/tech-database/' | relative_url }}" class="nav-link" style="font-size: 0.85rem;">
110+
<i class="fa-fw fas fa-database"></i>
111+
<span>Database</span>
112+
</a>
113+
</li>
114+
<li>
115+
<a href="{{ '/categories/tech-coding/' | relative_url }}" class="nav-link" style="font-size: 0.85rem;">
116+
<i class="fa-fw fas fa-file-code"></i>
117+
<span>Coding</span>
118+
</a>
119+
</li>
120+
<li>
121+
<a href="{{ '/categories/tech-infrastructure/' | relative_url }}" class="nav-link" style="font-size: 0.85rem;">
122+
<i class="fa-fw fas fa-server"></i>
123+
<span>Infrastructure</span>
124+
</a>
125+
</li>
126+
</ul>
127+
</li>
128+
</ul>
129+
</li>
130+
131+
</ul> <!-- ul.nav.flex-column -->
132+
133+
<div class="sidebar-bottom mt-auto d-flex flex-wrap justify-content-center align-items-center">
134+
135+
{% for entry in site.data.contact %}
136+
{% capture url %}
137+
{%- if entry.type == 'github' -%}
138+
https://github.com/{{ site.github.username }}
139+
{%- elsif entry.type == 'twitter' -%}
140+
https://twitter.com/{{ site.twitter.username }}
141+
{%- elsif entry.type == 'email' -%}
142+
{% assign email = site.social.email | split: '@' %}
143+
javascript:location.href = 'mailto:' + ['{{ email[0] }}','{{ email[1] }}'].join('@')
144+
{%- elsif entry.type == 'rss' -%}
145+
{{ "/feed.xml" | relative_url }}
146+
{%- else -%}
147+
{{ entry.url }}
148+
{%- endif -%}
149+
{% endcapture %}
150+
151+
{% if url %}
152+
<a href="{{ url }}" aria-label="{{ entry.type }}"
153+
{% unless site.theme_mode %}class="order-{{ forloop.index | plus: 2 }}"{% endunless %}
154+
{% unless entry.noblank %}target="_blank" rel="noopener"{% endunless %}>
155+
<i class="{{ entry.icon }}"></i>
156+
</a>
157+
{% endif %}
158+
159+
{% endfor %}
160+
161+
{% unless site.theme_mode %}
162+
{% if site.data.contact.size > 0 %}
163+
<span class="icon-border order-2"></span>
164+
{% endif %}
165+
166+
<span id="mode-toggle-wrapper" class="order-1">
167+
{% include mode-toggle.html %}
168+
</span>
169+
{% endunless %}
170+
171+
</div> <!-- .sidebar-bottom -->
172+
173+
</div><!-- #sidebar -->

‎_layouts/default.html‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
---
2+
layout: compress
3+
# Default layout
4+
---
5+
6+
<!DOCTYPE html>
7+
8+
{% include lang.html %}
9+
10+
{% capture prefer_mode %}
11+
{% if site.theme_mode %}
12+
mode="{{ site.theme_mode }}"
13+
{% endif %}
14+
{% endcapture %}
15+
16+
<html lang="{{ site.lang }}" {{ prefer_mode }}>
17+
18+
{% include head.html %}
19+
20+
<body data-spy="scroll" data-target="#toc">
21+
22+
{% include sidebar.html %}
23+
24+
{% include topbar.html %}
25+
26+
<div id="main-wrapper">
27+
<div id="main">
28+
29+
{% include refactor-content.html content=content %}
30+
31+
{% include footer.html %}
32+
33+
</div>
34+
35+
{% include search-results.html %}
36+
37+
</div> <!-- #main-wrapper -->
38+
39+
{% if page.mermaid %}
40+
{% include mermaid.html %}
41+
{% endif %}
42+
43+
<div id="mask"></div>
44+
45+
<a id="back-to-top" href="#" aria-label="back-to-top" class="btn btn-lg btn-box-shadow" role="button">
46+
<i class="fas fa-angle-up"></i>
47+
</a>
48+
49+
{% include search-loader.html %}
50+
51+
{% include js-selector.html %}
52+
53+
<!-- Custom sidebar categories toggle script -->
54+
<script src="{{ '/assets/js/sidebar-categories.js' | relative_url }}"></script>
55+
56+
</body>
57+
58+
</html>

‎_posts/2021-11-12-First-post.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ layout: post
33
title: First Post
44
date: 2021-11-12
55
categories:
6-
- ETC
6+
- daily
77
tags: [
88
blog,
99
jekyll,

‎_posts/2021-11-13-tb07-jekyll-bundler-error.md‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,7 @@ layout: post
33
title: "[Trouble Shooting] Jekyll chirpy 템플릿으로 Github 블로그 시작하기. (Bundler Install Error)"
44
date: 2021-11-13
55
categories:
6-
- Trouble Shooting
7-
- Jekyll
6+
- tech/infrastructure
87
tags:
98
[
109
blog,

‎_posts/2021-11-15-tb06-mysql-server-error.md‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,7 @@ layout: post
33
title: "[Trouble Shooting] [DB] ERROR 2006 (HY000) MySQL server has gone away 에러 해결"
44
date: 2021-11-15
55
categories:
6-
- Trouble Shooting
7-
- DB
6+
- tech/database
87
tags:
98
[
109
blog,

‎_posts/2021-11-17-tb04-ffmpeg.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ layout: post
33
title: "[Audio] ffmpeg 사용해서 16k wav 파일로 변환하기"
44
date: 2021-11-17
55
categories:
6-
- Audio
6+
- tech/infrastructure
77
tags:
88
[
99
blog,

‎_posts/2021-11-22-bucketList.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ layout: post
33
title: "[Blog] Bucket List"
44
date: 2021-11-22
55
categories:
6-
- ETC
6+
- daily
77
tags:
88
[
99
blog,

‎_posts/2021-11-23-tb05-k8s_log_aggregator.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ layout: post
33
title: "[K8S] 쿠버네티스(K8S)에서의 Log Aggregator, Logstash vs Fluentd"
44
date: 2021-11-23
55
categories:
6-
- Kubernetes
6+
- tech/kubernetes
77
tags:
88
[
99
blog,

‎_posts/2021-11-24-tb01-args.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ layout: post
33
title: "[Python] Python에서 * 와 ** 의 차이"
44
date: 2021-11-24
55
categories:
6-
- Python
6+
- tech/infrastructure
77
tags:
88
[
99
blog,

‎_posts/2021-12-03-ml.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ layout: post
33
title: "[MLops] [MLops Deployment & Monitoring] Model Monitoring"
44
date: 2021-12-03
55
categories:
6-
- MLops
6+
- tech/infrastructure
77
tags:
88
[
99
blog,

0 commit comments

Comments
 (0)