diff --git a/_posts/2018-09-11-git-command.md b/_posts/2018-09-11-git-command.md
index 7e035b3..038e4d6 100644
--- a/_posts/2018-09-11-git-command.md
+++ b/_posts/2018-09-11-git-command.md
@@ -5,6 +5,8 @@ coverImage: "/blog/assets/declarative-programming-cover.jpg"
 date: "2018-09-11"
 ogImage:
   url: "/blog/assets/declarative-programming-cover.jpg"
+categories: ['git']
+pin: true
 ---
 
 ## Rebase to change the commit content like author etc.
diff --git a/_posts/2019-02-01-declarative-programming.md b/_posts/2019-02-01-declarative-programming.md
index a0342d4..b5c5707 100644
--- a/_posts/2019-02-01-declarative-programming.md
+++ b/_posts/2019-02-01-declarative-programming.md
@@ -5,6 +5,8 @@ coverImage: "/blog/assets/declarative-programming-cover.jpg"
 date: "2019-02-01"
 ogImage:
   url: "/blog/assets/declarative-programming-cover.jpg"
+categories: ['basic']
+pin: true
 ---
 
 ### Imperative Programming vs Declarative Programming
diff --git a/_posts/2020-07-01-react-performance-optimization-05-debounce-throttle.md b/_posts/2020-07-01-react-performance-optimization-05-debounce-throttle.md
index a58cda0..813b1e4 100644
--- a/_posts/2020-07-01-react-performance-optimization-05-debounce-throttle.md
+++ b/_posts/2020-07-01-react-performance-optimization-05-debounce-throttle.md
@@ -5,6 +5,8 @@ coverImage: "/blog/assets/hello-world/cover.jpg"
 date: "2020-07-01"
 ogImage:
   url: "/blog/assets/hello-world/cover.jpg"
+categories: ['react']
+pin: true
 ---
 
 In the search component, the search callback is triggered when the content in the input is modified.
diff --git a/_posts/2024-07-09-time-and-space-quiz-game.md b/_posts/2024-07-09-time-and-space-quiz-game.md
index 14d44d3..aaf025e 100644
--- a/_posts/2024-07-09-time-and-space-quiz-game.md
+++ b/_posts/2024-07-09-time-and-space-quiz-game.md
@@ -5,6 +5,8 @@ coverImage: "/blog/assets/quiz-game-cover.jpg"
 date: "2024-07-09"
 ogImage:
   url: "/blog/assets/quiz-game-cover.jpg"
+categories: ['project']
+pin: true
 ---
 
 This business plan integrates competitive points and focuses on leveraging AI for dynamic content, a unique interactive interface, and comprehensive user engagement strategies.
diff --git a/_posts/clean-architecture.md b/_posts/clean-architecture.md
index 7e07ebb..a03b0c0 100644
--- a/_posts/clean-architecture.md
+++ b/_posts/clean-architecture.md
@@ -5,6 +5,8 @@ coverImage: "/blog/assets/clean-architecture-cover.jpg"
 date: "2018-12-25"
 ogImage:
   url: "/blog/assets/clean-architecture-cover.jpg"
+categories: ['clean']
+pin: true
 ---
 
 ### Part 1
diff --git a/_posts/clean-code.md b/_posts/clean-code.md
index ca1b60a..42d357e 100644
--- a/_posts/clean-code.md
+++ b/_posts/clean-code.md
@@ -5,6 +5,8 @@ coverImage: "/blog/assets/clean-code-cover.jpg"
 date: "2018-01-24"
 ogImage:
   url: "/blog/assets/clean-code-cover.jpg"
+categories: ['clean']
+pin: true
 ---
 
 [Chapter 1: Clean Code](/blog/posts/clean-code-capter1)
diff --git a/src/interfaces/categories.ts b/src/interfaces/categories.ts
index 5177abb..30ee327 100644
--- a/src/interfaces/categories.ts
+++ b/src/interfaces/categories.ts
@@ -2,6 +2,9 @@ export const defaultCategories = {
   ddd: "ddd",
   architecture: "architecture",
   git: "git",
+  react: "react",
+  project: "project",
+  basic: "basic",
 } as const;
 
 export type Category =