diff --git a/BingSiteAuth.xml b/BingSiteAuth.xml
new file mode 100644
index 000000000000..5734d2af61d3
--- /dev/null
+++ b/BingSiteAuth.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0"?>
+<users>
+	<user>6998146DB2274ABC83F7F66F0236F771</user>
+</users>
\ No newline at end of file
diff --git a/Gemfile b/Gemfile
index 3be9c3cd812e..7d0cee4c861f 100644
--- a/Gemfile
+++ b/Gemfile
@@ -1,2 +1,21 @@
 source "https://rubygems.org"
-gemspec
+gemspecs
+
+gem "dependencies", "~> 0.0.9"
+
+gem "webrick", "~> 1.8"
+
+gem "minimal-mistakes-jekyll", "~> 4.26"
+
+gem "csv", "~> 3.3"
+
+gem "base64", "~> 0.2.0"
+
+gem "faraday-retry", "~> 2.2"
+gem "jekyll", "~> 4.3"
+
+gem "jekyll-sass-converter", "~> 3.0"
+
+gem "sassc", "~> 2.4.0"
+
+gem "sass", "~> 3.7"
diff --git a/_config.yml b/_config.yml
index 479b9ee27945..a8ade1ffb44c 100644
--- a/_config.yml
+++ b/_config.yml
@@ -12,30 +12,30 @@
 
 # theme                  : "minimal-mistakes-jekyll"
 # remote_theme           : "mmistakes/minimal-mistakes"
-minimal_mistakes_skin    : "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "plum", "sunrise"
+minimal_mistakes_skin    : "custom" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "plum", "sunrise", "custom"
 
 # Site Settings
-locale                   : "en-US"
-title                    : "Site Title"
-title_separator          : "-"
-subtitle                 : # site tagline that appears below site title in masthead
-name                     : "Your Name"
-description              : "An amazing website."
-url                      : # the base hostname & protocol for your site e.g. "https://mmistakes.github.io"
+locale                   : "ko-KR"
+title                    : "퀀트, 데이터사이언스"
+title_separator          : "|"
+subtitle                 : "Quant, Statistics, Mathematics, Programming, AI..."
+name                     : "QuantDatascience"
+description              : "퀀트, 통계학, 미적분학, 선형대수학, 프로그래밍, AI 등등 교육"
+url                      : "https://quantdatascience.github.io"
 baseurl                  : # the subpath of your site, e.g. "/blog"
 repository               : # GitHub username/repo-name e.g. "mmistakes/minimal-mistakes"
 teaser                   : # path of fallback teaser image, e.g. "/assets/images/500x300.png"
-logo                     : # path of logo image to display in the masthead, e.g. "/assets/images/88x88.png"
+logo                     : "/assets/images/logo.PNG"
 masthead_title           : # overrides the website title displayed in the masthead, use " " for no title
-# breadcrumbs            : false # true, false (default)
+breadcrumbs            : True # true, false (default)
 words_per_minute         : 200
 enable_copy_code_button  : # true, false (default)
 copyright                : # "copyright" name, defaults to site.title
 copyright_url            : # "copyright" URL, defaults to site.url
 comments:
-  provider               : # false (default), "disqus", "discourse", "facebook", "staticman", "staticman_v2", "utterances", "giscus", "custom"
+  provider               : "disqus" # false (default), "disqus", "discourse", "facebook", "staticman", "staticman_v2", "utterances", "giscus", "custom"
   disqus:
-    shortname            : # https://help.disqus.com/customer/portal/articles/466208-what-s-a-shortname-
+    shortname            : "quantdatascience"
   discourse:
     server               : # https://meta.discourse.org/t/embedding-discourse-comments-via-javascript/31963 , e.g.: meta.discourse.org
   facebook:
@@ -81,9 +81,9 @@ google:
   search_engine_id       : # YOUR_SEARCH_ENGINE_ID
   instant_search         : # false (default), true
 # SEO Related
-google_site_verification :
-bing_site_verification   :
-naver_site_verification  :
+google_site_verification : 
+bing_site_verification   : 
+naver_site_verification  : "38cb367b525666dab25b7430e2b700657a50c630"
 yandex_site_verification :
 baidu_site_verification  :
 
@@ -104,18 +104,18 @@ social:
 
 # Analytics
 analytics:
-  provider               : false # false (default), "google", "google-universal", "google-gtag", "custom"
+  provider               : "google-gtag" # false (default), "google", "google-universal", "google-gtag", "custom"
   google:
-    tracking_id          :
-    anonymize_ip         : # true, false (default)
+    tracking_id          : "G-Q7KX0XBKRD"
+    anonymize_ip         : false # true, false (default)
 
 
 # Site Author
 author:
-  name             : "Your Name"
+  name             : "QuantDatascience"
   avatar           : # path of avatar image, e.g. "/assets/images/bio-photo.jpg"
-  bio              : "I am an **amazing** person."
-  location         : "Somewhere"
+  bio              : "퀀트, 통계학, 미적분학, 선형대수학, 프로그래밍, AI 등등 교육"
+  location         : "South Korea"
   email            :
   links:
     - label: "Email"
@@ -123,16 +123,10 @@ author:
       # url: "mailto:your.name@email.com"
     - label: "Website"
       icon: "fas fa-fw fa-link"
-      # url: "https://your-website.com"
-    - label: "Twitter"
-      icon: "fab fa-fw fa-twitter-square"
-      # url: "https://twitter.com/"
-    - label: "Facebook"
-      icon: "fab fa-fw fa-facebook-square"
-      # url: "https://facebook.com/"
+      url: "https://quantdatascience.github.io"
     - label: "GitHub"
       icon: "fab fa-fw fa-github"
-      # url: "https://github.com/"
+      url: "https://github.com/quantdatascience"
     - label: "Instagram"
       icon: "fab fa-fw fa-instagram"
       # url: "https://instagram.com/"
@@ -140,21 +134,9 @@ author:
 # Site Footer
 footer:
   links:
-    - label: "Twitter"
-      icon: "fab fa-fw fa-twitter-square"
-      # url:
-    - label: "Facebook"
-      icon: "fab fa-fw fa-facebook-square"
-      # url:
     - label: "GitHub"
       icon: "fab fa-fw fa-github"
-      # url:
-    - label: "GitLab"
-      icon: "fab fa-fw fa-gitlab"
-      # url:
-    - label: "Bitbucket"
-      icon: "fab fa-fw fa-bitbucket"
-      # url:
+      url: "https://github.com/quantdatascience"
     - label: "Instagram"
       icon: "fab fa-fw fa-instagram"
       # url:
@@ -289,16 +271,16 @@ tag_archive:
   type: liquid
   path: /tags/
 # https://github.com/jekyll/jekyll-archives
-# jekyll-archives:
-#   enabled:
-#     - categories
-#     - tags
-#   layouts:
-#     category: archive-taxonomy
-#     tag: archive-taxonomy
-#   permalinks:
-#     category: /categories/:name/
-#     tag: /tags/:name/
+jekyll-archives:
+  enabled:
+    - categories
+    - tags
+  layouts:
+    category: archive-taxonomy
+    tag: archive-taxonomy
+  permalinks:
+    category: /categories/:name/
+    tag: /tags/:name/
 
 
 # HTML Compression
@@ -308,7 +290,6 @@ compress_html:
   ignore:
     envs: development
 
-
 # Defaults
 defaults:
   # _posts
@@ -319,6 +300,13 @@ defaults:
       layout: single
       author_profile: true
       read_time: true
-      comments: # true
+      comments: true
       share: true
       related: true
+      show_date: true
+      sidebar:
+        nav: "docs"
+
+
+
+date_format: "%Y-%m-%d"
\ No newline at end of file
diff --git a/_data/navigation.yml b/_data/navigation.yml
index 6f30866f3bed..222df361b9cc 100644
--- a/_data/navigation.yml
+++ b/_data/navigation.yml
@@ -1,7 +1,28 @@
 # main links
 main:
-  - title: "Quick-Start Guide"
-    url: https://mmistakes.github.io/minimal-mistakes/docs/quick-start-guide/
+  - title: "Category"
+    url: /categories/
+  - title: "Tag"
+    url: /tags/
+  - title: "Search" 
+    url: /search/
+    
+docs:
+  - title: "목차1"
+    children:
+      - title: "Category"
+        url: /categories/
+      - title: "Tag"
+        url: /tags/
+
+  - title: "목차2"
+    children:
+      - title: "Category"
+        url: /categories/
+      - title: "Tag"
+        url: /tags/
+
+  
   # - title: "About"
   #   url: https://mmistakes.github.io/minimal-mistakes/about/
   # - title: "Sample Posts"
diff --git a/_pages/404.md b/_pages/404.md
new file mode 100644
index 000000000000..6b900dc12bf9
--- /dev/null
+++ b/_pages/404.md
@@ -0,0 +1,8 @@
+---
+title: "Page Not Found"
+excerpt: "Page not found. Your pixels are in another canvas."
+sitemap: false
+permalink: /404.html
+---
+
+![](https://blog.fluidui.com/assets/images/posts/get-notes.png){: width="100%" height="99%"}
\ No newline at end of file
diff --git a/_pages/category-archive.md b/_pages/category-archive.md
new file mode 100644
index 000000000000..3cd6f6e06761
--- /dev/null
+++ b/_pages/category-archive.md
@@ -0,0 +1,7 @@
+---
+title: "Category"
+layout: categories
+permalink: /categories/
+author_profile: true
+sidebar_main: true
+---
\ No newline at end of file
diff --git a/_pages/search.md b/_pages/search.md
new file mode 100644
index 000000000000..9a05649273fd
--- /dev/null
+++ b/_pages/search.md
@@ -0,0 +1,5 @@
+---
+title: Search
+layout: search
+permalink: /search/
+---
\ No newline at end of file
diff --git a/_pages/tage-archive.md b/_pages/tage-archive.md
new file mode 100644
index 000000000000..58ae8e76afc6
--- /dev/null
+++ b/_pages/tage-archive.md
@@ -0,0 +1,7 @@
+---
+title: "Tag"
+layout: tags
+permalink: /tags/
+author_profile: true
+sidebar_main: true
+---
\ No newline at end of file
diff --git a/_posts/2024-06-05-first.md b/_posts/2024-06-05-first.md
new file mode 100644
index 000000000000..46351908a924
--- /dev/null
+++ b/_posts/2024-06-05-first.md
@@ -0,0 +1,72 @@
+---
+layout: single
+title:  "This is sample."
+typora-root-url: ../
+categories: "미적분학"
+tags: ["미적분학", "Calculus"]
+toc: true
+author profile: false
+search: true
+---
+
+**[공지사항]** [홈페이지 링크를 안내드립니다.](https://quantdatascience.github.io)
+{: .notice--danger}
+
+<div class="notice--success">
+<h4>공지사항2</h4>
+<ul>
+    <li>공지사항 순서 1</li>
+    <li>공지사항 순서 2</li>
+    <li>공지사항 순서 3</li>
+</ul>
+</div>
+
+[링크 버튼입니다.](https://quantdatascience.github.io){: .btn .btn--danger .btn--x-large}
+
+{% include video id="mNEUkkoUoIA" provider="youtube" %}
+
+# 샘플
+
+샘플입니다1.
+```python
+
+import random
+
+secret_number = random.randint(1, 100)
+
+while True:
+    guess = int(input("Guess the number between 1 and 100: "))
+    
+    if guess == secret_number:
+        print("Congratulations! You guessed the number!")
+        break
+    elif guess < secret_number:
+        print("Too low! Try again.")
+    else:
+        print("Too high! Try again.")
+
+```
+
+샘플입니다.
+
+![배경화면](/images/2024-06-05-first/배경화면.PNG)
+
+## 샘플 목차
+
+### 샘플 목차1
+
+샘플 목차입니다.
+
+### 샘플 목차2
+
+샘플 목차입니다.
+
+### 샘플 목차3
+
+샘플 목차입니다.
+
+
+
+# 샘플2
+
+안녕하세요
\ No newline at end of file
diff --git a/_sass/minimal-mistakes.scss b/_sass/minimal-mistakes.scss
index ba9d13d5df2f..3c0649c0acf6 100644
--- a/_sass/minimal-mistakes.scss
+++ b/_sass/minimal-mistakes.scss
@@ -35,3 +35,6 @@
 @import "minimal-mistakes/archive";
 @import "minimal-mistakes/sidebar";
 @import "minimal-mistakes/print";
+
+/* Google font */
+@import url('https://fonts.googleapis.com/css2?family=Yeon+Sung&display=swap');
\ No newline at end of file
diff --git a/_sass/minimal-mistakes/_forms.scss b/_sass/minimal-mistakes/_forms.scss
index 0dd9b480b7fb..392b99ec04fa 100644
--- a/_sass/minimal-mistakes/_forms.scss
+++ b/_sass/minimal-mistakes/_forms.scss
@@ -1,6 +1,7 @@
 /* ==========================================================================
    Forms
    ========================================================================== */
+@use "sass:math";
 
 form {
   margin: 0 0 5px 0;
@@ -25,7 +26,7 @@ form {
   }
 
   p {
-    margin-bottom: (5px / 2);
+    margin-bottom: 5px / 2;
   }
 
   ul {
diff --git a/_sass/minimal-mistakes/_mixins.scss b/_sass/minimal-mistakes/_mixins.scss
index 4aa9eb09ca80..22661321a97f 100644
--- a/_sass/minimal-mistakes/_mixins.scss
+++ b/_sass/minimal-mistakes/_mixins.scss
@@ -1,6 +1,7 @@
 /* ==========================================================================
    MIXINS
    ========================================================================== */
+@use "sass:math";
 
 %tab-focus {
   /* Default*/
@@ -15,7 +16,7 @@
    ========================================================================== */
 
 @function em($target, $context: $doc-font-size) {
-  @return ($target / $context) * 1em;
+  @return $target / $context * 1em;
 }
 
 
@@ -65,7 +66,7 @@
   $green: green($color);
   $blue: blue($color);
 
-  $yiq: (($red*299)+($green*587)+($blue*114))/1000;
+  $yiq: (($red*299)+($green*587)+($blue*114)) / 1000;
 
   @if $yiq-debug { @debug $yiq, $threshold; }
 
diff --git a/_sass/minimal-mistakes/_variables.scss b/_sass/minimal-mistakes/_variables.scss
index 81a3acf7b88f..cfa306b9191a 100644
--- a/_sass/minimal-mistakes/_variables.scss
+++ b/_sass/minimal-mistakes/_variables.scss
@@ -14,7 +14,7 @@ $indent-var: 1.3em !default;
 
 /* system typefaces */
 $serif: Georgia, Times, serif !default;
-$sans-serif: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI",
+$sans-serif: -apple-system, BlinkMacSystemFont, "Yeon Sung", "Roboto", "Segoe UI",
   "Helvetica Neue", "Lucida Grande", Arial, sans-serif !default;
 $monospace: Monaco, Consolas, "Lucida Console", monospace !default;
 
diff --git a/_sass/minimal-mistakes/skins/_custom.scss b/_sass/minimal-mistakes/skins/_custom.scss
new file mode 100644
index 000000000000..4505ec59ab20
--- /dev/null
+++ b/_sass/minimal-mistakes/skins/_custom.scss
@@ -0,0 +1,24 @@
+/* ==========================================================================
+   Custom skin
+   ========================================================================== */
+
+
+/* Colors */
+$background-color: #8b0029 !default;
+$text-color: #d6cabc !default;
+$muted-text-color: #d6cabc !default;
+$primary-color: #8b0029 !default;
+$border-color: mix(#fff, #d6cabc, 75%) !default;
+$footer-background-color: $primary-color !default;
+$link-color: #d6cabc !default;
+$masthead-link-color: $text-color !default;
+$masthead-link-color-hover: $text-color !default;
+$navicon-link-color-hover: mix(#fff, $text-color, 80%) !default;
+
+.page__footer {
+  color: #d6cabc !important; // override
+}
+
+.page__footer-follow .social-icons .svg-inline--fa {
+  color: inherit;
+}
diff --git a/_sass/minimal-mistakes/vendor/breakpoint/_helpers.scss b/_sass/minimal-mistakes/vendor/breakpoint/_helpers.scss
index 97e522d11aa6..74c6946b3bfb 100644
--- a/_sass/minimal-mistakes/vendor/breakpoint/_helpers.scss
+++ b/_sass/minimal-mistakes/vendor/breakpoint/_helpers.scss
@@ -1,6 +1,8 @@
 //////////////////////////////
 // Converts the input value to Base EMs
 //////////////////////////////
+@use "sass:math";
+
 @function breakpoint-to-base-em($value) {
   $value-unit: unit($value);
 
diff --git a/_sass/minimal-mistakes/vendor/magnific-popup/_settings.scss b/_sass/minimal-mistakes/vendor/magnific-popup/_settings.scss
index e7866b3f17c2..ba9492712ff0 100644
--- a/_sass/minimal-mistakes/vendor/magnific-popup/_settings.scss
+++ b/_sass/minimal-mistakes/vendor/magnific-popup/_settings.scss
@@ -1,7 +1,7 @@
 ////////////////////////
 //      Settings      //
 ////////////////////////
-
+@use "sass:math";
 // overlay
 $mfp-overlay-color:                   #000;                     // Color of overlay screen
 $mfp-overlay-opacity:                 0.8;                        // Opacity of overlay screen
@@ -28,7 +28,7 @@ $mfp-include-iframe-type:             true;                       // Enable Ifra
 $mfp-iframe-padding-top:              40px;                       // Iframe padding top
 $mfp-iframe-background:               #000;                       // Background color of iframes
 $mfp-iframe-max-width:                900px;                      // Maximum width of iframes
-$mfp-iframe-ratio:                    9/16;                       // Ratio of iframe (9/16 = widescreen, 3/4 = standard, etc.)
+$mfp-iframe-ratio:                    9 / 16;                       // Ratio of iframe (9/16 = widescreen, 3/4 = standard, etc.)
 
 // Image-type options
 $mfp-include-image-type:              true;                       // Enable Image-type popups
diff --git a/_sass/minimal-mistakes/vendor/susy/susy/_su-math.scss b/_sass/minimal-mistakes/vendor/susy/susy/_su-math.scss
index 1e88528405f0..1bf8be207fbf 100644
--- a/_sass/minimal-mistakes/vendor/susy/susy/_su-math.scss
+++ b/_sass/minimal-mistakes/vendor/susy/susy/_su-math.scss
@@ -22,7 +22,7 @@
 /// @ignore _su-calc-span
 /// @ignore _su-calc-sum
 /// @ignore _su-needs-calc-output
-
+@use "sass:math";
 
 
 // Su Span
diff --git a/assets/images/logo.PNG b/assets/images/logo.PNG
new file mode 100644
index 000000000000..38641b0dc1f3
Binary files /dev/null and b/assets/images/logo.PNG differ
diff --git a/googleb3b26be8f73e09bf.html b/googleb3b26be8f73e09bf.html
new file mode 100644
index 000000000000..2f972b067f6c
--- /dev/null
+++ b/googleb3b26be8f73e09bf.html
@@ -0,0 +1 @@
+google-site-verification: googleb3b26be8f73e09bf.html
\ No newline at end of file
diff --git "a/images/2024-06-05-first/\353\260\260\352\262\275\355\231\224\353\251\264.PNG" "b/images/2024-06-05-first/\353\260\260\352\262\275\355\231\224\353\251\264.PNG"
new file mode 100644
index 000000000000..38641b0dc1f3
Binary files /dev/null and "b/images/2024-06-05-first/\353\260\260\352\262\275\355\231\224\353\251\264.PNG" differ
diff --git a/index.html b/index.html
index b95bb1f56f4c..3c4ba826790f 100644
--- a/index.html
+++ b/index.html
@@ -1,4 +1,6 @@
 ---
 layout: home
 author_profile: true
+sidebar:
+  nav: "docs"
 ---
diff --git a/naver9e530f0162cc92b5c34267230b6e48f9.html b/naver9e530f0162cc92b5c34267230b6e48f9.html
new file mode 100644
index 000000000000..13e99480c2da
--- /dev/null
+++ b/naver9e530f0162cc92b5c34267230b6e48f9.html
@@ -0,0 +1 @@
+naver-site-verification: naver9e530f0162cc92b5c34267230b6e48f9.html
\ No newline at end of file