diff --git a/2020/12/01/article-title/index.html b/2020/12/01/article-title/index.html
index f0d5b954b..bbb61c6bb 100644
--- a/2020/12/01/article-title/index.html
+++ b/2020/12/01/article-title/index.html
@@ -302,7 +302,7 @@ <h1 class="post-title" itemprop="name headline">
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2020/12/14/\347\254\254\344\270\200\351\200\261\345\211\215\347\253\257\344\275\234\346\245\255\350\210\207\350\252\262\347\250\213/index.html" "b/2020/12/14/\347\254\254\344\270\200\351\200\261\345\211\215\347\253\257\344\275\234\346\245\255\350\210\207\350\252\262\347\250\213/index.html"
index 2a0f9bdeb..48c5882ba 100644
--- "a/2020/12/14/\347\254\254\344\270\200\351\200\261\345\211\215\347\253\257\344\275\234\346\245\255\350\210\207\350\252\262\347\250\213/index.html"
+++ "b/2020/12/14/\347\254\254\344\270\200\351\200\261\345\211\215\347\253\257\344\275\234\346\245\255\350\210\207\350\252\262\347\250\213/index.html"
@@ -355,7 +355,7 @@ <h2 id="第一週作業"><a href="#第一週作業" class="headerlink" title="
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2020/12/22/\347\254\254\344\272\214\351\200\261\345\211\215\347\253\257\344\275\234\346\245\255\350\210\207\350\252\262\347\250\213/index.html" "b/2020/12/22/\347\254\254\344\272\214\351\200\261\345\211\215\347\253\257\344\275\234\346\245\255\350\210\207\350\252\262\347\250\213/index.html"
index a5ad8b569..82c816be1 100644
--- "a/2020/12/22/\347\254\254\344\272\214\351\200\261\345\211\215\347\253\257\344\275\234\346\245\255\350\210\207\350\252\262\347\250\213/index.html"
+++ "b/2020/12/22/\347\254\254\344\272\214\351\200\261\345\211\215\347\253\257\344\275\234\346\245\255\350\210\207\350\252\262\347\250\213/index.html"
@@ -355,7 +355,7 @@ <h1 id="在第二週上的課程-和-作業中遇到的重點與問題-紀錄"><
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2020/12/29/Bootstrap\347\255\206\350\250\230-01/index.html" "b/2020/12/29/Bootstrap\347\255\206\350\250\230-01/index.html"
index 3e2a44cb6..a3a6a4456 100644
--- "a/2020/12/29/Bootstrap\347\255\206\350\250\230-01/index.html"
+++ "b/2020/12/29/Bootstrap\347\255\206\350\250\230-01/index.html"
@@ -350,7 +350,7 @@ <h3 id="d-flex的方向性語法"><a href="#d-flex的方向性語法" class="hea
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2020/12/29/Bootstrap\347\255\206\350\250\230/index.html" "b/2020/12/29/Bootstrap\347\255\206\350\250\230/index.html"
index 2efab442f..316c2bb43 100644
--- "a/2020/12/29/Bootstrap\347\255\206\350\250\230/index.html"
+++ "b/2020/12/29/Bootstrap\347\255\206\350\250\230/index.html"
@@ -342,7 +342,7 @@ <h1 id="Bootstrap-格線系統"><a href="#Bootstrap-格線系統" class="headerl
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2020/12/30/\345\237\272\347\244\216-Vue-js-\346\246\202\350\277\260-2/index.html" "b/2020/12/30/\345\237\272\347\244\216-Vue-js-\346\246\202\350\277\260-2/index.html"
index ca7ee94c8..aeb5841e4 100644
--- "a/2020/12/30/\345\237\272\347\244\216-Vue-js-\346\246\202\350\277\260-2/index.html"
+++ "b/2020/12/30/\345\237\272\347\244\216-Vue-js-\346\246\202\350\277\260-2/index.html"
@@ -346,7 +346,7 @@ <h2 id="元件基礎概念-如何自製自己的Vue元件"><a href="#元件基
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2020/12/30/\345\237\272\347\244\216-Vue-js-\346\246\202\350\277\260/index.html" "b/2020/12/30/\345\237\272\347\244\216-Vue-js-\346\246\202\350\277\260/index.html"
index de50901d9..b7738d8e7 100644
--- "a/2020/12/30/\345\237\272\347\244\216-Vue-js-\346\246\202\350\277\260/index.html"
+++ "b/2020/12/30/\345\237\272\347\244\216-Vue-js-\346\246\202\350\277\260/index.html"
@@ -380,7 +380,7 @@ <h2 id="v-class"><a href="#v-class" class="headerlink" title="v-class"></a>v-cla
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2020/12/31/JavaScript\344\270\255\347\232\204this/index.html" "b/2020/12/31/JavaScript\344\270\255\347\232\204this/index.html"
index 87adb6719..61cea4e33 100644
--- "a/2020/12/31/JavaScript\344\270\255\347\232\204this/index.html"
+++ "b/2020/12/31/JavaScript\344\270\255\347\232\204this/index.html"
@@ -310,7 +310,7 @@ <h1 class="post-title" itemprop="name headline">
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2020/12/31/\347\256\255\351\240\255\345\207\275\345\274\217\350\210\207this/index.html" "b/2020/12/31/\347\256\255\351\240\255\345\207\275\345\274\217\350\210\207this/index.html"
index 1272cce9b..4140fce34 100644
--- "a/2020/12/31/\347\256\255\351\240\255\345\207\275\345\274\217\350\210\207this/index.html"
+++ "b/2020/12/31/\347\256\255\351\240\255\345\207\275\345\274\217\350\210\207this/index.html"
@@ -332,7 +332,7 @@ <h1 class="post-title" itemprop="name headline">
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/05/Bootstrap\347\255\206\350\250\230-02/index.html" "b/2021/01/05/Bootstrap\347\255\206\350\250\230-02/index.html"
index e55ce7212..9885707d2 100644
--- "a/2021/01/05/Bootstrap\347\255\206\350\250\230-02/index.html"
+++ "b/2021/01/05/Bootstrap\347\255\206\350\250\230-02/index.html"
@@ -340,7 +340,7 @@ <h1 class="post-title" itemprop="name headline">
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/05/\347\254\254\344\270\203\351\200\261\345\211\215\347\253\257\350\252\262\347\250\213\347\255\206\350\250\230/index.html" "b/2021/01/05/\347\254\254\344\270\203\351\200\261\345\211\215\347\253\257\350\252\262\347\250\213\347\255\206\350\250\230/index.html"
index d34c43679..01ee87196 100644
--- "a/2021/01/05/\347\254\254\344\270\203\351\200\261\345\211\215\347\253\257\350\252\262\347\250\213\347\255\206\350\250\230/index.html"
+++ "b/2021/01/05/\347\254\254\344\270\203\351\200\261\345\211\215\347\253\257\350\252\262\347\250\213\347\255\206\350\250\230/index.html"
@@ -341,7 +341,7 @@ <h1 class="post-title" itemprop="name headline">
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/05/\347\254\254\345\233\233\351\200\261\345\211\215\347\253\257\350\252\262\347\250\213\347\255\206\350\250\230/index.html" "b/2021/01/05/\347\254\254\345\233\233\351\200\261\345\211\215\347\253\257\350\252\262\347\250\213\347\255\206\350\250\230/index.html"
index da57c7abd..f0c3adb4f 100644
--- "a/2021/01/05/\347\254\254\345\233\233\351\200\261\345\211\215\347\253\257\350\252\262\347\250\213\347\255\206\350\250\230/index.html"
+++ "b/2021/01/05/\347\254\254\345\233\233\351\200\261\345\211\215\347\253\257\350\252\262\347\250\213\347\255\206\350\250\230/index.html"
@@ -352,7 +352,7 @@ <h3 id="接著，你去他們家的官網上，找一個你想要的效果，然
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/06/\351\200\262\351\232\216\346\250\241\346\235\277\350\252\236\346\263\225-01/index.html" "b/2021/01/06/\351\200\262\351\232\216\346\250\241\346\235\277\350\252\236\346\263\225-01/index.html"
index 07b190c2d..4666c2c39 100644
--- "a/2021/01/06/\351\200\262\351\232\216\346\250\241\346\235\277\350\252\236\346\263\225-01/index.html"
+++ "b/2021/01/06/\351\200\262\351\232\216\346\250\241\346\235\277\350\252\236\346\263\225-01/index.html"
@@ -359,7 +359,7 @@ <h2 id="v-if和v-show的差異"><a href="#v-if和v-show的差異" class="headerl
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/06/\351\200\262\351\232\216\346\250\241\346\235\277\350\252\236\346\263\225-02/index.html" "b/2021/01/06/\351\200\262\351\232\216\346\250\241\346\235\277\350\252\236\346\263\225-02/index.html"
index 011279188..3eda96fc2 100644
--- "a/2021/01/06/\351\200\262\351\232\216\346\250\241\346\235\277\350\252\236\346\263\225-02/index.html"
+++ "b/2021/01/06/\351\200\262\351\232\216\346\250\241\346\235\277\350\252\236\346\263\225-02/index.html"
@@ -384,7 +384,7 @@ <h2 id="滑鼠修飾符"><a href="#滑鼠修飾符" class="headerlink" title="
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/06/\351\200\262\351\232\216\346\250\241\346\235\277\350\252\236\346\263\225/index.html" "b/2021/01/06/\351\200\262\351\232\216\346\250\241\346\235\277\350\252\236\346\263\225/index.html"
index 50037c24a..1a084666f 100644
--- "a/2021/01/06/\351\200\262\351\232\216\346\250\241\346\235\277\350\252\236\346\263\225/index.html"
+++ "b/2021/01/06/\351\200\262\351\232\216\346\250\241\346\235\277\350\252\236\346\263\225/index.html"
@@ -364,7 +364,7 @@ <h2 id="v-for"><a href="#v-for" class="headerlink" title="v-for"></a>v-for</h2><
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/07/scss\347\255\206\350\250\230/index.html" "b/2021/01/07/scss\347\255\206\350\250\230/index.html"
index f297ada3d..1235b1ce7 100644
--- "a/2021/01/07/scss\347\255\206\350\250\230/index.html"
+++ "b/2021/01/07/scss\347\255\206\350\250\230/index.html"
@@ -346,7 +346,7 @@ <h2 id="scss檔案的階層寫法"><a href="#scss檔案的階層寫法" class="h
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/08/Vue-js\345\205\203\344\273\266/index.html" "b/2021/01/08/Vue-js\345\205\203\344\273\266/index.html"
index 33997e355..7f9fa8656 100644
--- "a/2021/01/08/Vue-js\345\205\203\344\273\266/index.html"
+++ "b/2021/01/08/Vue-js\345\205\203\344\273\266/index.html"
@@ -345,7 +345,7 @@ <h2 id="src-”圖片網址”-而不是-src-”圖片網址”"><a href="#src-
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/08/Vue\345\205\203\344\273\266\347\232\204\347\224\237\345\221\275\351\200\261\346\234\237/index.html" "b/2021/01/08/Vue\345\205\203\344\273\266\347\232\204\347\224\237\345\221\275\351\200\261\346\234\237/index.html"
index a67372911..a47ac361d 100644
--- "a/2021/01/08/Vue\345\205\203\344\273\266\347\232\204\347\224\237\345\221\275\351\200\261\346\234\237/index.html"
+++ "b/2021/01/08/Vue\345\205\203\344\273\266\347\232\204\347\224\237\345\221\275\351\200\261\346\234\237/index.html"
@@ -332,7 +332,7 @@ <h1 id="單元小總結"><a href="#單元小總結" class="headerlink" title="
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/09/bootstrap-form\347\232\204\345\212\237\350\203\275\347\255\206\350\250\230-01/index.html" "b/2021/01/09/bootstrap-form\347\232\204\345\212\237\350\203\275\347\255\206\350\250\230-01/index.html"
index 8d29f573b..8a399fcf8 100644
--- "a/2021/01/09/bootstrap-form\347\232\204\345\212\237\350\203\275\347\255\206\350\250\230-01/index.html"
+++ "b/2021/01/09/bootstrap-form\347\232\204\345\212\237\350\203\275\347\255\206\350\250\230-01/index.html"
@@ -358,7 +358,7 @@ <h3 id="radiobox"><a href="#radiobox" class="headerlink" title="radiobox"></a>ra
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/09/bootstrap-form\347\232\204\345\212\237\350\203\275\347\255\206\350\250\230-02/index.html" "b/2021/01/09/bootstrap-form\347\232\204\345\212\237\350\203\275\347\255\206\350\250\230-02/index.html"
index 1a8315e1e..1088d3d01 100644
--- "a/2021/01/09/bootstrap-form\347\232\204\345\212\237\350\203\275\347\255\206\350\250\230-02/index.html"
+++ "b/2021/01/09/bootstrap-form\347\232\204\345\212\237\350\203\275\347\255\206\350\250\230-02/index.html"
@@ -336,7 +336,7 @@ <h2 id="input-group的dropdown功能"><a href="#input-group的dropdown功能" cl
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/09/bootstrap-form\347\232\204\345\212\237\350\203\275\347\255\206\350\250\230-03-\350\241\250\345\226\256\351\251\227\350\255\211/index.html" "b/2021/01/09/bootstrap-form\347\232\204\345\212\237\350\203\275\347\255\206\350\250\230-03-\350\241\250\345\226\256\351\251\227\350\255\211/index.html"
index 06195bc49..505bd9bab 100644
--- "a/2021/01/09/bootstrap-form\347\232\204\345\212\237\350\203\275\347\255\206\350\250\230-03-\350\241\250\345\226\256\351\251\227\350\255\211/index.html"
+++ "b/2021/01/09/bootstrap-form\347\232\204\345\212\237\350\203\275\347\255\206\350\250\230-03-\350\241\250\345\226\256\351\251\227\350\255\211/index.html"
@@ -339,7 +339,7 @@ <h2 id="記得加入required"><a href="#記得加入required" class="headerlink"
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/09/bootstrap-form\347\232\204\345\212\237\350\203\275\347\255\206\350\250\230/index.html" "b/2021/01/09/bootstrap-form\347\232\204\345\212\237\350\203\275\347\255\206\350\250\230/index.html"
index 11a0c7512..d9b4a944a 100644
--- "a/2021/01/09/bootstrap-form\347\232\204\345\212\237\350\203\275\347\255\206\350\250\230/index.html"
+++ "b/2021/01/09/bootstrap-form\347\232\204\345\212\237\350\203\275\347\255\206\350\250\230/index.html"
@@ -349,7 +349,7 @@ <h2 id="input欄位readonly和disabled差別"><a href="#input欄位readonly和di
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/11/Vue-js\345\205\203\344\273\266-01/index.html" "b/2021/01/11/Vue-js\345\205\203\344\273\266-01/index.html"
index d72e49ad8..28c8aaaf3 100644
--- "a/2021/01/11/Vue-js\345\205\203\344\273\266-01/index.html"
+++ "b/2021/01/11/Vue-js\345\205\203\344\273\266-01/index.html"
@@ -358,7 +358,7 @@ <h1 id="靜態與動態傳入數值差異"><a href="#靜態與動態傳入數值
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/11/Vuejs\345\205\203\344\273\26602-emit\344\272\213\344\273\266/index.html" "b/2021/01/11/Vuejs\345\205\203\344\273\26602-emit\344\272\213\344\273\266/index.html"
index a66ada905..80d5e2203 100644
--- "a/2021/01/11/Vuejs\345\205\203\344\273\26602-emit\344\272\213\344\273\266/index.html"
+++ "b/2021/01/11/Vuejs\345\205\203\344\273\26602-emit\344\272\213\344\273\266/index.html"
@@ -326,7 +326,7 @@ <h2 id="注意emit傳出去的資料型別是否正確"><a href="#注意emit傳
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/11/Vuejs\345\205\203\344\273\26603-\345\205\203\344\273\266\346\217\222\346\247\275/index.html" "b/2021/01/11/Vuejs\345\205\203\344\273\26603-\345\205\203\344\273\266\346\217\222\346\247\275/index.html"
index a3fd7c889..9dcd28bc3 100644
--- "a/2021/01/11/Vuejs\345\205\203\344\273\26603-\345\205\203\344\273\266\346\217\222\346\247\275/index.html"
+++ "b/2021/01/11/Vuejs\345\205\203\344\273\26603-\345\205\203\344\273\266\346\217\222\346\247\275/index.html"
@@ -343,7 +343,7 @@ <h2 id="is動態綁定元件"><a href="#is動態綁定元件" class="headerlink"
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/18/JavaScript-ES6-\350\252\262\347\250\213\347\255\206\350\250\230-01/index.html" "b/2021/01/18/JavaScript-ES6-\350\252\262\347\250\213\347\255\206\350\250\230-01/index.html"
index 2ae87c46e..6f10209d5 100644
--- "a/2021/01/18/JavaScript-ES6-\350\252\262\347\250\213\347\255\206\350\250\230-01/index.html"
+++ "b/2021/01/18/JavaScript-ES6-\350\252\262\347\250\213\347\255\206\350\250\230-01/index.html"
@@ -341,7 +341,7 @@ <h2 id="縮寫搭配解構賦值的使用"><a href="#縮寫搭配解構賦值的
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/18/JavaScript-ES6-\350\252\262\347\250\213\347\255\206\350\250\230-02/index.html" "b/2021/01/18/JavaScript-ES6-\350\252\262\347\250\213\347\255\206\350\250\230-02/index.html"
index 77190630f..aefc50d7e 100644
--- "a/2021/01/18/JavaScript-ES6-\350\252\262\347\250\213\347\255\206\350\250\230-02/index.html"
+++ "b/2021/01/18/JavaScript-ES6-\350\252\262\347\250\213\347\255\206\350\250\230-02/index.html"
@@ -351,7 +351,7 @@ <h3 id="字串模板-包裹Javascript的語法"><a href="#字串模板-包裹Jav
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/18/JavaScript-ES6-\350\252\262\347\250\213\347\255\206\350\250\230-03/index.html" "b/2021/01/18/JavaScript-ES6-\350\252\262\347\250\213\347\255\206\350\250\230-03/index.html"
index c712ee197..c5853f885 100644
--- "a/2021/01/18/JavaScript-ES6-\350\252\262\347\250\213\347\255\206\350\250\230-03/index.html"
+++ "b/2021/01/18/JavaScript-ES6-\350\252\262\347\250\213\347\255\206\350\250\230-03/index.html"
@@ -359,7 +359,7 @@ <h3 id="用reduce來比大小"><a href="#用reduce來比大小" class="headerlin
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/18/JavaScript-ES6-\350\252\262\347\250\213\347\255\206\350\250\230/index.html" "b/2021/01/18/JavaScript-ES6-\350\252\262\347\250\213\347\255\206\350\250\230/index.html"
index f36697315..0c2a547f7 100644
--- "a/2021/01/18/JavaScript-ES6-\350\252\262\347\250\213\347\255\206\350\250\230/index.html"
+++ "b/2021/01/18/JavaScript-ES6-\350\252\262\347\250\213\347\255\206\350\250\230/index.html"
@@ -408,7 +408,7 @@ <h3 id="預設值"><a href="#預設值" class="headerlink" title="預設值"></a
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/19/Bootstrap\344\275\234\345\223\201\351\233\206-\346\212\200\345\267\247\347\255\206\350\250\230/index.html" "b/2021/01/19/Bootstrap\344\275\234\345\223\201\351\233\206-\346\212\200\345\267\247\347\255\206\350\250\230/index.html"
index fb32dba52..2527c320a 100644
--- "a/2021/01/19/Bootstrap\344\275\234\345\223\201\351\233\206-\346\212\200\345\267\247\347\255\206\350\250\230/index.html"
+++ "b/2021/01/19/Bootstrap\344\275\234\345\223\201\351\233\206-\346\212\200\345\267\247\347\255\206\350\250\230/index.html"
@@ -339,7 +339,7 @@ <h2 id="第三區塊-text"><a href="#第三區塊-text" class="headerlink" title
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/19/bootstrap-Modal\344\272\222\345\213\225\350\246\226\347\252\227/index.html" "b/2021/01/19/bootstrap-Modal\344\272\222\345\213\225\350\246\226\347\252\227/index.html"
index 5d7ab4cb0..93533b2c8 100644
--- "a/2021/01/19/bootstrap-Modal\344\272\222\345\213\225\350\246\226\347\252\227/index.html"
+++ "b/2021/01/19/bootstrap-Modal\344\272\222\345\213\225\350\246\226\347\252\227/index.html"
@@ -359,7 +359,7 @@ <h3 id="data-backdrop-”static”"><a href="#data-backdrop-”static”" class=
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/19/bootstrap-Modal\347\213\200\346\263\201/index.html" "b/2021/01/19/bootstrap-Modal\347\213\200\346\263\201/index.html"
index d57821c21..5cb6cadf7 100644
--- "a/2021/01/19/bootstrap-Modal\347\213\200\346\263\201/index.html"
+++ "b/2021/01/19/bootstrap-Modal\347\213\200\346\263\201/index.html"
@@ -325,7 +325,7 @@ <h1 id="不要把Modal按鈕和被觸發的區塊放在同一個區塊中"><a hr
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/19/bootstrap-\344\275\234\345\223\201\351\233\206dropdown\345\225\217\351\241\214/index.html" "b/2021/01/19/bootstrap-\344\275\234\345\223\201\351\233\206dropdown\345\225\217\351\241\214/index.html"
index 93a53d666..248ac05b2 100644
--- "a/2021/01/19/bootstrap-\344\275\234\345\223\201\351\233\206dropdown\345\225\217\351\241\214/index.html"
+++ "b/2021/01/19/bootstrap-\344\275\234\345\223\201\351\233\206dropdown\345\225\217\351\241\214/index.html"
@@ -320,7 +320,7 @@ <h1 class="post-title" itemprop="name headline">
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/19/bootstrap-\350\243\275\344\275\234\350\263\274\347\211\251\350\273\212\347\266\262\351\240\201/index.html" "b/2021/01/19/bootstrap-\350\243\275\344\275\234\350\263\274\347\211\251\350\273\212\347\266\262\351\240\201/index.html"
index ead18e331..88b354be9 100644
--- "a/2021/01/19/bootstrap-\350\243\275\344\275\234\350\263\274\347\211\251\350\273\212\347\266\262\351\240\201/index.html"
+++ "b/2021/01/19/bootstrap-\350\243\275\344\275\234\350\263\274\347\211\251\350\273\212\347\266\262\351\240\201/index.html"
@@ -367,7 +367,7 @@ <h1 id="收合購物車列表及表單排版技巧"><a href="#收合購物車列
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/19/\351\203\250\345\261\254\351\235\234\346\205\213\347\266\262\347\253\231\345\210\260Github-Pages\351\201\207\345\210\260\347\232\204\345\225\217\351\241\214/index.html" "b/2021/01/19/\351\203\250\345\261\254\351\235\234\346\205\213\347\266\262\347\253\231\345\210\260Github-Pages\351\201\207\345\210\260\347\232\204\345\225\217\351\241\214/index.html"
index ee0b184cc..db8b2e709 100644
--- "a/2021/01/19/\351\203\250\345\261\254\351\235\234\346\205\213\347\266\262\347\253\231\345\210\260Github-Pages\351\201\207\345\210\260\347\232\204\345\225\217\351\241\214/index.html"
+++ "b/2021/01/19/\351\203\250\345\261\254\351\235\234\346\205\213\347\266\262\347\253\231\345\210\260Github-Pages\351\201\207\345\210\260\347\232\204\345\225\217\351\241\214/index.html"
@@ -327,7 +327,7 @@ <h1 id="選擇要部屬哪一個分支的網頁"><a href="#選擇要部屬哪一
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/20/Vue\345\270\270\347\224\250API-02/index.html" "b/2021/01/20/Vue\345\270\270\347\224\250API-02/index.html"
index 6e585df12..777522159 100644
--- "a/2021/01/20/Vue\345\270\270\347\224\250API-02/index.html"
+++ "b/2021/01/20/Vue\345\270\270\347\224\250API-02/index.html"
@@ -353,7 +353,7 @@ <h1 id="使用外部載入的套件"><a href="#使用外部載入的套件" clas
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/20/Vue\345\270\270\347\224\250API/index.html" "b/2021/01/20/Vue\345\270\270\347\224\250API/index.html"
index 7fbf05546..7d1521339 100644
--- "a/2021/01/20/Vue\345\270\270\347\224\250API/index.html"
+++ "b/2021/01/20/Vue\345\270\270\347\224\250API/index.html"
@@ -377,7 +377,7 @@ <h1 id="Mixin-混合其它的元件內容"><a href="#Mixin-混合其它的元件
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/21/JQ\350\252\262\347\250\213\347\255\206\350\250\230-JQ\347\222\260\345\242\203\350\250\255\345\256\232/index.html" "b/2021/01/21/JQ\350\252\262\347\250\213\347\255\206\350\250\230-JQ\347\222\260\345\242\203\350\250\255\345\256\232/index.html"
index a153ea4e9..8d920ec49 100644
--- "a/2021/01/21/JQ\350\252\262\347\250\213\347\255\206\350\250\230-JQ\347\222\260\345\242\203\350\250\255\345\256\232/index.html"
+++ "b/2021/01/21/JQ\350\252\262\347\250\213\347\255\206\350\250\230-JQ\347\222\260\345\242\203\350\250\255\345\256\232/index.html"
@@ -346,7 +346,7 @@ <h3 id="jQuery-Code-Snippets的提示語法大全"><a href="#jQuery-Code-Snippet
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/21/JQ\350\252\262\347\250\213\347\255\206\350\250\230-JQ\351\201\270\346\223\207\345\231\250/index.html" "b/2021/01/21/JQ\350\252\262\347\250\213\347\255\206\350\250\230-JQ\351\201\270\346\223\207\345\231\250/index.html"
index 5ba5a6947..6ea9fa61b 100644
--- "a/2021/01/21/JQ\350\252\262\347\250\213\347\255\206\350\250\230-JQ\351\201\270\346\223\207\345\231\250/index.html"
+++ "b/2021/01/21/JQ\350\252\262\347\250\213\347\255\206\350\250\230-JQ\351\201\270\346\223\207\345\231\250/index.html"
@@ -364,7 +364,7 @@ <h3 id="無法在此介面中新增程式碼"><a href="#無法在此介面中新
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/22/Vue-Cli-\350\252\262\347\250\213\347\255\206\350\250\230-\345\256\211\350\243\235\345\256\214\346\210\220\345\276\214\347\224\242\347\224\237\347\232\204\345\220\204\346\252\224\346\241\210\346\204\217\347\276\251/index.html" "b/2021/01/22/Vue-Cli-\350\252\262\347\250\213\347\255\206\350\250\230-\345\256\211\350\243\235\345\256\214\346\210\220\345\276\214\347\224\242\347\224\237\347\232\204\345\220\204\346\252\224\346\241\210\346\204\217\347\276\251/index.html"
index 7b62c9008..d65e97cfe 100644
--- "a/2021/01/22/Vue-Cli-\350\252\262\347\250\213\347\255\206\350\250\230-\345\256\211\350\243\235\345\256\214\346\210\220\345\276\214\347\224\242\347\224\237\347\232\204\345\220\204\346\252\224\346\241\210\346\204\217\347\276\251/index.html"
+++ "b/2021/01/22/Vue-Cli-\350\252\262\347\250\213\347\255\206\350\250\230-\345\256\211\350\243\235\345\256\214\346\210\220\345\276\214\347\224\242\347\224\237\347\232\204\345\220\204\346\252\224\346\241\210\346\204\217\347\276\251/index.html"
@@ -395,7 +395,7 @@ <h3 id="測試-Vue-axios-是否有載入正確"><a href="#測試-Vue-axios-是
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/22/Vue-Cli-\350\252\262\347\250\213\347\255\206\350\250\230-\345\256\211\350\243\235\347\222\260\345\242\203\346\255\245\351\251\237/index.html" "b/2021/01/22/Vue-Cli-\350\252\262\347\250\213\347\255\206\350\250\230-\345\256\211\350\243\235\347\222\260\345\242\203\346\255\245\351\251\237/index.html"
index ca67f06f6..b24a6a04c 100644
--- "a/2021/01/22/Vue-Cli-\350\252\262\347\250\213\347\255\206\350\250\230-\345\256\211\350\243\235\347\222\260\345\242\203\346\255\245\351\251\237/index.html"
+++ "b/2021/01/22/Vue-Cli-\350\252\262\347\250\213\347\255\206\350\250\230-\345\256\211\350\243\235\347\222\260\345\242\203\346\255\245\351\251\237/index.html"
@@ -354,7 +354,7 @@ <h2 id="當你離開Vue的專案的時候，下一次，要怎麼重新回去回
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/23/jQuery\350\252\262\347\250\213\347\255\206\350\250\230-CSS-jQuery\345\220\204\345\274\217\345\220\204\346\250\243\347\232\204\345\213\225\347\225\253\346\225\210\346\236\234/index.html" "b/2021/01/23/jQuery\350\252\262\347\250\213\347\255\206\350\250\230-CSS-jQuery\345\220\204\345\274\217\345\220\204\346\250\243\347\232\204\345\213\225\347\225\253\346\225\210\346\236\234/index.html"
index 72db1bc75..c979a6dce 100644
--- "a/2021/01/23/jQuery\350\252\262\347\250\213\347\255\206\350\250\230-CSS-jQuery\345\220\204\345\274\217\345\220\204\346\250\243\347\232\204\345\213\225\347\225\253\346\225\210\346\236\234/index.html"
+++ "b/2021/01/23/jQuery\350\252\262\347\250\213\347\255\206\350\250\230-CSS-jQuery\345\220\204\345\274\217\345\220\204\346\250\243\347\232\204\345\213\225\347\225\253\346\225\210\346\236\234/index.html"
@@ -350,7 +350,7 @@ <h1 id="Animate-css-載入第三方插件-增添網頁動畫豐富度"><a href="
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/23/jQuery\350\252\262\347\250\213\347\255\206\350\250\230-\346\223\215\346\216\247dom\345\205\203\347\264\240/index.html" "b/2021/01/23/jQuery\350\252\262\347\250\213\347\255\206\350\250\230-\346\223\215\346\216\247dom\345\205\203\347\264\240/index.html"
index 3834fa5c5..8c401036d 100644
--- "a/2021/01/23/jQuery\350\252\262\347\250\213\347\255\206\350\250\230-\346\223\215\346\216\247dom\345\205\203\347\264\240/index.html"
+++ "b/2021/01/23/jQuery\350\252\262\347\250\213\347\255\206\350\250\230-\346\223\215\346\216\247dom\345\205\203\347\264\240/index.html"
@@ -331,7 +331,7 @@ <h1 id="siblings-同層元素"><a href="#siblings-同層元素" class="headerlin
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/25/Vue-Router\347\255\206\350\250\230-01/index.html" "b/2021/01/25/Vue-Router\347\255\206\350\250\230-01/index.html"
index 8fb46cbe2..cbcee8bc9 100644
--- "a/2021/01/25/Vue-Router\347\255\206\350\250\230-01/index.html"
+++ "b/2021/01/25/Vue-Router\347\255\206\350\250\230-01/index.html"
@@ -344,7 +344,7 @@ <h2 id="this-router-replace"><a href="#this-router-replace" class="headerlink" t
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/25/Vue-Router\347\255\206\350\250\230/index.html" "b/2021/01/25/Vue-Router\347\255\206\350\250\230/index.html"
index e70023106..b29483e35 100644
--- "a/2021/01/25/Vue-Router\347\255\206\350\250\230/index.html"
+++ "b/2021/01/25/Vue-Router\347\255\206\350\250\230/index.html"
@@ -419,7 +419,7 @@ <h3 id="修正小錯誤"><a href="#修正小錯誤" class="headerlink" title="
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/26/jQuery\350\252\262\347\250\213\347\255\206\350\250\230-jQ\346\217\222\345\205\245\345\245\227\344\273\266/index.html" "b/2021/01/26/jQuery\350\252\262\347\250\213\347\255\206\350\250\230-jQ\346\217\222\345\205\245\345\245\227\344\273\266/index.html"
index 8f291a5c2..9d3e2a30e 100644
--- "a/2021/01/26/jQuery\350\252\262\347\250\213\347\255\206\350\250\230-jQ\346\217\222\345\205\245\345\245\227\344\273\266/index.html"
+++ "b/2021/01/26/jQuery\350\252\262\347\250\213\347\255\206\350\250\230-jQ\346\217\222\345\205\245\345\245\227\344\273\266/index.html"
@@ -355,7 +355,7 @@ <h1 id="如何去查詢別人使用的-jQuery-插件"><a href="#如何去查詢
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/26/jQuery\350\252\262\347\250\213\347\255\206\350\250\230-jQ\347\232\204attr\345\222\214\345\210\252\351\231\244\347\210\266\345\205\203\347\264\240\347\232\204\346\225\210\346\236\234/index.html" "b/2021/01/26/jQuery\350\252\262\347\250\213\347\255\206\350\250\230-jQ\347\232\204attr\345\222\214\345\210\252\351\231\244\347\210\266\345\205\203\347\264\240\347\232\204\346\225\210\346\236\234/index.html"
index ebbcf9a87..282536cc9 100644
--- "a/2021/01/26/jQuery\350\252\262\347\250\213\347\255\206\350\250\230-jQ\347\232\204attr\345\222\214\345\210\252\351\231\244\347\210\266\345\205\203\347\264\240\347\232\204\346\225\210\346\236\234/index.html"
+++ "b/2021/01/26/jQuery\350\252\262\347\250\213\347\255\206\350\250\230-jQ\347\232\204attr\345\222\214\345\210\252\351\231\244\347\210\266\345\205\203\347\264\240\347\232\204\346\225\210\346\236\234/index.html"
@@ -335,7 +335,7 @@ <h1 id="top滑動效果"><a href="#top滑動效果" class="headerlink" title="to
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/27/Vue-vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\2311-\346\216\245\345\205\245\345\276\214\347\253\257api\347\232\204\346\226\271\346\263\225/index.html" "b/2021/01/27/Vue-vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\2311-\346\216\245\345\205\245\345\276\214\347\253\257api\347\232\204\346\226\271\346\263\225/index.html"
index 4047b87c3..bd56e3908 100644
--- "a/2021/01/27/Vue-vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\2311-\346\216\245\345\205\245\345\276\214\347\253\257api\347\232\204\346\226\271\346\263\225/index.html"
+++ "b/2021/01/27/Vue-vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\2311-\346\216\245\345\205\245\345\276\214\347\253\257api\347\232\204\346\226\271\346\263\225/index.html"
@@ -369,7 +369,7 @@ <h2 id="helloworld-vue檔案中的scoped關鍵字"><a href="#helloworld-vue檔
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/27/Vue-vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\2312-\350\243\275\344\275\234\345\207\272\347\231\273\345\205\245\351\240\201\351\235\242/index.html" "b/2021/01/27/Vue-vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\2312-\350\243\275\344\275\234\345\207\272\347\231\273\345\205\245\351\240\201\351\235\242/index.html"
index ca8a586bc..a3ed9eefc 100644
--- "a/2021/01/27/Vue-vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\2312-\350\243\275\344\275\234\345\207\272\347\231\273\345\205\245\351\240\201\351\235\242/index.html"
+++ "b/2021/01/27/Vue-vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\2312-\350\243\275\344\275\234\345\207\272\347\231\273\345\205\245\351\240\201\351\235\242/index.html"
@@ -391,7 +391,7 @@ <h3 id="小問題，在路由後面隨意加東西"><a href="#小問題，在路
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/28/github\350\252\262\347\250\213\347\255\206\350\250\230-Git-\347\222\260\345\242\203\345\256\211\350\243\235/index.html" "b/2021/01/28/github\350\252\262\347\250\213\347\255\206\350\250\230-Git-\347\222\260\345\242\203\345\256\211\350\243\235/index.html"
index 875565799..a12767f0b 100644
--- "a/2021/01/28/github\350\252\262\347\250\213\347\255\206\350\250\230-Git-\347\222\260\345\242\203\345\256\211\350\243\235/index.html"
+++ "b/2021/01/28/github\350\252\262\347\250\213\347\255\206\350\250\230-Git-\347\222\260\345\242\203\345\256\211\350\243\235/index.html"
@@ -352,7 +352,7 @@ <h2 id="BitBucket-可提供私密的線上儲存空間"><a href="#BitBucket-可
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/28/\345\274\225\345\205\245\346\252\224\346\241\210\350\267\257\345\276\221\345\270\270\347\224\250\346\214\207\344\273\244/index.html" "b/2021/01/28/\345\274\225\345\205\245\346\252\224\346\241\210\350\267\257\345\276\221\345\270\270\347\224\250\346\214\207\344\273\244/index.html"
index 0a0b63b98..195a5f241 100644
--- "a/2021/01/28/\345\274\225\345\205\245\346\252\224\346\241\210\350\267\257\345\276\221\345\270\270\347\224\250\346\214\207\344\273\244/index.html"
+++ "b/2021/01/28/\345\274\225\345\205\245\346\252\224\346\241\210\350\267\257\345\276\221\345\270\270\347\224\250\346\214\207\344\273\244/index.html"
@@ -320,7 +320,7 @@ <h1 id="引用路徑指令"><a href="#引用路徑指令" class="headerlink" tit
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/29/Vue-vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\231-\346\222\260\345\257\253DashBoard-02/index.html" "b/2021/01/29/Vue-vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\231-\346\222\260\345\257\253DashBoard-02/index.html"
index 8b04f53d4..9628fdd9e 100644
--- "a/2021/01/29/Vue-vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\231-\346\222\260\345\257\253DashBoard-02/index.html"
+++ "b/2021/01/29/Vue-vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\231-\346\222\260\345\257\253DashBoard-02/index.html"
@@ -366,7 +366,7 @@ <h1 id="產品列表的分頁邏輯"><a href="#產品列表的分頁邏輯" clas
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/29/Vue-vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\231-\346\222\260\345\257\253DashBoard/index.html" "b/2021/01/29/Vue-vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\231-\346\222\260\345\257\253DashBoard/index.html"
index 6c1d69c64..200452c14 100644
--- "a/2021/01/29/Vue-vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\231-\346\222\260\345\257\253DashBoard/index.html"
+++ "b/2021/01/29/Vue-vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\231-\346\222\260\345\257\253DashBoard/index.html"
@@ -413,7 +413,7 @@ <h2 id="為imageUrl加上setter"><a href="#為imageUrl加上setter" class="heade
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/30/github\350\252\262\347\250\213\347\255\206\350\250\230-Git\345\210\206\346\224\257-branch/index.html" "b/2021/01/30/github\350\252\262\347\250\213\347\255\206\350\250\230-Git\345\210\206\346\224\257-branch/index.html"
index b82dac1d2..c7441d9e6 100644
--- "a/2021/01/30/github\350\252\262\347\250\213\347\255\206\350\250\230-Git\345\210\206\346\224\257-branch/index.html"
+++ "b/2021/01/30/github\350\252\262\347\250\213\347\255\206\350\250\230-Git\345\210\206\346\224\257-branch/index.html"
@@ -357,7 +357,7 @@ <h2 id="git-stash-drop-清除最新暫存"><a href="#git-stash-drop-清除最新
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/01/30/github\350\252\262\347\250\213\347\255\206\350\250\230-Git\345\234\230\351\232\212\345\220\210\344\275\234\347\257\207/index.html" "b/2021/01/30/github\350\252\262\347\250\213\347\255\206\350\250\230-Git\345\234\230\351\232\212\345\220\210\344\275\234\347\257\207/index.html"
index 23f856ae0..4c6c4bd05 100644
--- "a/2021/01/30/github\350\252\262\347\250\213\347\255\206\350\250\230-Git\345\234\230\351\232\212\345\220\210\344\275\234\347\257\207/index.html"
+++ "b/2021/01/30/github\350\252\262\347\250\213\347\255\206\350\250\230-Git\345\234\230\351\232\212\345\220\210\344\275\234\347\257\207/index.html"
@@ -327,7 +327,7 @@ <h1 id="Github-Pages-存放網頁空間流程"><a href="#Github-Pages-存放網
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/02/01/vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\231-shopping\351\240\201\351\235\242/index.html" "b/2021/02/01/vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\231-shopping\351\240\201\351\235\242/index.html"
index 5d62ecc0d..99127893e 100644
--- "a/2021/02/01/vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\231-shopping\351\240\201\351\235\242/index.html"
+++ "b/2021/02/01/vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\231-shopping\351\240\201\351\235\242/index.html"
@@ -383,7 +383,7 @@ <h3 id="小插曲-安裝vue-i18n來支援中文化"><a href="#小插曲-安裝vu
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/02/01/vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\231-\350\252\262\347\250\213\347\255\206\350\250\2303/index.html" "b/2021/02/01/vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\231-\350\252\262\347\250\213\347\255\206\350\250\2303/index.html"
index 87b4699f1..7be8ee5fe 100644
--- "a/2021/02/01/vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\231-\350\252\262\347\250\213\347\255\206\350\250\2303/index.html"
+++ "b/2021/02/01/vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\231-\350\252\262\347\250\213\347\255\206\350\250\2303/index.html"
@@ -324,7 +324,7 @@ <h1 id="套用價格的-Filter-技巧"><a href="#套用價格的-Filter-技巧"
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/02/03/vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\231-Vue-Cli-3-0/index.html" "b/2021/02/03/vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\231-Vue-Cli-3-0/index.html"
index f51d6e238..f1b573ce6 100644
--- "a/2021/02/03/vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\231-Vue-Cli-3-0/index.html"
+++ "b/2021/02/03/vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\231-Vue-Cli-3-0/index.html"
@@ -374,7 +374,7 @@ <h1 id="6-分鐘，使用-Vue-Cli-快速創建原型"><a href="#6-分鐘，使
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/02/03/vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\231-\350\241\250\345\226\256\351\251\227\350\255\211\350\243\234\345\205\205/index.html" "b/2021/02/03/vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\231-\350\241\250\345\226\256\351\251\227\350\255\211\350\243\234\345\205\205/index.html"
index 8a49b7ddd..48a97e2a8 100644
--- "a/2021/02/03/vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\231-\350\241\250\345\226\256\351\251\227\350\255\211\350\243\234\345\205\205/index.html"
+++ "b/2021/02/03/vue\345\207\272\344\270\200\345\200\213\351\233\273\345\225\206\347\266\262\347\253\231-\350\241\250\345\226\256\351\251\227\350\255\211\350\243\234\345\205\205/index.html"
@@ -360,7 +360,7 @@ <h2 id="小插曲-npm-run-build沒有辦法呈現頁面"><a href="#小插曲-npm
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/02/11/JavaScript\345\255\270\345\276\222\347\257\207-BOM/index.html" "b/2021/02/11/JavaScript\345\255\270\345\276\222\347\257\207-BOM/index.html"
index 3139995e6..4a40378ef 100644
--- "a/2021/02/11/JavaScript\345\255\270\345\276\222\347\257\207-BOM/index.html"
+++ "b/2021/02/11/JavaScript\345\255\270\345\276\222\347\257\207-BOM/index.html"
@@ -335,7 +335,7 @@ <h1 id="動態擷取瀏覽器高度-innerHeight"><a href="#動態擷取瀏覽器
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/02/11/JavaScript\345\255\270\345\276\222\347\257\207-DOM/index.html" "b/2021/02/11/JavaScript\345\255\270\345\276\222\347\257\207-DOM/index.html"
index cd0954f3a..44cd3e711 100644
--- "a/2021/02/11/JavaScript\345\255\270\345\276\222\347\257\207-DOM/index.html"
+++ "b/2021/02/11/JavaScript\345\255\270\345\276\222\347\257\207-DOM/index.html"
@@ -345,7 +345,7 @@ <h1 id="event-事件"><a href="#event-事件" class="headerlink" title="event(
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/02/11/JavaScript\345\255\270\345\276\222\347\257\207-Event/index.html" "b/2021/02/11/JavaScript\345\255\270\345\276\222\347\257\207-Event/index.html"
index a86179d5f..4a5ef4f88 100644
--- "a/2021/02/11/JavaScript\345\255\270\345\276\222\347\257\207-Event/index.html"
+++ "b/2021/02/11/JavaScript\345\255\270\345\276\222\347\257\207-Event/index.html"
@@ -369,7 +369,7 @@ <h1 id="事件監聽優化篇-從父元素來監聽子元素內容"><a href="#
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/02/11/JavaScript\345\255\270\345\276\222\347\257\207-Jason/index.html" "b/2021/02/11/JavaScript\345\255\270\345\276\222\347\257\207-Jason/index.html"
index d1fa0236e..3dc78c5d9 100644
--- "a/2021/02/11/JavaScript\345\255\270\345\276\222\347\257\207-Jason/index.html"
+++ "b/2021/02/11/JavaScript\345\255\270\345\276\222\347\257\207-Jason/index.html"
@@ -329,7 +329,7 @@ <h1 id="擷取-JSON-格式流程"><a href="#擷取-JSON-格式流程" class="hea
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/02/11/JavaScript\345\255\270\345\276\222\347\257\207-\346\216\247\345\210\266\345\210\244\346\226\267/index.html" "b/2021/02/11/JavaScript\345\255\270\345\276\222\347\257\207-\346\216\247\345\210\266\345\210\244\346\226\267/index.html"
index 9f2637a38..482d65f2c 100644
--- "a/2021/02/11/JavaScript\345\255\270\345\276\222\347\257\207-\346\216\247\345\210\266\345\210\244\346\226\267/index.html"
+++ "b/2021/02/11/JavaScript\345\255\270\345\276\222\347\257\207-\346\216\247\345\210\266\345\210\244\346\226\267/index.html"
@@ -325,7 +325,7 @@ <h2 id="的部分"><a href="#的部分" class="headerlink" title="|| 的部分">
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/02/13/JavaScript\345\255\270\345\276\222\347\257\207-localStorage\350\263\207\346\226\231\345\204\262\345\255\230/index.html" "b/2021/02/13/JavaScript\345\255\270\345\276\222\347\257\207-localStorage\350\263\207\346\226\231\345\204\262\345\255\230/index.html"
index a0ad982ee..76f0a31c0 100644
--- "a/2021/02/13/JavaScript\345\255\270\345\276\222\347\257\207-localStorage\350\263\207\346\226\231\345\204\262\345\255\230/index.html"
+++ "b/2021/02/13/JavaScript\345\255\270\345\276\222\347\257\207-localStorage\350\263\207\346\226\231\345\204\262\345\255\230/index.html"
@@ -334,7 +334,7 @@ <h1 id="localStorage作業"><a href="#localStorage作業" class="headerlink" tit
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/02/16/AJAX\350\252\262\347\250\213\347\255\206\350\250\230-1/index.html" "b/2021/02/16/AJAX\350\252\262\347\250\213\347\255\206\350\250\230-1/index.html"
index 22dfb120a..7150c2455 100644
--- "a/2021/02/16/AJAX\350\252\262\347\250\213\347\255\206\350\250\230-1/index.html"
+++ "b/2021/02/16/AJAX\350\252\262\347\250\213\347\255\206\350\250\230-1/index.html"
@@ -345,7 +345,7 @@ <h1 id="HTTP狀態碼"><a href="#HTTP狀態碼" class="headerlink" title="HTTP
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/02/16/AJAX\350\252\262\347\250\213\347\255\206\350\250\230-2/index.html" "b/2021/02/16/AJAX\350\252\262\347\250\213\347\255\206\350\250\230-2/index.html"
index 426c08625..ca8059888 100644
--- "a/2021/02/16/AJAX\350\252\262\347\250\213\347\255\206\350\250\230-2/index.html"
+++ "b/2021/02/16/AJAX\350\252\262\347\250\213\347\255\206\350\250\230-2/index.html"
@@ -329,7 +329,7 @@ <h1 id="AJAX-以JSON格式傳遞"><a href="#AJAX-以JSON格式傳遞" class="hea
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/02/17/Leaflet\345\222\214OpenSourceMap-JS\345\257\253\346\263\225/index.html" "b/2021/02/17/Leaflet\345\222\214OpenSourceMap-JS\345\257\253\346\263\225/index.html"
index 89aac9cdf..0cf24d6c6 100644
--- "a/2021/02/17/Leaflet\345\222\214OpenSourceMap-JS\345\257\253\346\263\225/index.html"
+++ "b/2021/02/17/Leaflet\345\222\214OpenSourceMap-JS\345\257\253\346\263\225/index.html"
@@ -330,7 +330,7 @@ <h1 id="Leaflet-OpenStreetMap-地圖應用開發"><a href="#Leaflet-OpenStreetMa
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/02/17/Leaflet\345\222\214OpenSourceMap-Vue\345\257\253\346\263\225/index.html" "b/2021/02/17/Leaflet\345\222\214OpenSourceMap-Vue\345\257\253\346\263\225/index.html"
index d70526ebf..9251f65fc 100644
--- "a/2021/02/17/Leaflet\345\222\214OpenSourceMap-Vue\345\257\253\346\263\225/index.html"
+++ "b/2021/02/17/Leaflet\345\222\214OpenSourceMap-Vue\345\257\253\346\263\225/index.html"
@@ -349,7 +349,7 @@ <h2 id="為Marker加入bindPopup的內容"><a href="#為Marker加入bindPopup的
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/02/19/JS\346\240\270\345\277\203\347\257\207-\347\254\254\344\272\214\347\253\240\347\255\206\350\250\230/index.html" "b/2021/02/19/JS\346\240\270\345\277\203\347\257\207-\347\254\254\344\272\214\347\253\240\347\255\206\350\250\230/index.html"
index 1e283c9f1..27f22e1e1 100644
--- "a/2021/02/19/JS\346\240\270\345\277\203\347\257\207-\347\254\254\344\272\214\347\253\240\347\255\206\350\250\230/index.html"
+++ "b/2021/02/19/JS\346\240\270\345\277\203\347\257\207-\347\254\254\344\272\214\347\253\240\347\255\206\350\250\230/index.html"
@@ -334,7 +334,7 @@ <h2 id="function的Hoisting特性-不同宣告方式的差異"><a href="#functio
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/02/19/JS\346\240\270\345\277\203\347\257\207-\347\254\254\344\272\214\347\253\240\347\255\206\350\250\2301/index.html" "b/2021/02/19/JS\346\240\270\345\277\203\347\257\207-\347\254\254\344\272\214\347\253\240\347\255\206\350\250\2301/index.html"
index 80c28be53..b2fd75ab7 100644
--- "a/2021/02/19/JS\346\240\270\345\277\203\347\257\207-\347\254\254\344\272\214\347\253\240\347\255\206\350\250\2301/index.html"
+++ "b/2021/02/19/JS\346\240\270\345\277\203\347\257\207-\347\254\254\344\272\214\347\253\240\347\255\206\350\250\2301/index.html"
@@ -338,7 +338,7 @@ <h3 id="物件型別傳址例外-pass-by-sharing"><a href="#物件型別傳址
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/02/24/JS\346\240\270\345\277\203-\347\254\254\345\233\233\347\253\240\347\255\206\350\250\230/index.html" "b/2021/02/24/JS\346\240\270\345\277\203-\347\254\254\345\233\233\347\253\240\347\255\206\350\250\230/index.html"
index 3a8e35d9c..7b3092c43 100644
--- "a/2021/02/24/JS\346\240\270\345\277\203-\347\254\254\345\233\233\347\253\240\347\255\206\350\250\230/index.html"
+++ "b/2021/02/24/JS\346\240\270\345\277\203-\347\254\254\345\233\233\347\253\240\347\255\206\350\250\230/index.html"
@@ -358,7 +358,7 @@ <h1 id="事件指派-監聽父元素"><a href="#事件指派-監聽父元素" cl
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/02/24/JS\346\240\270\345\277\203\347\257\207-\347\254\254\344\270\211\347\253\240\347\255\206\350\250\230/index.html" "b/2021/02/24/JS\346\240\270\345\277\203\347\257\207-\347\254\254\344\270\211\347\253\240\347\255\206\350\250\230/index.html"
index 731ae3996..b407fb637 100644
--- "a/2021/02/24/JS\346\240\270\345\277\203\347\257\207-\347\254\254\344\270\211\347\253\240\347\255\206\350\250\230/index.html"
+++ "b/2021/02/24/JS\346\240\270\345\277\203\347\257\207-\347\254\254\344\270\211\347\253\240\347\255\206\350\250\230/index.html"
@@ -353,7 +353,7 @@ <h4 id="history-pushState-來實現SPA"><a href="#history-pushState-來實現SPA
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/03/09/JS\346\240\270\345\277\203-\345\207\275\345\274\217/index.html" "b/2021/03/09/JS\346\240\270\345\277\203-\345\207\275\345\274\217/index.html"
index 4bf544f65..871d5d969 100644
--- "a/2021/03/09/JS\346\240\270\345\277\203-\345\207\275\345\274\217/index.html"
+++ "b/2021/03/09/JS\346\240\270\345\277\203-\345\207\275\345\274\217/index.html"
@@ -361,7 +361,7 @@ <h3 id="不使用Promise就控制函式的操作順序"><a href="#不使用Promi
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/03/11/JS\346\240\270\345\277\203-\345\207\275\345\274\217-Promise\347\211\251\344\273\266/index.html" "b/2021/03/11/JS\346\240\270\345\277\203-\345\207\275\345\274\217-Promise\347\211\251\344\273\266/index.html"
index 50b0dcc9f..2b668b0a8 100644
--- "a/2021/03/11/JS\346\240\270\345\277\203-\345\207\275\345\274\217-Promise\347\211\251\344\273\266/index.html"
+++ "b/2021/03/11/JS\346\240\270\345\277\203-\345\207\275\345\274\217-Promise\347\211\251\344\273\266/index.html"
@@ -353,7 +353,7 @@ <h3 id="js主執行緒機制會導致非同步函式延遲"><a href="#js主執
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/03/11/js\346\240\270\345\277\203\347\257\207-\344\275\234\347\224\250\351\215\212\345\222\214\351\226\211\345\214\205/index.html" "b/2021/03/11/js\346\240\270\345\277\203\347\257\207-\344\275\234\347\224\250\351\215\212\345\222\214\351\226\211\345\214\205/index.html"
index 9a96c71e9..5a31fdbb4 100644
--- "a/2021/03/11/js\346\240\270\345\277\203\347\257\207-\344\275\234\347\224\250\351\215\212\345\222\214\351\226\211\345\214\205/index.html"
+++ "b/2021/03/11/js\346\240\270\345\277\203\347\257\207-\344\275\234\347\224\250\351\215\212\345\222\214\351\226\211\345\214\205/index.html"
@@ -358,7 +358,7 @@ <h2 id="閉包誤區"><a href="#閉包誤區" class="headerlink" title="閉包
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/03/12/Vue\350\252\262\347\250\213\347\255\206\350\250\230-VueX/index.html" "b/2021/03/12/Vue\350\252\262\347\250\213\347\255\206\350\250\230-VueX/index.html"
index 04bbcd53c..8d3259eb5 100644
--- "a/2021/03/12/Vue\350\252\262\347\250\213\347\255\206\350\250\230-VueX/index.html"
+++ "b/2021/03/12/Vue\350\252\262\347\250\213\347\255\206\350\250\230-VueX/index.html"
@@ -393,7 +393,7 @@ <h1 id="VueX小結論"><a href="#VueX小結論" class="headerlink" title="VueX
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/03/16/JS\346\240\270\345\277\203\347\257\207-this\345\210\260\345\272\225\346\230\257\350\252\260/index.html" "b/2021/03/16/JS\346\240\270\345\277\203\347\257\207-this\345\210\260\345\272\225\346\230\257\350\252\260/index.html"
index 2dcdbf8f6..8589afb1a 100644
--- "a/2021/03/16/JS\346\240\270\345\277\203\347\257\207-this\345\210\260\345\272\225\346\230\257\350\252\260/index.html"
+++ "b/2021/03/16/JS\346\240\270\345\277\203\347\257\207-this\345\210\260\345\272\225\346\230\257\350\252\260/index.html"
@@ -358,7 +358,7 @@ <h2 id="箭頭函式"><a href="#箭頭函式" class="headerlink" title="箭頭
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/03/18/JS\346\240\270\345\277\203\347\257\207-\347\211\251\344\273\266-\345\222\214-\345\216\237\345\236\213\347\267\264/index.html" "b/2021/03/18/JS\346\240\270\345\277\203\347\257\207-\347\211\251\344\273\266-\345\222\214-\345\216\237\345\236\213\347\267\264/index.html"
index 2d4e3f9e5..8e5174699 100644
--- "a/2021/03/18/JS\346\240\270\345\277\203\347\257\207-\347\211\251\344\273\266-\345\222\214-\345\216\237\345\236\213\347\267\264/index.html"
+++ "b/2021/03/18/JS\346\240\270\345\277\203\347\257\207-\347\211\251\344\273\266-\345\222\214-\345\216\237\345\236\213\347\267\264/index.html"
@@ -369,7 +369,7 @@ <h3 id="不支援proto"><a href="#不支援proto" class="headerlink" title="不
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/03/24/JS\346\240\270\345\277\203\347\257\207-MVC\346\236\266\346\247\213\345\222\214SPA\346\246\202\345\277\265\347\255\206\350\250\230/index.html" "b/2021/03/24/JS\346\240\270\345\277\203\347\257\207-MVC\346\236\266\346\247\213\345\222\214SPA\346\246\202\345\277\265\347\255\206\350\250\230/index.html"
index 1725abdb0..075871a58 100644
--- "a/2021/03/24/JS\346\240\270\345\277\203\347\257\207-MVC\346\236\266\346\247\213\345\222\214SPA\346\246\202\345\277\265\347\255\206\350\250\230/index.html"
+++ "b/2021/03/24/JS\346\240\270\345\277\203\347\257\207-MVC\346\236\266\346\247\213\345\222\214SPA\346\246\202\345\277\265\347\255\206\350\250\230/index.html"
@@ -331,7 +331,7 @@ <h2 id="SPA-缺點"><a href="#SPA-缺點" class="headerlink" title="SPA 缺點">
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/03/30/JS\346\240\270\345\277\203\347\257\207-Hoisting\346\246\202\345\277\265/index.html" "b/2021/03/30/JS\346\240\270\345\277\203\347\257\207-Hoisting\346\246\202\345\277\265/index.html"
index f06f3bf34..3a915f6df 100644
--- "a/2021/03/30/JS\346\240\270\345\277\203\347\257\207-Hoisting\346\246\202\345\277\265/index.html"
+++ "b/2021/03/30/JS\346\240\270\345\277\203\347\257\207-Hoisting\346\246\202\345\277\265/index.html"
@@ -329,7 +329,7 @@ <h1 id="let的Hoisting概念"><a href="#let的Hoisting概念" class="headerlink"
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/03/30/JS\346\240\270\345\277\203\347\257\207-Let\345\222\214Const\345\237\272\346\234\254\346\246\202\345\277\265/index.html" "b/2021/03/30/JS\346\240\270\345\277\203\347\257\207-Let\345\222\214Const\345\237\272\346\234\254\346\246\202\345\277\265/index.html"
index e5841aefb..7b93400e6 100644
--- "a/2021/03/30/JS\346\240\270\345\277\203\347\257\207-Let\345\222\214Const\345\237\272\346\234\254\346\246\202\345\277\265/index.html"
+++ "b/2021/03/30/JS\346\240\270\345\277\203\347\257\207-Let\345\222\214Const\345\237\272\346\234\254\346\246\202\345\277\265/index.html"
@@ -324,7 +324,7 @@ <h2 id="const宣告物件"><a href="#const宣告物件" class="headerlink" title
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/03/30/JS\346\240\270\345\277\203\347\257\207-\345\261\254\346\200\247\347\211\271\345\276\265/index.html" "b/2021/03/30/JS\346\240\270\345\277\203\347\257\207-\345\261\254\346\200\247\347\211\271\345\276\265/index.html"
index 70505e585..08c322fd8 100644
--- "a/2021/03/30/JS\346\240\270\345\277\203\347\257\207-\345\261\254\346\200\247\347\211\271\345\276\265/index.html"
+++ "b/2021/03/30/JS\346\240\270\345\277\203\347\257\207-\345\261\254\346\200\247\347\211\271\345\276\265/index.html"
@@ -351,7 +351,7 @@ <h2 id="課程提供的getter的使用範例"><a href="#課程提供的getter的
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/04/02/JS\346\240\270\345\277\203\347\257\207-\346\250\243\347\211\210\345\255\227\351\235\242\345\200\274/index.html" "b/2021/04/02/JS\346\240\270\345\277\203\347\257\207-\346\250\243\347\211\210\345\255\227\351\235\242\345\200\274/index.html"
index a37ce24b1..06da2d3e0 100644
--- "a/2021/04/02/JS\346\240\270\345\277\203\347\257\207-\346\250\243\347\211\210\345\255\227\351\235\242\345\200\274/index.html"
+++ "b/2021/04/02/JS\346\240\270\345\277\203\347\257\207-\346\250\243\347\211\210\345\255\227\351\235\242\345\200\274/index.html"
@@ -347,7 +347,7 @@ <h2 id="標籤樣板字面值的好處"><a href="#標籤樣板字面值的好處
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/04/02/JS\346\240\270\345\277\203\347\257\207-\347\256\255\351\240\255\345\207\275\345\274\217/index.html" "b/2021/04/02/JS\346\240\270\345\277\203\347\257\207-\347\256\255\351\240\255\345\207\275\345\274\217/index.html"
index 2e16ea578..84f964949 100644
--- "a/2021/04/02/JS\346\240\270\345\277\203\347\257\207-\347\256\255\351\240\255\345\207\275\345\274\217/index.html"
+++ "b/2021/04/02/JS\346\240\270\345\277\203\347\257\207-\347\256\255\351\240\255\345\207\275\345\274\217/index.html"
@@ -358,7 +358,7 @@ <h1 id="箭頭函式實戰用法"><a href="#箭頭函式實戰用法" class="hea
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/04/06/JS\346\240\270\345\277\203\347\257\207-Promise/index.html" "b/2021/04/06/JS\346\240\270\345\277\203\347\257\207-Promise/index.html"
index 77469983a..4c5e5aabf 100644
--- "a/2021/04/06/JS\346\240\270\345\277\203\347\257\207-Promise/index.html"
+++ "b/2021/04/06/JS\346\240\270\345\277\203\347\257\207-Promise/index.html"
@@ -346,7 +346,7 @@ <h1 id="Promise-與-Ajax"><a href="#Promise-與-Ajax" class="headerlink" title="
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/04/13/\345\273\272\347\253\213webpack\347\222\260\345\242\203\346\223\215\344\275\234\346\255\245\351\251\237\347\264\200\351\214\204/index.html" "b/2021/04/13/\345\273\272\347\253\213webpack\347\222\260\345\242\203\346\223\215\344\275\234\346\255\245\351\251\237\347\264\200\351\214\204/index.html"
index 2d7333e00..f7d11b6c8 100644
--- "a/2021/04/13/\345\273\272\347\253\213webpack\347\222\260\345\242\203\346\223\215\344\275\234\346\255\245\351\251\237\347\264\200\351\214\204/index.html"
+++ "b/2021/04/13/\345\273\272\347\253\213webpack\347\222\260\345\242\203\346\223\215\344\275\234\346\255\245\351\251\237\347\264\200\351\214\204/index.html"
@@ -368,7 +368,7 @@ <h2 id="使用webpack-dev-server的小插曲-Cant-find-module錯誤"><a href="#
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/04/13/\350\252\215\350\255\230webpack/index.html" "b/2021/04/13/\350\252\215\350\255\230webpack/index.html"
index fdad8bed5..d1c8cec9e 100644
--- "a/2021/04/13/\350\252\215\350\255\230webpack/index.html"
+++ "b/2021/04/13/\350\252\215\350\255\230webpack/index.html"
@@ -323,7 +323,7 @@ <h2 id="plugin"><a href="#plugin" class="headerlink" title="plugin"></a>plugin</
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/04/14/gulp\345\237\272\346\234\254\344\273\213\347\264\271/index.html" "b/2021/04/14/gulp\345\237\272\346\234\254\344\273\213\347\264\271/index.html"
index 63188abaa..afac44d46 100644
--- "a/2021/04/14/gulp\345\237\272\346\234\254\344\273\213\347\264\271/index.html"
+++ "b/2021/04/14/gulp\345\237\272\346\234\254\344\273\213\347\264\271/index.html"
@@ -316,7 +316,7 @@ <h1 id="gulp-的基本認識"><a href="#gulp-的基本認識" class="headerlink"
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/04/14/\345\273\272\347\253\213gulp\347\222\260\345\242\203\346\223\215\344\275\234\346\255\245\351\251\237\347\264\200\351\214\204/index.html" "b/2021/04/14/\345\273\272\347\253\213gulp\347\222\260\345\242\203\346\223\215\344\275\234\346\255\245\351\251\237\347\264\200\351\214\204/index.html"
index 53afe0cf3..f8a86198f 100644
--- "a/2021/04/14/\345\273\272\347\253\213gulp\347\222\260\345\242\203\346\223\215\344\275\234\346\255\245\351\251\237\347\264\200\351\214\204/index.html"
+++ "b/2021/04/14/\345\273\272\347\253\213gulp\347\222\260\345\242\203\346\223\215\344\275\234\346\255\245\351\251\237\347\264\200\351\214\204/index.html"
@@ -351,7 +351,7 @@ <h1 id="利用gulp來將專案檔部屬到github-pages"><a href="#利用gulp來
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/04/15/\345\201\275\351\241\236\350\210\207\345\201\275\345\205\203\347\264\240/index.html" "b/2021/04/15/\345\201\275\351\241\236\350\210\207\345\201\275\345\205\203\347\264\240/index.html"
index 4dc561764..6ba38820e 100644
--- "a/2021/04/15/\345\201\275\351\241\236\350\210\207\345\201\275\345\205\203\347\264\240/index.html"
+++ "b/2021/04/15/\345\201\275\351\241\236\350\210\207\345\201\275\345\205\203\347\264\240/index.html"
@@ -341,7 +341,7 @@ <h1 id="參考資料"><a href="#參考資料" class="headerlink" title="參考
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/04/15/\350\252\236\346\204\217\345\214\226\346\250\231\347\261\244\347\255\206\350\250\230/index.html" "b/2021/04/15/\350\252\236\346\204\217\345\214\226\346\250\231\347\261\244\347\255\206\350\250\230/index.html"
index 8d4067738..5741eb3b9 100644
--- "a/2021/04/15/\350\252\236\346\204\217\345\214\226\346\250\231\347\261\244\347\255\206\350\250\230/index.html"
+++ "b/2021/04/15/\350\252\236\346\204\217\345\214\226\346\250\231\347\261\244\347\255\206\350\250\230/index.html"
@@ -340,7 +340,7 @@ <h1 id="參考資料"><a href="#參考資料" class="headerlink" title="參考
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/04/22/JavaScript-\346\267\272\345\261\244\346\213\267\350\262\235\345\222\214\346\267\261\345\261\244\346\213\267\350\262\235/index.html" "b/2021/04/22/JavaScript-\346\267\272\345\261\244\346\213\267\350\262\235\345\222\214\346\267\261\345\261\244\346\213\267\350\262\235/index.html"
index 1f5859816..4015c4692 100644
--- "a/2021/04/22/JavaScript-\346\267\272\345\261\244\346\213\267\350\262\235\345\222\214\346\267\261\345\261\244\346\213\267\350\262\235/index.html"
+++ "b/2021/04/22/JavaScript-\346\267\272\345\261\244\346\213\267\350\262\235\345\222\214\346\267\261\345\261\244\346\213\267\350\262\235/index.html"
@@ -336,7 +336,7 @@ <h1 id="參考資料"><a href="#參考資料" class="headerlink" title="參考
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/04/22/replace-\347\224\250\345\234\250\345\215\203\345\210\206\350\231\237\347\232\204\346\226\271\346\263\225\344\273\213\347\264\271/index.html" "b/2021/04/22/replace-\347\224\250\345\234\250\345\215\203\345\210\206\350\231\237\347\232\204\346\226\271\346\263\225\344\273\213\347\264\271/index.html"
index c5d4a4cd2..f6948c470 100644
--- "a/2021/04/22/replace-\347\224\250\345\234\250\345\215\203\345\210\206\350\231\237\347\232\204\346\226\271\346\263\225\344\273\213\347\264\271/index.html"
+++ "b/2021/04/22/replace-\347\224\250\345\234\250\345\215\203\345\210\206\350\231\237\347\232\204\346\226\271\346\263\225\344\273\213\347\264\271/index.html"
@@ -337,7 +337,7 @@ <h1 id="參考文獻"><a href="#參考文獻" class="headerlink" title="參考
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/04/22/\351\231\243\345\210\227\347\224\250\346\263\225sort-pop-map-filter-reduce\344\273\213\347\264\271/index.html" "b/2021/04/22/\351\231\243\345\210\227\347\224\250\346\263\225sort-pop-map-filter-reduce\344\273\213\347\264\271/index.html"
index 61599d581..23f566a41 100644
--- "a/2021/04/22/\351\231\243\345\210\227\347\224\250\346\263\225sort-pop-map-filter-reduce\344\273\213\347\264\271/index.html"
+++ "b/2021/04/22/\351\231\243\345\210\227\347\224\250\346\263\225sort-pop-map-filter-reduce\344\273\213\347\264\271/index.html"
@@ -353,7 +353,7 @@ <h1 id="pop"><a href="#pop" class="headerlink" title="pop"></a>pop</h1><p>此方
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/04/23/CSS\347\232\204\345\255\227\351\253\224\345\244\247\345\260\217\350\250\255\345\256\232/index.html" "b/2021/04/23/CSS\347\232\204\345\255\227\351\253\224\345\244\247\345\260\217\350\250\255\345\256\232/index.html"
index 824c1b134..9bc9e755f 100644
--- "a/2021/04/23/CSS\347\232\204\345\255\227\351\253\224\345\244\247\345\260\217\350\250\255\345\256\232/index.html"
+++ "b/2021/04/23/CSS\347\232\204\345\255\227\351\253\224\345\244\247\345\260\217\350\250\255\345\256\232/index.html"
@@ -328,7 +328,7 @@ <h1 id="參考資料"><a href="#參考資料" class="headerlink" title="參考
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/05/13/JavaScript-export\345\222\214import\344\273\213\347\264\271/index.html" "b/2021/05/13/JavaScript-export\345\222\214import\344\273\213\347\264\271/index.html"
index b36221fb1..9c3e9ffca 100644
--- "a/2021/05/13/JavaScript-export\345\222\214import\344\273\213\347\264\271/index.html"
+++ "b/2021/05/13/JavaScript-export\345\222\214import\344\273\213\347\264\271/index.html"
@@ -330,7 +330,7 @@ <h1 id="單一輸出模組寫法"><a href="#單一輸出模組寫法" class="hea
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/05/14/Bootstrap-\346\200\216\351\272\274\347\234\213\345\256\203\347\232\204hover\346\225\210\346\236\234\346\250\243\345\274\217/index.html" "b/2021/05/14/Bootstrap-\346\200\216\351\272\274\347\234\213\345\256\203\347\232\204hover\346\225\210\346\236\234\346\250\243\345\274\217/index.html"
index 6ff10a2c3..1488d7cc8 100644
--- "a/2021/05/14/Bootstrap-\346\200\216\351\272\274\347\234\213\345\256\203\347\232\204hover\346\225\210\346\236\234\346\250\243\345\274\217/index.html"
+++ "b/2021/05/14/Bootstrap-\346\200\216\351\272\274\347\234\213\345\256\203\347\232\204hover\346\225\210\346\236\234\346\250\243\345\274\217/index.html"
@@ -322,7 +322,7 @@ <h1 id="如何看元素的hover效果樣式"><a href="#如何看元素的hover
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/05/19/Vue-\351\235\234\346\205\213\345\261\254\346\200\247\345\222\214\345\213\225\346\205\213\347\266\201\345\256\232\347\232\204\345\204\252\345\205\210\351\240\206\345\272\217/index.html" "b/2021/05/19/Vue-\351\235\234\346\205\213\345\261\254\346\200\247\345\222\214\345\213\225\346\205\213\347\266\201\345\256\232\347\232\204\345\204\252\345\205\210\351\240\206\345\272\217/index.html"
index cda74361a..d46609172 100644
--- "a/2021/05/19/Vue-\351\235\234\346\205\213\345\261\254\346\200\247\345\222\214\345\213\225\346\205\213\347\266\201\345\256\232\347\232\204\345\204\252\345\205\210\351\240\206\345\272\217/index.html"
+++ "b/2021/05/19/Vue-\351\235\234\346\205\213\345\261\254\346\200\247\345\222\214\345\213\225\346\205\213\347\266\201\345\256\232\347\232\204\345\204\252\345\205\210\351\240\206\345\272\217/index.html"
@@ -350,7 +350,7 @@ <h2 id="IIFE-包裹-Vue-物件"><a href="#IIFE-包裹-Vue-物件" class="headerl
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/05/22/Vue-v-for\347\224\250\346\263\225\345\217\212\346\263\250\346\204\217\347\232\204\345\234\260\346\226\271/index.html" "b/2021/05/22/Vue-v-for\347\224\250\346\263\225\345\217\212\346\263\250\346\204\217\347\232\204\345\234\260\346\226\271/index.html"
index e481f2619..d947ba04a 100644
--- "a/2021/05/22/Vue-v-for\347\224\250\346\263\225\345\217\212\346\263\250\346\204\217\347\232\204\345\234\260\346\226\271/index.html"
+++ "b/2021/05/22/Vue-v-for\347\224\250\346\263\225\345\217\212\346\263\250\346\204\217\347\232\204\345\234\260\346\226\271/index.html"
@@ -320,7 +320,7 @@ <h1 id="Alex-宅幹嘛-眉眉角角"><a href="#Alex-宅幹嘛-眉眉角角" clas
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/05/22/Vue-v-if\345\222\214v-show\347\232\204\346\207\211\347\224\250\350\210\207\345\267\256\345\210\245/index.html" "b/2021/05/22/Vue-v-if\345\222\214v-show\347\232\204\346\207\211\347\224\250\350\210\207\345\267\256\345\210\245/index.html"
index 217acdd19..6bf07c7df 100644
--- "a/2021/05/22/Vue-v-if\345\222\214v-show\347\232\204\346\207\211\347\224\250\350\210\207\345\267\256\345\210\245/index.html"
+++ "b/2021/05/22/Vue-v-if\345\222\214v-show\347\232\204\346\207\211\347\224\250\350\210\207\345\267\256\345\210\245/index.html"
@@ -341,7 +341,7 @@ <h2 id="將-v-show-改寫成資料驅動"><a href="#將-v-show-改寫成資料
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/05/26/Vue-v-model\351\233\231\345\220\221\347\266\201\345\256\232/index.html" "b/2021/05/26/Vue-v-model\351\233\231\345\220\221\347\266\201\345\256\232/index.html"
index 3287aeae0..937dc9c14 100644
--- "a/2021/05/26/Vue-v-model\351\233\231\345\220\221\347\266\201\345\256\232/index.html"
+++ "b/2021/05/26/Vue-v-model\351\233\231\345\220\221\347\266\201\345\256\232/index.html"
@@ -336,7 +336,7 @@ <h2 id="div-區塊元素，可以觸發-blur-事件"><a href="#div-區塊元素
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/05/26/Vue-v-on\350\247\270\347\231\274\344\272\213\344\273\266/index.html" "b/2021/05/26/Vue-v-on\350\247\270\347\231\274\344\272\213\344\273\266/index.html"
index 90a01e146..7ffe1b49d 100644
--- "a/2021/05/26/Vue-v-on\350\247\270\347\231\274\344\272\213\344\273\266/index.html"
+++ "b/2021/05/26/Vue-v-on\350\247\270\347\231\274\344\272\213\344\273\266/index.html"
@@ -340,7 +340,7 @@ <h2 id="自動銷毀-addEventListener"><a href="#自動銷毀-addEventListener"
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/06/05/ReVue-Vue\347\232\204emit\345\222\214props\351\201\213\347\224\250/index.html" "b/2021/06/05/ReVue-Vue\347\232\204emit\345\222\214props\351\201\213\347\224\250/index.html"
index eee579e60..6ff57fc41 100644
--- "a/2021/06/05/ReVue-Vue\347\232\204emit\345\222\214props\351\201\213\347\224\250/index.html"
+++ "b/2021/06/05/ReVue-Vue\347\232\204emit\345\222\214props\351\201\213\347\224\250/index.html"
@@ -337,7 +337,7 @@ <h2 id="Vue-元件字峰寫法的雷"><a href="#Vue-元件字峰寫法的雷" cl
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/06/07/\345\205\255\350\247\222\350\250\210\346\246\202\350\252\262\347\250\213/index.html" "b/2021/06/07/\345\205\255\350\247\222\350\250\210\346\246\202\350\252\262\347\250\213/index.html"
index 0f08b30a1..24ce21c85 100644
--- "a/2021/06/07/\345\205\255\350\247\222\350\250\210\346\246\202\350\252\262\347\250\213/index.html"
+++ "b/2021/06/07/\345\205\255\350\247\222\350\250\210\346\246\202\350\252\262\347\250\213/index.html"
@@ -321,7 +321,7 @@ <h3 id="開發者模式-performance"><a href="#開發者模式-performance" clas
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/06/09/HTTP\347\213\200\346\205\213\347\242\274/index.html" "b/2021/06/09/HTTP\347\213\200\346\205\213\347\242\274/index.html"
index 88b3ff9b5..281d7f9ca 100644
--- "a/2021/06/09/HTTP\347\213\200\346\205\213\347\242\274/index.html"
+++ "b/2021/06/09/HTTP\347\213\200\346\205\213\347\242\274/index.html"
@@ -328,7 +328,7 @@ <h1 id="500"><a href="#500" class="headerlink" title="500"></a>500</h1><p>伺服
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/06/13/Alex\345\256\205\345\271\271\345\230\233ReVue-Day09-vue\345\205\203\344\273\266/index.html" "b/2021/06/13/Alex\345\256\205\345\271\271\345\230\233ReVue-Day09-vue\345\205\203\344\273\266/index.html"
index 72292d584..3603d5366 100644
--- "a/2021/06/13/Alex\345\256\205\345\271\271\345\230\233ReVue-Day09-vue\345\205\203\344\273\266/index.html"
+++ "b/2021/06/13/Alex\345\256\205\345\271\271\345\230\233ReVue-Day09-vue\345\205\203\344\273\266/index.html"
@@ -339,7 +339,7 @@ <h2 id="Vue-元件-字峰寫法的雷"><a href="#Vue-元件-字峰寫法的雷"
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/06/13/Alex\345\256\205\345\271\271\345\230\233ReVue-Day10-\345\205\203\344\273\266props/index.html" "b/2021/06/13/Alex\345\256\205\345\271\271\345\230\233ReVue-Day10-\345\205\203\344\273\266props/index.html"
index 4f09df69e..70254c789 100644
--- "a/2021/06/13/Alex\345\256\205\345\271\271\345\230\233ReVue-Day10-\345\205\203\344\273\266props/index.html"
+++ "b/2021/06/13/Alex\345\256\205\345\271\271\345\230\233ReVue-Day10-\345\205\203\344\273\266props/index.html"
@@ -345,7 +345,7 @@ <h2 id="限定傳入的-props-資料型別"><a href="#限定傳入的-props-資
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/06/13/Alex\345\256\205\345\271\271\345\230\233ReVue-Day10-\345\205\203\344\273\266\345\215\200\345\237\237\350\250\273\345\206\212\345\222\214\345\205\250\345\237\237\350\250\273\345\206\212/index.html" "b/2021/06/13/Alex\345\256\205\345\271\271\345\230\233ReVue-Day10-\345\205\203\344\273\266\345\215\200\345\237\237\350\250\273\345\206\212\345\222\214\345\205\250\345\237\237\350\250\273\345\206\212/index.html"
index 59f0de79b..4b0b49775 100644
--- "a/2021/06/13/Alex\345\256\205\345\271\271\345\230\233ReVue-Day10-\345\205\203\344\273\266\345\215\200\345\237\237\350\250\273\345\206\212\345\222\214\345\205\250\345\237\237\350\250\273\345\206\212/index.html"
+++ "b/2021/06/13/Alex\345\256\205\345\271\271\345\230\233ReVue-Day10-\345\205\203\344\273\266\345\215\200\345\237\237\350\250\273\345\206\212\345\222\214\345\205\250\345\237\237\350\250\273\345\206\212/index.html"
@@ -346,7 +346,7 @@ <h1 id="Vue-的-components-屬性"><a href="#Vue-的-components-屬性" class="h
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/06/14/Alex\345\256\205\345\271\271\345\230\233ReVue-Day11-\345\256\242\350\243\275\345\214\226\345\205\203\344\273\266\347\232\204props\347\224\250\346\263\225/index.html" "b/2021/06/14/Alex\345\256\205\345\271\271\345\230\233ReVue-Day11-\345\256\242\350\243\275\345\214\226\345\205\203\344\273\266\347\232\204props\347\224\250\346\263\225/index.html"
index 5ca900cfc..d0b413d04 100644
--- "a/2021/06/14/Alex\345\256\205\345\271\271\345\230\233ReVue-Day11-\345\256\242\350\243\275\345\214\226\345\205\203\344\273\266\347\232\204props\347\224\250\346\263\225/index.html"
+++ "b/2021/06/14/Alex\345\256\205\345\271\271\345\230\233ReVue-Day11-\345\256\242\350\243\275\345\214\226\345\205\203\344\273\266\347\232\204props\347\224\250\346\263\225/index.html"
@@ -339,7 +339,7 @@ <h2 id="不要用元件修改外部資料"><a href="#不要用元件修改外部
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/06/17/axios\345\245\227\344\273\266\347\266\262\350\267\257\350\253\213\346\261\202\344\275\277\347\224\250\344\273\213\347\264\271/index.html" "b/2021/06/17/axios\345\245\227\344\273\266\347\266\262\350\267\257\350\253\213\346\261\202\344\275\277\347\224\250\344\273\213\347\264\271/index.html"
index 3f408b0f6..9df0666a9 100644
--- "a/2021/06/17/axios\345\245\227\344\273\266\347\266\262\350\267\257\350\253\213\346\261\202\344\275\277\347\224\250\344\273\213\347\264\271/index.html"
+++ "b/2021/06/17/axios\345\245\227\344\273\266\347\266\262\350\267\257\350\253\213\346\261\202\344\275\277\347\224\250\344\273\213\347\264\271/index.html"
@@ -353,7 +353,7 @@ <h2 id="axios-作業練習"><a href="#axios-作業練習" class="headerlink" tit
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/06/22/Alex\345\256\205\345\271\271\345\230\233ReVue-Day12/index.html" "b/2021/06/22/Alex\345\256\205\345\271\271\345\230\233ReVue-Day12/index.html"
index 6813bb6e8..b2505894b 100644
--- "a/2021/06/22/Alex\345\256\205\345\271\271\345\230\233ReVue-Day12/index.html"
+++ "b/2021/06/22/Alex\345\256\205\345\271\271\345\230\233ReVue-Day12/index.html"
@@ -349,7 +349,7 @@ <h1 id="Dynamic-Slot-Names"><a href="#Dynamic-Slot-Names" class="headerlink" tit
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/06/22/Alex\345\256\205\345\271\271\345\230\233ReVue-Day13-State-Transition/index.html" "b/2021/06/22/Alex\345\256\205\345\271\271\345\230\233ReVue-Day13-State-Transition/index.html"
index ed7dab11e..491acd461 100644
--- "a/2021/06/22/Alex\345\256\205\345\271\271\345\230\233ReVue-Day13-State-Transition/index.html"
+++ "b/2021/06/22/Alex\345\256\205\345\271\271\345\230\233ReVue-Day13-State-Transition/index.html"
@@ -329,7 +329,7 @@ <h2 id="推薦的-library"><a href="#推薦的-library" class="headerlink" title
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/06/22/Alex\345\256\205\345\271\271\345\230\233ReVue-Day13-Transition/index.html" "b/2021/06/22/Alex\345\256\205\345\271\271\345\230\233ReVue-Day13-Transition/index.html"
index c52735127..5386c2a5a 100644
--- "a/2021/06/22/Alex\345\256\205\345\271\271\345\230\233ReVue-Day13-Transition/index.html"
+++ "b/2021/06/22/Alex\345\256\205\345\271\271\345\230\233ReVue-Day13-Transition/index.html"
@@ -350,7 +350,7 @@ <h2 id="在-transition-中的-display-屬性"><a href="#在-transition-中的-di
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/06/26/Alex\345\256\205\345\271\271\345\230\233-ReVue-Day14\347\255\206\350\250\230-Directive/index.html" "b/2021/06/26/Alex\345\256\205\345\271\271\345\230\233-ReVue-Day14\347\255\206\350\250\230-Directive/index.html"
index 2f063d81a..2ae62b1e0 100644
--- "a/2021/06/26/Alex\345\256\205\345\271\271\345\230\233-ReVue-Day14\347\255\206\350\250\230-Directive/index.html"
+++ "b/2021/06/26/Alex\345\256\205\345\271\271\345\230\233-ReVue-Day14\347\255\206\350\250\230-Directive/index.html"
@@ -409,7 +409,7 @@ <h3 id="Directive-心法"><a href="#Directive-心法" class="headerlink" title="
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/06/26/Alex\345\256\205\345\271\271\345\230\233-ReVue-Day14\347\255\206\350\250\230-Mixin/index.html" "b/2021/06/26/Alex\345\256\205\345\271\271\345\230\233-ReVue-Day14\347\255\206\350\250\230-Mixin/index.html"
index 486c4da07..8624ceac4 100644
--- "a/2021/06/26/Alex\345\256\205\345\271\271\345\230\233-ReVue-Day14\347\255\206\350\250\230-Mixin/index.html"
+++ "b/2021/06/26/Alex\345\256\205\345\271\271\345\230\233-ReVue-Day14\347\255\206\350\250\230-Mixin/index.html"
@@ -323,7 +323,7 @@ <h1 id="Global-Mixin"><a href="#Global-Mixin" class="headerlink" title="Global M
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2021/06/26/Alex\345\256\205\345\271\271\345\230\233-ReVue-Day15\347\255\206\350\250\230-Plugin\345\222\214Filter/index.html" "b/2021/06/26/Alex\345\256\205\345\271\271\345\230\233-ReVue-Day15\347\255\206\350\250\230-Plugin\345\222\214Filter/index.html"
index 3909503f3..96330cf2a 100644
--- "a/2021/06/26/Alex\345\256\205\345\271\271\345\230\233-ReVue-Day15\347\255\206\350\250\230-Plugin\345\222\214Filter/index.html"
+++ "b/2021/06/26/Alex\345\256\205\345\271\271\345\230\233-ReVue-Day15\347\255\206\350\250\230-Plugin\345\222\214Filter/index.html"
@@ -328,7 +328,7 @@ <h1 id="Filters"><a href="#Filters" class="headerlink" title="Filters"></a>Filte
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2022/01/13/Angular-\345\205\261\347\224\250\345\205\203\344\273\266-\345\275\210\347\252\227/index.html" "b/2022/01/13/Angular-\345\205\261\347\224\250\345\205\203\344\273\266-\345\275\210\347\252\227/index.html"
index d89e6ac99..bb90feaa6 100644
--- "a/2022/01/13/Angular-\345\205\261\347\224\250\345\205\203\344\273\266-\345\275\210\347\252\227/index.html"
+++ "b/2022/01/13/Angular-\345\205\261\347\224\250\345\205\203\344\273\266-\345\275\210\347\252\227/index.html"
@@ -362,7 +362,7 @@ <h1 id="結論"><a href="#結論" class="headerlink" title="結論"></a>結論</
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2022/01/15/Angular-\345\205\261\347\224\250\345\205\203\344\273\266-\345\275\210\347\252\227-2/index.html" "b/2022/01/15/Angular-\345\205\261\347\224\250\345\205\203\344\273\266-\345\275\210\347\252\227-2/index.html"
index 2b7e914cf..686609a9f 100644
--- "a/2022/01/15/Angular-\345\205\261\347\224\250\345\205\203\344\273\266-\345\275\210\347\252\227-2/index.html"
+++ "b/2022/01/15/Angular-\345\205\261\347\224\250\345\205\203\344\273\266-\345\275\210\347\252\227-2/index.html"
@@ -351,7 +351,7 @@ <h1 id="Reference"><a href="#Reference" class="headerlink" title="Reference"></a
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2022/01/15/Angular-\345\205\261\347\224\250\345\205\203\344\273\266-\345\275\210\347\252\227-3/index.html" "b/2022/01/15/Angular-\345\205\261\347\224\250\345\205\203\344\273\266-\345\275\210\347\252\227-3/index.html"
index de08c9a94..16711f471 100644
--- "a/2022/01/15/Angular-\345\205\261\347\224\250\345\205\203\344\273\266-\345\275\210\347\252\227-3/index.html"
+++ "b/2022/01/15/Angular-\345\205\261\347\224\250\345\205\203\344\273\266-\345\275\210\347\252\227-3/index.html"
@@ -347,7 +347,7 @@ <h1 id="Source-Code"><a href="#Source-Code" class="headerlink" title="Source Cod
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/2022/01/18/HTML-event-target-vs-event-currentTarget/index.html b/2022/01/18/HTML-event-target-vs-event-currentTarget/index.html
index 3df9b6aa1..49410552a 100644
--- a/2022/01/18/HTML-event-target-vs-event-currentTarget/index.html
+++ b/2022/01/18/HTML-event-target-vs-event-currentTarget/index.html
@@ -361,7 +361,7 @@ <h1 id="Reference"><a href="#Reference" class="headerlink" title="Reference"></a
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/2022/02/09/HTML-flex-grow-properties/index.html b/2022/02/09/HTML-flex-grow-properties/index.html
index f7c2afb42..8cb7d91a2 100644
--- a/2022/02/09/HTML-flex-grow-properties/index.html
+++ b/2022/02/09/HTML-flex-grow-properties/index.html
@@ -351,7 +351,7 @@ <h1 id="Reference"><a href="#Reference" class="headerlink" title="Reference"></a
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2022/02/09/HTML-getBoundingClientRect-\347\232\204\347\224\250\346\263\225/index.html" "b/2022/02/09/HTML-getBoundingClientRect-\347\232\204\347\224\250\346\263\225/index.html"
index 2474fa7a6..bce755107 100644
--- "a/2022/02/09/HTML-getBoundingClientRect-\347\232\204\347\224\250\346\263\225/index.html"
+++ "b/2022/02/09/HTML-getBoundingClientRect-\347\232\204\347\224\250\346\263\225/index.html"
@@ -344,7 +344,7 @@ <h1 id="Reference"><a href="#Reference" class="headerlink" title="Reference"></a
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/2022/02/13/Angular-image-Preview/index.html b/2022/02/13/Angular-image-Preview/index.html
index 1dca91956..e5b6e4bd2 100644
--- a/2022/02/13/Angular-image-Preview/index.html
+++ b/2022/02/13/Angular-image-Preview/index.html
@@ -374,7 +374,7 @@ <h1 id="The-Problems-that-I-have-been-through"><a href="#The-Problems-that-I-hav
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2022/03/20/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\344\272\222\345\213\225\345\234\226\346\226\207\345\215\241\347\211\207/index.html" "b/2022/03/20/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\344\272\222\345\213\225\345\234\226\346\226\207\345\215\241\347\211\207/index.html"
index 18bdcd2f9..a1091112c 100644
--- "a/2022/03/20/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\344\272\222\345\213\225\345\234\226\346\226\207\345\215\241\347\211\207/index.html"
+++ "b/2022/03/20/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\344\272\222\345\213\225\345\234\226\346\226\207\345\215\241\347\211\207/index.html"
@@ -343,7 +343,7 @@ <h1 id="CSS-快速寫法"><a href="#CSS-快速寫法" class="headerlink" title="
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2022/03/20/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\344\272\272\345\223\241\344\273\213\347\264\271\345\215\241\347\211\207/index.html" "b/2022/03/20/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\344\272\272\345\223\241\344\273\213\347\264\271\345\215\241\347\211\207/index.html"
index 87f62fadb..1892d8f8c 100644
--- "a/2022/03/20/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\344\272\272\345\223\241\344\273\213\347\264\271\345\215\241\347\211\207/index.html"
+++ "b/2022/03/20/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\344\272\272\345\223\241\344\273\213\347\264\271\345\215\241\347\211\207/index.html"
@@ -348,7 +348,7 @@ <h1 id="Reference"><a href="#Reference" class="headerlink" title="Reference"></a
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2022/03/20/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\345\234\226\346\226\207\346\273\277\347\211\210\345\215\200\345\241\212/index.html" "b/2022/03/20/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\345\234\226\346\226\207\346\273\277\347\211\210\345\215\200\345\241\212/index.html"
index 6e1afcf14..00ed663c5 100644
--- "a/2022/03/20/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\345\234\226\346\226\207\346\273\277\347\211\210\345\215\200\345\241\212/index.html"
+++ "b/2022/03/20/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\345\234\226\346\226\207\346\273\277\347\211\210\345\215\200\345\241\212/index.html"
@@ -352,7 +352,7 @@ <h1 id="Reference"><a href="#Reference" class="headerlink" title="Reference"></a
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2022/03/26/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\344\272\244\351\214\257\346\274\202\346\265\256\347\211\210/index.html" "b/2022/03/26/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\344\272\244\351\214\257\346\274\202\346\265\256\347\211\210/index.html"
index 671a496d9..9c63456db 100644
--- "a/2022/03/26/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\344\272\244\351\214\257\346\274\202\346\265\256\347\211\210/index.html"
+++ "b/2022/03/26/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\344\272\244\351\214\257\346\274\202\346\265\256\347\211\210/index.html"
@@ -349,7 +349,7 @@ <h1 id="Reference"><a href="#Reference" class="headerlink" title="Reference"></a
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2022/03/27/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-NO001-NO005\345\210\207\347\211\210\346\212\200\345\267\247\345\216\237\347\220\206\345\275\231\346\225\264/index.html" "b/2022/03/27/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-NO001-NO005\345\210\207\347\211\210\346\212\200\345\267\247\345\216\237\347\220\206\345\275\231\346\225\264/index.html"
index 9cd651abf..26295f295 100644
--- "a/2022/03/27/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-NO001-NO005\345\210\207\347\211\210\346\212\200\345\267\247\345\216\237\347\220\206\345\275\231\346\225\264/index.html"
+++ "b/2022/03/27/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-NO001-NO005\345\210\207\347\211\210\346\212\200\345\267\247\345\216\237\347\220\206\345\275\231\346\225\264/index.html"
@@ -321,7 +321,7 @@ <h1 id="學習點"><a href="#學習點" class="headerlink" title="學習點"></a
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2022/03/27/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\345\260\216\350\246\275\345\210\227/index.html" "b/2022/03/27/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\345\260\216\350\246\275\345\210\227/index.html"
index b1e459bd0..3ac1b306a 100644
--- "a/2022/03/27/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\345\260\216\350\246\275\345\210\227/index.html"
+++ "b/2022/03/27/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\345\260\216\350\246\275\345\210\227/index.html"
@@ -367,7 +367,7 @@ <h1 id="Reference"><a href="#Reference" class="headerlink" title="Reference"></a
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2022/03/27/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\347\266\262\351\240\201\351\240\201\345\260\276\347\211\210\345\241\212/index.html" "b/2022/03/27/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\347\266\262\351\240\201\351\240\201\345\260\276\347\211\210\345\241\212/index.html"
index ccb9b075a..e92f7c73d 100644
--- "a/2022/03/27/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\347\266\262\351\240\201\351\240\201\345\260\276\347\211\210\345\241\212/index.html"
+++ "b/2022/03/27/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\347\266\262\351\240\201\351\240\201\345\260\276\347\211\210\345\241\212/index.html"
@@ -340,7 +340,7 @@ <h1 id="Final-Result"><a href="#Final-Result" class="headerlink" title="Final Re
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2022/03/27/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\350\266\205\351\200\232\347\224\250\346\251\253\345\274\217\347\211\210\351\235\242/index.html" "b/2022/03/27/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\350\266\205\351\200\232\347\224\250\346\251\253\345\274\217\347\211\210\351\235\242/index.html"
index 75c886c1e..f027b19f8 100644
--- "a/2022/03/27/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\350\266\205\351\200\232\347\224\250\346\251\253\345\274\217\347\211\210\351\235\242/index.html"
+++ "b/2022/03/27/CSS-\351\207\221\351\255\232\347\263\273\345\210\227\345\210\207\347\211\210-\350\266\205\351\200\232\347\224\250\346\251\253\345\274\217\347\211\210\351\235\242/index.html"
@@ -338,7 +338,7 @@ <h1 id="Reference"><a href="#Reference" class="headerlink" title="Reference"></a
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/2022/10/01/Angular-class-and-style-binding/index.html b/2022/10/01/Angular-class-and-style-binding/index.html
index 37cac3850..61f515b10 100644
--- a/2022/10/01/Angular-class-and-style-binding/index.html
+++ b/2022/10/01/Angular-class-and-style-binding/index.html
@@ -379,7 +379,7 @@ <h1 id="Reference"><a href="#Reference" class="headerlink" title="Reference"></a
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2022/10/02/Angular-class-and-style-binding-Style-\347\266\201\345\256\232/index.html" "b/2022/10/02/Angular-class-and-style-binding-Style-\347\266\201\345\256\232/index.html"
index b73a8669a..a98589190 100644
--- "a/2022/10/02/Angular-class-and-style-binding-Style-\347\266\201\345\256\232/index.html"
+++ "b/2022/10/02/Angular-class-and-style-binding-Style-\347\266\201\345\256\232/index.html"
@@ -378,7 +378,7 @@ <h1 id="Reference"><a href="#Reference" class="headerlink" title="Reference"></a
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2022/10/22/Promise-I-state-\345\222\214-result-\347\232\204\346\224\271\350\256\212/index.html" "b/2022/10/22/Promise-I-state-\345\222\214-result-\347\232\204\346\224\271\350\256\212/index.html"
index 05be481f7..250d1d454 100644
--- "a/2022/10/22/Promise-I-state-\345\222\214-result-\347\232\204\346\224\271\350\256\212/index.html"
+++ "b/2022/10/22/Promise-I-state-\345\222\214-result-\347\232\204\346\224\271\350\256\212/index.html"
@@ -360,7 +360,7 @@ <h2 id="Reference"><a href="#Reference" class="headerlink" title="Reference"></a
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/2022/10/22/Promise-II-then-catch-finally/index.html b/2022/10/22/Promise-II-then-catch-finally/index.html
index 763e17849..52067b623 100644
--- a/2022/10/22/Promise-II-then-catch-finally/index.html
+++ b/2022/10/22/Promise-II-then-catch-finally/index.html
@@ -372,7 +372,7 @@ <h2 id="Reference"><a href="#Reference" class="headerlink" title="Reference"></a
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/2022/11/13/Promise-III-chaining/index.html b/2022/11/13/Promise-III-chaining/index.html
index bebb27649..fcc5a7f32 100644
--- a/2022/11/13/Promise-III-chaining/index.html
+++ b/2022/11/13/Promise-III-chaining/index.html
@@ -392,7 +392,7 @@ <h2 id="Reference"><a href="#Reference" class="headerlink" title="Reference"></a
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/2022/11/13/Promise-IV-Error-handling/index.html b/2022/11/13/Promise-IV-Error-handling/index.html
index b8d54082f..0d7312964 100644
--- a/2022/11/13/Promise-IV-Error-handling/index.html
+++ b/2022/11/13/Promise-IV-Error-handling/index.html
@@ -358,7 +358,7 @@ <h2 id="Reference"><a href="#Reference" class="headerlink" title="Reference"></a
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/2022/11/13/Promise-V-Promise-API/index.html b/2022/11/13/Promise-V-Promise-API/index.html
index 0b3e6b419..3596ca12b 100644
--- a/2022/11/13/Promise-V-Promise-API/index.html
+++ b/2022/11/13/Promise-V-Promise-API/index.html
@@ -390,7 +390,7 @@ <h2 id="Reference"><a href="#Reference" class="headerlink" title="Reference"></a
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/2022/11/13/Promise-VIII-Async-await/index.html b/2022/11/13/Promise-VIII-Async-await/index.html
index 12a7968dc..28feffc50 100644
--- a/2022/11/13/Promise-VIII-Async-await/index.html
+++ b/2022/11/13/Promise-VIII-Async-await/index.html
@@ -397,7 +397,7 @@ <h2 id="Reference"><a href="#Reference" class="headerlink" title="Reference"></a
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2022/11/13/Promise-XV-Promisification-Promise-\345\214\226/index.html" "b/2022/11/13/Promise-XV-Promisification-Promise-\345\214\226/index.html"
index 650f611ed..41ac1b05e 100644
--- "a/2022/11/13/Promise-XV-Promisification-Promise-\345\214\226/index.html"
+++ "b/2022/11/13/Promise-XV-Promisification-Promise-\345\214\226/index.html"
@@ -373,7 +373,7 @@ <h2 id="Reference"><a href="#Reference" class="headerlink" title="Reference"></a
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/2023/01/01/Angular-SCAM-concept/index.html b/2023/01/01/Angular-SCAM-concept/index.html
index 407f2527b..38981125b 100644
--- a/2023/01/01/Angular-SCAM-concept/index.html
+++ b/2023/01/01/Angular-SCAM-concept/index.html
@@ -365,7 +365,7 @@ <h2 id="Reference"><a href="#Reference" class="headerlink" title="Reference"></a
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2023/03/28/TypeScript-\347\254\254\345\271\276\346\213\233-Pick-Tpye-Keys/index.html" "b/2023/03/28/TypeScript-\347\254\254\345\271\276\346\213\233-Pick-Tpye-Keys/index.html"
index cf3ba2027..6960a9551 100644
--- "a/2023/03/28/TypeScript-\347\254\254\345\271\276\346\213\233-Pick-Tpye-Keys/index.html"
+++ "b/2023/03/28/TypeScript-\347\254\254\345\271\276\346\213\233-Pick-Tpye-Keys/index.html"
@@ -338,7 +338,7 @@ <h2 id="Reference"><a href="#Reference" class="headerlink" title="Reference"></a
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2023/04/15/TypeScript-\347\254\254\345\271\276\346\213\233-Record-Keys-Type/index.html" "b/2023/04/15/TypeScript-\347\254\254\345\271\276\346\213\233-Record-Keys-Type/index.html"
index 5e48d3a12..a6b4f5c97 100644
--- "a/2023/04/15/TypeScript-\347\254\254\345\271\276\346\213\233-Record-Keys-Type/index.html"
+++ "b/2023/04/15/TypeScript-\347\254\254\345\271\276\346\213\233-Record-Keys-Type/index.html"
@@ -332,7 +332,7 @@ <h1 id="Reference"><a href="#Reference" class="headerlink" title="Reference"></a
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/2023/11/18/Design-Pattern-Observer/index.html b/2023/11/18/Design-Pattern-Observer/index.html
index 5063b663b..2a6b5d76c 100644
--- a/2023/11/18/Design-Pattern-Observer/index.html
+++ b/2023/11/18/Design-Pattern-Observer/index.html
@@ -327,7 +327,7 @@ <h2 id="Reference-Link"><a href="#Reference-Link" class="headerlink" title="Refe
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2023/12/31/\350\263\207\346\226\231\347\265\220\346\247\213-LinkedList/index.html" "b/2023/12/31/\350\263\207\346\226\231\347\265\220\346\247\213-LinkedList/index.html"
index f3559ac83..6a78aa6f7 100644
--- "a/2023/12/31/\350\263\207\346\226\231\347\265\220\346\247\213-LinkedList/index.html"
+++ "b/2023/12/31/\350\263\207\346\226\231\347\265\220\346\247\213-LinkedList/index.html"
@@ -400,7 +400,7 @@ <h2 id="Reference-Link"><a href="#Reference-Link" class="headerlink" title="Refe
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2024/01/12/TypeScript-declare-\345\234\250\345\271\271\345\230\233/index.html" "b/2024/01/12/TypeScript-declare-\345\234\250\345\271\271\345\230\233/index.html"
index 47ac9bcfb..effe447a1 100644
--- "a/2024/01/12/TypeScript-declare-\345\234\250\345\271\271\345\230\233/index.html"
+++ "b/2024/01/12/TypeScript-declare-\345\234\250\345\271\271\345\230\233/index.html"
@@ -352,7 +352,7 @@ <h2 id="Reference-Link"><a href="#Reference-Link" class="headerlink" title="Refe
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-Breath-First-Traversal-part-1/index.html" "b/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-Breath-First-Traversal-part-1/index.html"
index c6b05a63e..b97a8a8f2 100644
--- "a/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-Breath-First-Traversal-part-1/index.html"
+++ "b/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-Breath-First-Traversal-part-1/index.html"
@@ -322,7 +322,7 @@ <h2 id="Reference-Link"><a href="#Reference-Link" class="headerlink" title="Refe
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-Breath-First-Traversal-part-2/index.html" "b/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-Breath-First-Traversal-part-2/index.html"
index 044ab7d38..ad4c7636d 100644
--- "a/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-Breath-First-Traversal-part-2/index.html"
+++ "b/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-Breath-First-Traversal-part-2/index.html"
@@ -343,7 +343,7 @@ <h2 id="Reference-Link"><a href="#Reference-Link" class="headerlink" title="Refe
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-Depth-First-Traversal-In-Order/index.html" "b/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-Depth-First-Traversal-In-Order/index.html"
index 6d7639e49..e08cb8ccf 100644
--- "a/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-Depth-First-Traversal-In-Order/index.html"
+++ "b/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-Depth-First-Traversal-In-Order/index.html"
@@ -344,7 +344,7 @@ <h2 id="Reference-Link"><a href="#Reference-Link" class="headerlink" title="Refe
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-Depth-First-Traversal-Post-Order/index.html" "b/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-Depth-First-Traversal-Post-Order/index.html"
index 50e5354c2..c50bda10b 100644
--- "a/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-Depth-First-Traversal-Post-Order/index.html"
+++ "b/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-Depth-First-Traversal-Post-Order/index.html"
@@ -333,7 +333,7 @@ <h2 id="Reference-Link"><a href="#Reference-Link" class="headerlink" title="Refe
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-Depth-First-Traversal-Pre-Order/index.html" "b/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-Depth-First-Traversal-Pre-Order/index.html"
index 25409218b..963510074 100644
--- "a/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-Depth-First-Traversal-Pre-Order/index.html"
+++ "b/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-Depth-First-Traversal-Pre-Order/index.html"
@@ -329,7 +329,7 @@ <h2 id="Reference-Link"><a href="#Reference-Link" class="headerlink" title="Refe
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-Wrap-Up/index.html" "b/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-Wrap-Up/index.html"
index d4187469e..de3835bab 100644
--- "a/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-Wrap-Up/index.html"
+++ "b/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-Wrap-Up/index.html"
@@ -329,7 +329,7 @@ <h2 id="Conclusion"><a href="#Conclusion" class="headerlink" title="Conclusion">
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-contains-method/index.html" "b/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-contains-method/index.html"
index 9aead859a..22cad00b6 100644
--- "a/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-contains-method/index.html"
+++ "b/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-contains-method/index.html"
@@ -329,7 +329,7 @@ <h2 id="Reference-Link"><a href="#Reference-Link" class="headerlink" title="Refe
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-getMinVal-getMaxVal/index.html" "b/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-getMinVal-getMaxVal/index.html"
index be9a45a07..95c3f59ee 100644
--- "a/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-getMinVal-getMaxVal/index.html"
+++ "b/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-getMinVal-getMaxVal/index.html"
@@ -322,7 +322,7 @@ <h2 id="Reference-Link"><a href="#Reference-Link" class="headerlink" title="Refe
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-insert-method/index.html" "b/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-insert-method/index.html"
index 1afb02024..45289a376 100644
--- "a/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-insert-method/index.html"
+++ "b/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree-insert-method/index.html"
@@ -338,7 +338,7 @@ <h2 id="Reference-Link"><a href="#Reference-Link" class="headerlink" title="Refe
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree/index.html" "b/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree/index.html"
index bb61527a7..1e93353e4 100644
--- "a/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree/index.html"
+++ "b/2024/01/14/\350\263\207\346\226\231\347\265\220\346\247\213-Binary-Search-Tree/index.html"
@@ -340,7 +340,7 @@ <h2 id="Reference-Link"><a href="#Reference-Link" class="headerlink" title="Refe
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2024/01/25/\350\263\207\346\226\231\347\265\220\346\247\213-Hash-Method/index.html" "b/2024/01/25/\350\263\207\346\226\231\347\265\220\346\247\213-Hash-Method/index.html"
index edf936a41..599193cd2 100644
--- "a/2024/01/25/\350\263\207\346\226\231\347\265\220\346\247\213-Hash-Method/index.html"
+++ "b/2024/01/25/\350\263\207\346\226\231\347\265\220\346\247\213-Hash-Method/index.html"
@@ -327,7 +327,7 @@ <h2 id="Reference-Link"><a href="#Reference-Link" class="headerlink" title="Refe
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2024/01/25/\350\263\207\346\226\231\347\265\220\346\247\213-HashTable-HashTable-\345\222\214-HashNode-\347\232\204\345\273\272\346\247\213\345\274\217/index.html" "b/2024/01/25/\350\263\207\346\226\231\347\265\220\346\247\213-HashTable-HashTable-\345\222\214-HashNode-\347\232\204\345\273\272\346\247\213\345\274\217/index.html"
index c56d00a56..7b1b50b11 100644
--- "a/2024/01/25/\350\263\207\346\226\231\347\265\220\346\247\213-HashTable-HashTable-\345\222\214-HashNode-\347\232\204\345\273\272\346\247\213\345\274\217/index.html"
+++ "b/2024/01/25/\350\263\207\346\226\231\347\265\220\346\247\213-HashTable-HashTable-\345\222\214-HashNode-\347\232\204\345\273\272\346\247\213\345\274\217/index.html"
@@ -324,7 +324,7 @@ <h2 id="Reference-Link"><a href="#Reference-Link" class="headerlink" title="Refe
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2024/01/25/\350\263\207\346\226\231\347\265\220\346\247\213-HashTable-Intro/index.html" "b/2024/01/25/\350\263\207\346\226\231\347\265\220\346\247\213-HashTable-Intro/index.html"
index 1d6152b3a..f99af30aa 100644
--- "a/2024/01/25/\350\263\207\346\226\231\347\265\220\346\247\213-HashTable-Intro/index.html"
+++ "b/2024/01/25/\350\263\207\346\226\231\347\265\220\346\247\213-HashTable-Intro/index.html"
@@ -332,7 +332,7 @@ <h2 id="Reference-Link"><a href="#Reference-Link" class="headerlink" title="Refe
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2024/01/25/\350\263\207\346\226\231\347\265\220\346\247\213-Insert-Method/index.html" "b/2024/01/25/\350\263\207\346\226\231\347\265\220\346\247\213-Insert-Method/index.html"
index 482a94c03..9817ef7d7 100644
--- "a/2024/01/25/\350\263\207\346\226\231\347\265\220\346\247\213-Insert-Method/index.html"
+++ "b/2024/01/25/\350\263\207\346\226\231\347\265\220\346\247\213-Insert-Method/index.html"
@@ -327,7 +327,7 @@ <h2 id="Reference-Link"><a href="#Reference-Link" class="headerlink" title="Refe
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2024/01/27/\350\263\207\346\226\231\347\265\220\346\247\213-HashTable-Wrap-Up/index.html" "b/2024/01/27/\350\263\207\346\226\231\347\265\220\346\247\213-HashTable-Wrap-Up/index.html"
new file mode 100644
index 000000000..443dba393
--- /dev/null
+++ "b/2024/01/27/\350\263\207\346\226\231\347\265\220\346\247\213-HashTable-Wrap-Up/index.html"
@@ -0,0 +1,428 @@
+<!DOCTYPE html>
+<html lang="zh-TW">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
+<meta name="theme-color" content="#222">
+<meta name="generator" content="Hexo 5.2.0">
+  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-next.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/images/owlBig.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/images/owl.png">
+  <link rel="mask-icon" href="/images/logo.svg" color="#222">
+
+<link rel="stylesheet" href="/css/main.css">
+
+
+<link rel="stylesheet" href="/lib/font-awesome/css/all.min.css">
+
+<script id="hexo-configurations">
+    var NexT = window.NexT || {};
+    var CONFIG = {"hostname":"landy510.github.io","root":"/","scheme":"Muse","version":"7.8.0","exturl":false,"sidebar":{"position":"left","display":"post","padding":18,"offset":12,"onmobile":false},"copycode":{"enable":false,"show_result":false,"style":null},"back2top":{"enable":true,"sidebar":false,"scrollpercent":false},"bookmark":{"enable":false,"color":"#222","save":"auto"},"fancybox":false,"mediumzoom":false,"lazyload":false,"pangu":false,"comments":{"style":"tabs","active":null,"storage":true,"lazyload":false,"nav":null},"algolia":{"hits":{"per_page":10},"labels":{"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}},"localsearch":{"enable":false,"trigger":"auto","top_n_per_article":1,"unescape":false,"preload":false},"motion":{"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideUpIn"}}};
+  </script>
+
+  <meta name="description" content="為 Hash Table 做個總結">
+<meta property="og:type" content="article">
+<meta property="og:title" content="資料結構-HashTable-Wrap Up">
+<meta property="og:url" content="https://landy510.github.io/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-Wrap-Up/index.html">
+<meta property="og:site_name" content="Landy Blog">
+<meta property="og:description" content="為 Hash Table 做個總結">
+<meta property="og:locale" content="zh_TW">
+<meta property="article:published_time" content="2024-01-27T12:58:31.000Z">
+<meta property="article:modified_time" content="2024-01-27T13:12:01.689Z">
+<meta property="article:author" content="Landy">
+<meta property="article:tag" content="DataStructure">
+<meta name="twitter:card" content="summary">
+
+<link rel="canonical" href="https://landy510.github.io/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-Wrap-Up/">
+
+
+<script id="page-configurations">
+  // https://hexo.io/docs/variables.html
+  CONFIG.page = {
+    sidebar: "",
+    isHome : false,
+    isPost : true,
+    lang   : 'zh-TW'
+  };
+</script>
+
+  <title>資料結構-HashTable-Wrap Up | Landy Blog</title>
+  
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-1T19DR0SEG"></script>
+    <script>
+      if (CONFIG.hostname === location.hostname) {
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+        gtag('config', 'G-1T19DR0SEG');
+      }
+    </script>
+
+
+
+
+
+
+  <noscript>
+  <style>
+  .use-motion .brand,
+  .use-motion .menu-item,
+  .sidebar-inner,
+  .use-motion .post-block,
+  .use-motion .pagination,
+  .use-motion .comments,
+  .use-motion .post-header,
+  .use-motion .post-body,
+  .use-motion .collection-header { opacity: initial; }
+
+  .use-motion .site-title,
+  .use-motion .site-subtitle {
+    opacity: initial;
+    top: initial;
+  }
+
+  .use-motion .logo-line-before i { left: initial; }
+  .use-motion .logo-line-after i { right: initial; }
+  </style>
+</noscript>
+
+</head>
+
+<body itemscope itemtype="http://schema.org/WebPage">
+  <div class="container use-motion">
+    <div class="headband"></div>
+
+    <header class="header" itemscope itemtype="http://schema.org/WPHeader">
+      <div class="header-inner"><div class="site-brand-container">
+  <div class="site-nav-toggle">
+    <div class="toggle" aria-label="切換導航欄">
+      <span class="toggle-line toggle-line-first"></span>
+      <span class="toggle-line toggle-line-middle"></span>
+      <span class="toggle-line toggle-line-last"></span>
+    </div>
+  </div>
+
+  <div class="site-meta">
+
+    <a href="/" class="brand" rel="start">
+      <span class="logo-line-before"><i></i></span>
+      <h1 class="site-title">Landy Blog</h1>
+      <span class="logo-line-after"><i></i></span>
+    </a>
+  </div>
+
+  <div class="site-nav-right">
+    <div class="toggle popup-trigger">
+    </div>
+  </div>
+</div>
+
+
+
+
+<nav class="site-nav">
+  <ul id="menu" class="main-menu menu">
+        <li class="menu-item menu-item-home">
+
+    <a href="/" rel="section"><i class="fa fa-home fa-fw"></i>首頁</a>
+
+  </li>
+        <li class="menu-item menu-item-tags">
+
+    <a href="/tags/" rel="section"><i class="fa fa-tags fa-fw"></i>標籤</a>
+
+  </li>
+        <li class="menu-item menu-item-categories">
+
+    <a href="/categories/" rel="section"><i class="fa fa-th fa-fw"></i>分類</a>
+
+  </li>
+        <li class="menu-item menu-item-archives">
+
+    <a href="/archives/" rel="section"><i class="fa fa-archive fa-fw"></i>歸檔</a>
+
+  </li>
+  </ul>
+</nav>
+
+
+
+
+</div>
+    </header>
+
+    
+  <div class="back-to-top">
+    <i class="fa fa-arrow-up"></i>
+    <span>0%</span>
+  </div>
+
+
+    <main class="main">
+      <div class="main-inner">
+        <div class="content-wrap">
+          
+
+          <div class="content post posts-expand">
+            
+
+    
+  
+  
+  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-Wrap-Up/">
+
+    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
+      <meta itemprop="image" content="/images/avatar.gif">
+      <meta itemprop="name" content="Landy">
+      <meta itemprop="description" content="">
+    </span>
+
+    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
+      <meta itemprop="name" content="Landy Blog">
+    </span>
+      <header class="post-header">
+        <h1 class="post-title" itemprop="name headline">
+          資料結構-HashTable-Wrap Up
+        </h1>
+
+        <div class="post-meta">
+            <span class="post-meta-item">
+              <span class="post-meta-item-icon">
+                <i class="far fa-calendar"></i>
+              </span>
+              <span class="post-meta-item-text">發表於</span>
+              
+
+              <time title="創建時間：2024-01-27 20:58:31 / 修改時間：21:12:01" itemprop="dateCreated datePublished" datetime="2024-01-27T20:58:31+08:00">2024-01-27</time>
+            </span>
+            <span class="post-meta-item">
+              <span class="post-meta-item-icon">
+                <i class="far fa-folder"></i>
+              </span>
+              <span class="post-meta-item-text">分類於</span>
+                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
+                  <a href="/categories/DataStructure/" itemprop="url" rel="index"><span itemprop="name">DataStructure</span></a>
+                </span>
+            </span>
+
+          
+            <div class="post-description">為 Hash Table 做個總結</div>
+
+        </div>
+      </header>
+
+    
+    
+    
+    <div class="post-body" itemprop="articleBody">
+
+      
+        <h2 id="Hash-Table-具有哪些方法"><a href="#Hash-Table-具有哪些方法" class="headerlink" title="Hash Table 具有哪些方法?"></a>Hash Table 具有哪些方法?</h2><p><code>insert</code>(update 的功能也包含在裡面),<br><code>get</code>,<br><code>retrieveAll</code></p>
+<h2 id="time-complexity"><a href="#time-complexity" class="headerlink" title="time complexity"></a>time complexity</h2><p><code>insert</code> - <code>O(1)</code></p>
+<p><code>get - O(1)</code></p>
+<p>這邊要特別說明一下，<br>如果在執行 insert 或者 get 有發生 <strong>key Collision</strong>(i.e. 已經存在有相同 key 了) 的話，<br>上面兩個方法都會降成 <code>O(n)</code>，因為變成要去遍歷儲存在該 bucket 的 LinkedList。</p>
+<p>不然的話，如果 hash function 做的好的話，是不會發生 <strong>key Collision</strong> 的狀況，<br>也就是說每個 node 都儲存在其對應的獨一無二的 bucket 裡，自然上面兩個方法都會是 <code>O(1)</code> 囉。</p>
+<h2 id="cons"><a href="#cons" class="headerlink" title="cons"></a>cons</h2><p>一般的 HashTable 不會儲存 node 的參照，不會像 LinkedList 和 Binary Search Tree 那樣每一個 node 都有儲存它前面指向哪一個 node，後面指向哪一個 node，可以透過當前這個 node 很方便的移動到其他的 node。</p>
+<p>但是，以上這個缺點也不是沒辦法修就看你要不要加入這種功能到你的 HashTable 裡。</p>
+<h2 id="完整的-Source-Code"><a href="#完整的-Source-Code" class="headerlink" title="完整的 Source Code"></a>完整的 Source Code</h2><figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br><span class="line">70</span><br><span class="line">71</span><br><span class="line">72</span><br><span class="line">73</span><br><span class="line">74</span><br><span class="line">75</span><br><span class="line">76</span><br><span class="line">77</span><br><span class="line">78</span><br></pre></td><td class="code"><pre><span class="line">function HashTable(size) &#123;</span><br><span class="line">  this.buckets &#x3D; Array(size);</span><br><span class="line">  this.numBuckets &#x3D; this.buckets.length;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line">function HashNode &#x3D; function(key, value, next) &#123;</span><br><span class="line">  this.key &#x3D; key;</span><br><span class="line">  this.value &#x3D; value;</span><br><span class="line">  this.next &#x3D; next || null;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line">HashTable.prototype.hash &#x3D; function(key) &#123;</span><br><span class="line">  let total &#x3D; 0;</span><br><span class="line">  for(let i &#x3D; 0; i &lt; key.length; i++) &#123;</span><br><span class="line">    total +&#x3D; key.charCodeAt(i);</span><br><span class="line">  &#125;</span><br><span class="line">  const bucketIndex &#x3D; total % this.numBuckets;</span><br><span class="line">  return bucketIndex;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line">Hash.prototype.insert &#x3D; function(key, value) &#123;</span><br><span class="line">  const index &#x3D; this.hash(key);</span><br><span class="line">  if(!this.buckets[index]) this.buckets[index] &#x3D; new HashNode(key, value);</span><br><span class="line">  else if(this.buckets[index].key &#x3D;&#x3D;&#x3D; key) &#123;</span><br><span class="line">    this.buckets[index].value &#x3D; value;</span><br><span class="line">    return;</span><br><span class="line">  &#125;</span><br><span class="line">  else &#123;</span><br><span class="line">    let currentNode &#x3D; this.buckets[index];</span><br><span class="line">    while(currentNode.next) &#123;</span><br><span class="line">      if(currentNode.next.key &#x3D;&#x3D;&#x3D; key) &#123;</span><br><span class="line">        currentNode.next.value &#x3D; value;</span><br><span class="line">        return;</span><br><span class="line">      &#125;</span><br><span class="line">      currentNode &#x3D; currentNode.next;</span><br><span class="line">    &#125;</span><br><span class="line">    currentNode.next &#x3D; new HashNode(key, value);</span><br><span class="line">  &#125;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line">HashTable.prototype.get &#x3D; function(key) &#123;</span><br><span class="line">  const index &#x3D; this.hash(key);</span><br><span class="line">  if(!this.buckets[index]) return this.buckets[index].value;</span><br><span class="line">  else &#123;</span><br><span class="line">    let currentNode &#x3D; this.buckets[index];</span><br><span class="line">    while(currentNode) &#123;</span><br><span class="line">      if(currentNode.key &#x3D;&#x3D;&#x3D; key) return currentNode.value;</span><br><span class="line">      currentNode &#x3D; currentNode.next;</span><br><span class="line">    &#125;</span><br><span class="line">    return null;</span><br><span class="line">  &#125;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line">HashTable.prototype.retrieveAll &#x3D; function() &#123;</span><br><span class="line">  const allNodes &#x3D; [];</span><br><span class="line">  for(let i &#x3D; 0; i &lt; this.numBuckets; i++) &#123;</span><br><span class="line">    let currentNode &#x3D; this.buckets[i];</span><br><span class="line">    while(currentNode) &#123;</span><br><span class="line">      allNodes.push(currentNode);</span><br><span class="line">      currentNode &#x3D; currentNode.next;</span><br><span class="line">    &#125;</span><br><span class="line">  &#125;</span><br><span class="line"></span><br><span class="line">  return allNodes;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line">const myHT &#x3D; new HashTable(5);</span><br><span class="line">myHT.insert(&#39;Dean&#39;, &#39;dean@gmail.com&#39;);</span><br><span class="line">myHT.insert(&#39;Megan&#39;, &#39;megan@gmail.com&#39;);</span><br><span class="line">myHT.insert(&#39;Dane&#39;, &#39;dane@gmail.com&#39;);</span><br><span class="line">myHT.insert(&#39;Dean&#39;, &#39;dean@yahoo.com&#39;);</span><br><span class="line">myHT.insert(&#39;John&#39;, &#39;john@gmail.com&#39;);</span><br><span class="line">myHT.insert(&#39;Roger&#39;, &#39;roger@gmail.com&#39;);</span><br><span class="line">console.log(myHT.buckets);</span><br><span class="line">console.log(myHT.get(&#39;Dean&#39;));</span><br><span class="line">console.log(myHT.get(&#39;Megan&#39;));</span><br><span class="line">console.log(myHT.get(&#39;Randy&#39;));</span><br><span class="line">console.log(myHT.retrieveAll());</span><br></pre></td></tr></table></figure>
+
+<h2 id="Reference-Link"><a href="#Reference-Link" class="headerlink" title="Reference Link"></a>Reference Link</h2><ul>
+<li><a target="_blank" rel="noopener" href="https://www.udemy.com/course/learning-data-structures-in-javascript-from-scratch/">Learning Data Structures in JavaScript from Scratch</a> by Eric Traub @ Udemy</li>
+</ul>
+
+    </div>
+
+    
+    
+    
+
+      <footer class="post-footer">
+          <div class="post-tags">
+              <a href="/tags/DataStructure/" rel="tag"># DataStructure</a>
+          </div>
+
+        
+
+
+        
+    <div class="post-nav">
+      <div class="post-nav-item">
+    <a href="/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-retrieveAll-method/" rel="prev" title="資料結構-HashTable-retrieveAll method">
+      <i class="fa fa-chevron-left"></i> 資料結構-HashTable-retrieveAll method
+    </a></div>
+      <div class="post-nav-item"></div>
+    </div>
+      </footer>
+    
+  </article>
+  
+  
+  
+
+
+
+          </div>
+          
+
+<script>
+  window.addEventListener('tabs:register', () => {
+    let { activeClass } = CONFIG.comments;
+    if (CONFIG.comments.storage) {
+      activeClass = localStorage.getItem('comments_active') || activeClass;
+    }
+    if (activeClass) {
+      let activeTab = document.querySelector(`a[href="#comment-${activeClass}"]`);
+      if (activeTab) {
+        activeTab.click();
+      }
+    }
+  });
+  if (CONFIG.comments.storage) {
+    window.addEventListener('tabs:click', event => {
+      if (!event.target.matches('.tabs-comment .tab-content .tab-pane')) return;
+      let commentClass = event.target.classList[1];
+      localStorage.setItem('comments_active', commentClass);
+    });
+  }
+</script>
+
+        </div>
+          
+  
+  <div class="toggle sidebar-toggle">
+    <span class="toggle-line toggle-line-first"></span>
+    <span class="toggle-line toggle-line-middle"></span>
+    <span class="toggle-line toggle-line-last"></span>
+  </div>
+
+  <aside class="sidebar">
+    <div class="sidebar-inner">
+
+      <ul class="sidebar-nav motion-element">
+        <li class="sidebar-nav-toc">
+          文章目錄
+        </li>
+        <li class="sidebar-nav-overview">
+          本站概要
+        </li>
+      </ul>
+
+      <!--noindex-->
+      <div class="post-toc-wrap sidebar-panel">
+          <div class="post-toc motion-element"><ol class="nav"><li class="nav-item nav-level-2"><a class="nav-link" href="#Hash-Table-%E5%85%B7%E6%9C%89%E5%93%AA%E4%BA%9B%E6%96%B9%E6%B3%95"><span class="nav-number">1.</span> <span class="nav-text">Hash Table 具有哪些方法?</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#time-complexity"><span class="nav-number">2.</span> <span class="nav-text">time complexity</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#cons"><span class="nav-number">3.</span> <span class="nav-text">cons</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E5%AE%8C%E6%95%B4%E7%9A%84-Source-Code"><span class="nav-number">4.</span> <span class="nav-text">完整的 Source Code</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#Reference-Link"><span class="nav-number">5.</span> <span class="nav-text">Reference Link</span></a></li></ol></div>
+      </div>
+      <!--/noindex-->
+
+      <div class="site-overview-wrap sidebar-panel">
+        <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
+  <p class="site-author-name" itemprop="name">Landy</p>
+  <div class="site-description" itemprop="description"></div>
+</div>
+<div class="site-state-wrap motion-element">
+  <nav class="site-state">
+      <div class="site-state-item site-state-posts">
+          <a href="/archives/">
+        
+          <span class="site-state-item-count">165</span>
+          <span class="site-state-item-name">文章</span>
+        </a>
+      </div>
+      <div class="site-state-item site-state-categories">
+            <a href="/categories/">
+          
+        <span class="site-state-item-count">15</span>
+        <span class="site-state-item-name">分類</span></a>
+      </div>
+      <div class="site-state-item site-state-tags">
+            <a href="/tags/">
+          
+        <span class="site-state-item-count">36</span>
+        <span class="site-state-item-name">標籤</span></a>
+      </div>
+  </nav>
+</div>
+
+
+
+      </div>
+
+    </div>
+  </aside>
+  <div id="sidebar-dimmer"></div>
+
+
+      </div>
+    </main>
+
+    <footer class="footer">
+      <div class="footer-inner">
+        
+
+        
+
+<div class="copyright">
+  
+  &copy; 
+  <span itemprop="copyrightYear">2024</span>
+  <span class="with-love">
+    <i class="fa fa-heart"></i>
+  </span>
+  <span class="author" itemprop="copyrightHolder">Landy</span>
+</div>
+  <div class="powered-by">由 <a href="https://hexo.io/" class="theme-link" rel="noopener" target="_blank">Hexo</a> & <a href="https://muse.theme-next.org/" class="theme-link" rel="noopener" target="_blank">NexT.Muse</a> 強力驅動
+  </div>
+
+        
+
+
+
+
+
+
+
+
+      </div>
+    </footer>
+  </div>
+
+  
+  <script src="/lib/anime.min.js"></script>
+  <script src="/lib/velocity/velocity.min.js"></script>
+  <script src="/lib/velocity/velocity.ui.min.js"></script>
+
+<script src="/js/utils.js"></script>
+
+<script src="/js/motion.js"></script>
+
+
+<script src="/js/schemes/muse.js"></script>
+
+
+<script src="/js/next-boot.js"></script>
+
+
+
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+  
+
+  
+
+</body>
+</html>
diff --git "a/2024/01/27/\350\263\207\346\226\231\347\265\220\346\247\213-HashTable-refactor-Get-Method/index.html" "b/2024/01/27/\350\263\207\346\226\231\347\265\220\346\247\213-HashTable-refactor-Get-Method/index.html"
index c0aa9e577..292eed7a6 100644
--- "a/2024/01/27/\350\263\207\346\226\231\347\265\220\346\247\213-HashTable-refactor-Get-Method/index.html"
+++ "b/2024/01/27/\350\263\207\346\226\231\347\265\220\346\247\213-HashTable-refactor-Get-Method/index.html"
@@ -328,7 +328,7 @@ <h2 id="Reference-Link"><a href="#Reference-Link" class="headerlink" title="Refe
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2024/01/27/\350\263\207\346\226\231\347\265\220\346\247\213-HashTable-refactor-Insert-Method/index.html" "b/2024/01/27/\350\263\207\346\226\231\347\265\220\346\247\213-HashTable-refactor-Insert-Method/index.html"
index c0810ca38..5e4779ed0 100644
--- "a/2024/01/27/\350\263\207\346\226\231\347\265\220\346\247\213-HashTable-refactor-Insert-Method/index.html"
+++ "b/2024/01/27/\350\263\207\346\226\231\347\265\220\346\247\213-HashTable-refactor-Insert-Method/index.html"
@@ -327,7 +327,7 @@ <h2 id="Reference-Link"><a href="#Reference-Link" class="headerlink" title="Refe
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/2024/01/27/\350\263\207\346\226\231\347\265\220\346\247\213-HashTable-retrieveAll-method/index.html" "b/2024/01/27/\350\263\207\346\226\231\347\265\220\346\247\213-HashTable-retrieveAll-method/index.html"
index d6fbf005a..b2e06c151 100644
--- "a/2024/01/27/\350\263\207\346\226\231\347\265\220\346\247\213-HashTable-retrieveAll-method/index.html"
+++ "b/2024/01/27/\350\263\207\346\226\231\347\265\220\346\247\213-HashTable-retrieveAll-method/index.html"
@@ -251,7 +251,10 @@ <h2 id="Reference-Link"><a href="#Reference-Link" class="headerlink" title="Refe
     <a href="/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-refactor-Get-Method/" rel="prev" title="資料結構-HashTable-refactor Get Method">
       <i class="fa fa-chevron-left"></i> 資料結構-HashTable-refactor Get Method
     </a></div>
-      <div class="post-nav-item"></div>
+      <div class="post-nav-item">
+    <a href="/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-Wrap-Up/" rel="next" title="資料結構-HashTable-Wrap Up">
+      資料結構-HashTable-Wrap Up <i class="fa fa-chevron-right"></i>
+    </a></div>
     </div>
       </footer>
     
@@ -324,7 +327,7 @@ <h2 id="Reference-Link"><a href="#Reference-Link" class="headerlink" title="Refe
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/AJAX/index.html b/AJAX/index.html
index de5022b2d..d6816b648 100644
--- a/AJAX/index.html
+++ b/AJAX/index.html
@@ -260,7 +260,7 @@ <h1 class="post-title" itemprop="name headline">AJAX
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/Angular-interpolation/index.html b/Angular-interpolation/index.html
index 04ec6ec6c..696483317 100644
--- a/Angular-interpolation/index.html
+++ b/Angular-interpolation/index.html
@@ -260,7 +260,7 @@ <h1 class="post-title" itemprop="name headline">Angular-interpolation
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/Bootstrap/index.html b/Bootstrap/index.html
index dd62182c3..d67a5f603 100644
--- a/Bootstrap/index.html
+++ b/Bootstrap/index.html
@@ -260,7 +260,7 @@ <h1 class="post-title" itemprop="name headline">Bootstrap
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/JavaScript/index.html b/JavaScript/index.html
index 65996d843..b4726a8b7 100644
--- a/JavaScript/index.html
+++ b/JavaScript/index.html
@@ -260,7 +260,7 @@ <h1 class="post-title" itemprop="name headline">JavaScript
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/Vue/index.html b/Vue/index.html
index 1cd1fb4b1..e34c9813c 100644
--- a/Vue/index.html
+++ b/Vue/index.html
@@ -260,7 +260,7 @@ <h1 class="post-title" itemprop="name headline">Vue
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2020/12/index.html b/archives/2020/12/index.html
index 13fba732d..825a70c9a 100644
--- a/archives/2020/12/index.html
+++ b/archives/2020/12/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -428,7 +428,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2020/index.html b/archives/2020/index.html
index 640c5c7a5..6af760fa0 100644
--- a/archives/2020/index.html
+++ b/archives/2020/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -428,7 +428,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2021/01/index.html b/archives/2021/01/index.html
index 767363fe1..e972b5a88 100644
--- a/archives/2021/01/index.html
+++ b/archives/2021/01/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2021/01/page/2/index.html b/archives/2021/01/page/2/index.html
index e55087a22..4327ba26e 100644
--- a/archives/2021/01/page/2/index.html
+++ b/archives/2021/01/page/2/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2021/01/page/3/index.html b/archives/2021/01/page/3/index.html
index 7b2c49e80..a9fca1205 100644
--- a/archives/2021/01/page/3/index.html
+++ b/archives/2021/01/page/3/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2021/01/page/4/index.html b/archives/2021/01/page/4/index.html
index 1f02d8a7a..2e9eb232e 100644
--- a/archives/2021/01/page/4/index.html
+++ b/archives/2021/01/page/4/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2021/01/page/5/index.html b/archives/2021/01/page/5/index.html
index f076cd150..413b3ac62 100644
--- a/archives/2021/01/page/5/index.html
+++ b/archives/2021/01/page/5/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -371,7 +371,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2021/02/index.html b/archives/2021/02/index.html
index 033f70ce0..03ae3eb45 100644
--- a/archives/2021/02/index.html
+++ b/archives/2021/02/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2021/02/page/2/index.html b/archives/2021/02/page/2/index.html
index ea61e50d4..df662aa20 100644
--- a/archives/2021/02/page/2/index.html
+++ b/archives/2021/02/page/2/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -411,7 +411,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2021/03/index.html b/archives/2021/03/index.html
index 990ecc9d8..43bb843bc 100644
--- a/archives/2021/03/index.html
+++ b/archives/2021/03/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -448,7 +448,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2021/04/index.html b/archives/2021/04/index.html
index 1f7262897..4e93f80a4 100644
--- a/archives/2021/04/index.html
+++ b/archives/2021/04/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2021/04/page/2/index.html b/archives/2021/04/page/2/index.html
index 4dcd1bdc0..040b37433 100644
--- a/archives/2021/04/page/2/index.html
+++ b/archives/2021/04/page/2/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -311,7 +311,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2021/05/index.html b/archives/2021/05/index.html
index 2d7fc5088..4521cc97c 100644
--- a/archives/2021/05/index.html
+++ b/archives/2021/05/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -388,7 +388,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2021/06/index.html b/archives/2021/06/index.html
index 751ebfb6e..ee814e946 100644
--- a/archives/2021/06/index.html
+++ b/archives/2021/06/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2021/06/page/2/index.html b/archives/2021/06/page/2/index.html
index de7445816..2c5cac973 100644
--- a/archives/2021/06/page/2/index.html
+++ b/archives/2021/06/page/2/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -331,7 +331,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2021/index.html b/archives/2021/index.html
index 60233931e..c4594770f 100644
--- a/archives/2021/index.html
+++ b/archives/2021/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2021/page/10/index.html b/archives/2021/page/10/index.html
index c74906d84..fdc7d014f 100644
--- a/archives/2021/page/10/index.html
+++ b/archives/2021/page/10/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2021/page/11/index.html b/archives/2021/page/11/index.html
index 9fd02c4c3..e4a55ae3d 100644
--- a/archives/2021/page/11/index.html
+++ b/archives/2021/page/11/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -411,7 +411,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2021/page/2/index.html b/archives/2021/page/2/index.html
index 3f720d5dc..b9c2faf71 100644
--- a/archives/2021/page/2/index.html
+++ b/archives/2021/page/2/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2021/page/3/index.html b/archives/2021/page/3/index.html
index 0dce392c7..59d7a08b1 100644
--- a/archives/2021/page/3/index.html
+++ b/archives/2021/page/3/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2021/page/4/index.html b/archives/2021/page/4/index.html
index 72bc245b8..a19d778eb 100644
--- a/archives/2021/page/4/index.html
+++ b/archives/2021/page/4/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2021/page/5/index.html b/archives/2021/page/5/index.html
index d6a3694b3..76f008406 100644
--- a/archives/2021/page/5/index.html
+++ b/archives/2021/page/5/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2021/page/6/index.html b/archives/2021/page/6/index.html
index c1f8564b4..98cd14f27 100644
--- a/archives/2021/page/6/index.html
+++ b/archives/2021/page/6/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2021/page/7/index.html b/archives/2021/page/7/index.html
index a80a5d037..cc547a4d0 100644
--- a/archives/2021/page/7/index.html
+++ b/archives/2021/page/7/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2021/page/8/index.html b/archives/2021/page/8/index.html
index 6d452e4cd..4c040223a 100644
--- a/archives/2021/page/8/index.html
+++ b/archives/2021/page/8/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2021/page/9/index.html b/archives/2021/page/9/index.html
index 79a9551ed..43dd187b8 100644
--- a/archives/2021/page/9/index.html
+++ b/archives/2021/page/9/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2022/01/index.html b/archives/2022/01/index.html
index 7278de3e0..7ee5267df 100644
--- a/archives/2022/01/index.html
+++ b/archives/2022/01/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -328,7 +328,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2022/02/index.html b/archives/2022/02/index.html
index abb57ddd1..5e39fc1d0 100644
--- a/archives/2022/02/index.html
+++ b/archives/2022/02/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -308,7 +308,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2022/03/index.html b/archives/2022/03/index.html
index ad47264a4..4779e5997 100644
--- a/archives/2022/03/index.html
+++ b/archives/2022/03/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -408,7 +408,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2022/10/index.html b/archives/2022/10/index.html
index 8fb680f41..7b7dc2fec 100644
--- a/archives/2022/10/index.html
+++ b/archives/2022/10/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -328,7 +328,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2022/11/index.html b/archives/2022/11/index.html
index 44426cb57..55133c8b3 100644
--- a/archives/2022/11/index.html
+++ b/archives/2022/11/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -348,7 +348,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2022/index.html b/archives/2022/index.html
index 84a67f445..4a2461810 100644
--- a/archives/2022/index.html
+++ b/archives/2022/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2022/page/2/index.html b/archives/2022/page/2/index.html
index 1d5e87db7..e73d78dd8 100644
--- a/archives/2022/page/2/index.html
+++ b/archives/2022/page/2/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2022/page/3/index.html b/archives/2022/page/3/index.html
index fcb7eba95..d80b414fa 100644
--- a/archives/2022/page/3/index.html
+++ b/archives/2022/page/3/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -331,7 +331,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2023/01/index.html b/archives/2023/01/index.html
index 21e5a964f..49b811de2 100644
--- a/archives/2023/01/index.html
+++ b/archives/2023/01/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -268,7 +268,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2023/03/index.html b/archives/2023/03/index.html
index e6f5205b9..c56c0d303 100644
--- a/archives/2023/03/index.html
+++ b/archives/2023/03/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -268,7 +268,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2023/04/index.html b/archives/2023/04/index.html
index a7ecdc1a9..676de2976 100644
--- a/archives/2023/04/index.html
+++ b/archives/2023/04/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -268,7 +268,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2023/11/index.html b/archives/2023/11/index.html
index 896f451da..b68d6329e 100644
--- a/archives/2023/11/index.html
+++ b/archives/2023/11/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -268,7 +268,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2023/12/index.html b/archives/2023/12/index.html
index 87c823f6c..e6c8992e1 100644
--- a/archives/2023/12/index.html
+++ b/archives/2023/12/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -268,7 +268,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2023/index.html b/archives/2023/index.html
index 506deeea7..bd195aa14 100644
--- a/archives/2023/index.html
+++ b/archives/2023/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -348,7 +348,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2024/01/index.html b/archives/2024/01/index.html
index f997653ec..bcde1e67d 100644
--- a/archives/2024/01/index.html
+++ b/archives/2024/01/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -176,6 +176,26 @@ <h1 class="site-title">Landy Blog</h1>
       <span class="collection-header">2024</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+
+      <div class="post-meta">
+        <time itemprop="dateCreated"
+              datetime="2024-01-27T20:58:31+08:00"
+              content="2024-01-27">
+          01-27
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-Wrap-Up/" itemprop="url">
+            <span itemprop="name">資料結構-HashTable-Wrap Up</span>
+          </a>
+      </div>
+
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
 
@@ -356,26 +376,6 @@ <h1 class="site-title">Landy Blog</h1>
     </header>
   </article>
 
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-
-      <div class="post-meta">
-        <time itemprop="dateCreated"
-              datetime="2024-01-14T23:39:42+08:00"
-              content="2024-01-14">
-          01-14
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Breath-First-Traversal-part-2/" itemprop="url">
-            <span itemprop="name">資料結構-Binary Search Tree - Breath First Traversal - part 2</span>
-          </a>
-      </div>
-
-    </header>
-  </article>
-
 
     </div>
   </div>
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2024/01/page/2/index.html b/archives/2024/01/page/2/index.html
index fe21c6fe0..a63dffab5 100644
--- a/archives/2024/01/page/2/index.html
+++ b/archives/2024/01/page/2/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -176,6 +176,26 @@ <h1 class="site-title">Landy Blog</h1>
       <span class="collection-header">2024</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+
+      <div class="post-meta">
+        <time itemprop="dateCreated"
+              datetime="2024-01-14T23:39:42+08:00"
+              content="2024-01-14">
+          01-14
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Breath-First-Traversal-part-2/" itemprop="url">
+            <span itemprop="name">資料結構-Binary Search Tree - Breath First Traversal - part 2</span>
+          </a>
+      </div>
+
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
 
@@ -411,7 +431,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2024/index.html b/archives/2024/index.html
index 5c0666ba4..5b44a01bc 100644
--- a/archives/2024/index.html
+++ b/archives/2024/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -176,6 +176,26 @@ <h1 class="site-title">Landy Blog</h1>
       <span class="collection-header">2024</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+
+      <div class="post-meta">
+        <time itemprop="dateCreated"
+              datetime="2024-01-27T20:58:31+08:00"
+              content="2024-01-27">
+          01-27
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-Wrap-Up/" itemprop="url">
+            <span itemprop="name">資料結構-HashTable-Wrap Up</span>
+          </a>
+      </div>
+
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
 
@@ -356,26 +376,6 @@ <h1 class="site-title">Landy Blog</h1>
     </header>
   </article>
 
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-
-      <div class="post-meta">
-        <time itemprop="dateCreated"
-              datetime="2024-01-14T23:39:42+08:00"
-              content="2024-01-14">
-          01-14
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Breath-First-Traversal-part-2/" itemprop="url">
-            <span itemprop="name">資料結構-Binary Search Tree - Breath First Traversal - part 2</span>
-          </a>
-      </div>
-
-    </header>
-  </article>
-
 
     </div>
   </div>
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/2024/page/2/index.html b/archives/2024/page/2/index.html
index 75429555b..02070a6c9 100644
--- a/archives/2024/page/2/index.html
+++ b/archives/2024/page/2/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -176,6 +176,26 @@ <h1 class="site-title">Landy Blog</h1>
       <span class="collection-header">2024</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+
+      <div class="post-meta">
+        <time itemprop="dateCreated"
+              datetime="2024-01-14T23:39:42+08:00"
+              content="2024-01-14">
+          01-14
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Breath-First-Traversal-part-2/" itemprop="url">
+            <span itemprop="name">資料結構-Binary Search Tree - Breath First Traversal - part 2</span>
+          </a>
+      </div>
+
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
 
@@ -411,7 +431,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/index.html b/archives/index.html
index 04bcc637f..c3d3366ff 100644
--- a/archives/index.html
+++ b/archives/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -176,6 +176,26 @@ <h1 class="site-title">Landy Blog</h1>
       <span class="collection-header">2024</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+
+      <div class="post-meta">
+        <time itemprop="dateCreated"
+              datetime="2024-01-27T20:58:31+08:00"
+              content="2024-01-27">
+          01-27
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-Wrap-Up/" itemprop="url">
+            <span itemprop="name">資料結構-HashTable-Wrap Up</span>
+          </a>
+      </div>
+
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
 
@@ -356,26 +376,6 @@ <h1 class="site-title">Landy Blog</h1>
     </header>
   </article>
 
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-
-      <div class="post-meta">
-        <time itemprop="dateCreated"
-              datetime="2024-01-14T23:39:42+08:00"
-              content="2024-01-14">
-          01-14
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Breath-First-Traversal-part-2/" itemprop="url">
-            <span itemprop="name">資料結構-Binary Search Tree - Breath First Traversal - part 2</span>
-          </a>
-      </div>
-
-    </header>
-  </article>
-
 
     </div>
   </div>
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/page/10/index.html b/archives/page/10/index.html
index e8db5e542..debf561e5 100644
--- a/archives/page/10/index.html
+++ b/archives/page/10/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -176,6 +176,26 @@ <h1 class="site-title">Landy Blog</h1>
       <span class="collection-header">2021</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+
+      <div class="post-meta">
+        <time itemprop="dateCreated"
+              datetime="2021-03-11T10:38:31+08:00"
+              content="2021-03-11">
+          03-11
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/2021/03/11/JS%E6%A0%B8%E5%BF%83-%E5%87%BD%E5%BC%8F-Promise%E7%89%A9%E4%BB%B6/" itemprop="url">
+            <span itemprop="name">JS核心-函式-Promise物件</span>
+          </a>
+      </div>
+
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
 
@@ -356,26 +376,6 @@ <h1 class="site-title">Landy Blog</h1>
     </header>
   </article>
 
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-
-      <div class="post-meta">
-        <time itemprop="dateCreated"
-              datetime="2021-02-13T15:18:25+08:00"
-              content="2021-02-13">
-          02-13
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/2021/02/13/JavaScript%E5%AD%B8%E5%BE%92%E7%AF%87-localStorage%E8%B3%87%E6%96%99%E5%84%B2%E5%AD%98/" itemprop="url">
-            <span itemprop="name">JavaScript學徒篇- localStorage資料儲存</span>
-          </a>
-      </div>
-
-    </header>
-  </article>
-
 
     </div>
   </div>
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/page/11/index.html b/archives/page/11/index.html
index 88adc237a..bdca1da48 100644
--- a/archives/page/11/index.html
+++ b/archives/page/11/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -176,6 +176,26 @@ <h1 class="site-title">Landy Blog</h1>
       <span class="collection-header">2021</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+
+      <div class="post-meta">
+        <time itemprop="dateCreated"
+              datetime="2021-02-13T15:18:25+08:00"
+              content="2021-02-13">
+          02-13
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/2021/02/13/JavaScript%E5%AD%B8%E5%BE%92%E7%AF%87-localStorage%E8%B3%87%E6%96%99%E5%84%B2%E5%AD%98/" itemprop="url">
+            <span itemprop="name">JavaScript學徒篇- localStorage資料儲存</span>
+          </a>
+      </div>
+
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
 
@@ -356,26 +376,6 @@ <h1 class="site-title">Landy Blog</h1>
     </header>
   </article>
 
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-
-      <div class="post-meta">
-        <time itemprop="dateCreated"
-              datetime="2021-01-30T11:14:56+08:00"
-              content="2021-01-30">
-          01-30
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/2021/01/30/github%E8%AA%B2%E7%A8%8B%E7%AD%86%E8%A8%98-Git%E5%9C%98%E9%9A%8A%E5%90%88%E4%BD%9C%E7%AF%87/" itemprop="url">
-            <span itemprop="name">github課程筆記-Git團隊合作篇</span>
-          </a>
-      </div>
-
-    </header>
-  </article>
-
 
     </div>
   </div>
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/page/12/index.html b/archives/page/12/index.html
index e265f8553..b2b158c66 100644
--- a/archives/page/12/index.html
+++ b/archives/page/12/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -176,6 +176,26 @@ <h1 class="site-title">Landy Blog</h1>
       <span class="collection-header">2021</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+
+      <div class="post-meta">
+        <time itemprop="dateCreated"
+              datetime="2021-01-30T11:14:56+08:00"
+              content="2021-01-30">
+          01-30
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/2021/01/30/github%E8%AA%B2%E7%A8%8B%E7%AD%86%E8%A8%98-Git%E5%9C%98%E9%9A%8A%E5%90%88%E4%BD%9C%E7%AF%87/" itemprop="url">
+            <span itemprop="name">github課程筆記-Git團隊合作篇</span>
+          </a>
+      </div>
+
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
 
@@ -356,26 +376,6 @@ <h1 class="site-title">Landy Blog</h1>
     </header>
   </article>
 
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-
-      <div class="post-meta">
-        <time itemprop="dateCreated"
-              datetime="2021-01-25T10:15:12+08:00"
-              content="2021-01-25">
-          01-25
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/2021/01/25/Vue-Router%E7%AD%86%E8%A8%98-01/" itemprop="url">
-            <span itemprop="name">Vue Router筆記-01</span>
-          </a>
-      </div>
-
-    </header>
-  </article>
-
 
     </div>
   </div>
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/page/13/index.html b/archives/page/13/index.html
index be17652c1..64498bfa5 100644
--- a/archives/page/13/index.html
+++ b/archives/page/13/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -176,6 +176,26 @@ <h1 class="site-title">Landy Blog</h1>
       <span class="collection-header">2021</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+
+      <div class="post-meta">
+        <time itemprop="dateCreated"
+              datetime="2021-01-25T10:15:12+08:00"
+              content="2021-01-25">
+          01-25
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/2021/01/25/Vue-Router%E7%AD%86%E8%A8%98-01/" itemprop="url">
+            <span itemprop="name">Vue Router筆記-01</span>
+          </a>
+      </div>
+
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
 
@@ -356,26 +376,6 @@ <h1 class="site-title">Landy Blog</h1>
     </header>
   </article>
 
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-
-      <div class="post-meta">
-        <time itemprop="dateCreated"
-              datetime="2021-01-19T17:58:26+08:00"
-              content="2021-01-19">
-          01-19
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/2021/01/19/Bootstrap%E4%BD%9C%E5%93%81%E9%9B%86-%E6%8A%80%E5%B7%A7%E7%AD%86%E8%A8%98/" itemprop="url">
-            <span itemprop="name">Bootstrap作品集_技巧筆記</span>
-          </a>
-      </div>
-
-    </header>
-  </article>
-
 
     </div>
   </div>
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/page/14/index.html b/archives/page/14/index.html
index 04a821475..0cdad8db1 100644
--- a/archives/page/14/index.html
+++ b/archives/page/14/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -176,6 +176,26 @@ <h1 class="site-title">Landy Blog</h1>
       <span class="collection-header">2021</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+
+      <div class="post-meta">
+        <time itemprop="dateCreated"
+              datetime="2021-01-19T17:58:26+08:00"
+              content="2021-01-19">
+          01-19
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/2021/01/19/Bootstrap%E4%BD%9C%E5%93%81%E9%9B%86-%E6%8A%80%E5%B7%A7%E7%AD%86%E8%A8%98/" itemprop="url">
+            <span itemprop="name">Bootstrap作品集_技巧筆記</span>
+          </a>
+      </div>
+
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
 
@@ -356,26 +376,6 @@ <h1 class="site-title">Landy Blog</h1>
     </header>
   </article>
 
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-
-      <div class="post-meta">
-        <time itemprop="dateCreated"
-              datetime="2021-01-11T14:42:58+08:00"
-              content="2021-01-11">
-          01-11
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/2021/01/11/Vuejs%E5%85%83%E4%BB%B603-%E5%85%83%E4%BB%B6%E6%8F%92%E6%A7%BD/" itemprop="url">
-            <span itemprop="name">Vuejs元件03-元件插槽</span>
-          </a>
-      </div>
-
-    </header>
-  </article>
-
 
     </div>
   </div>
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/page/15/index.html b/archives/page/15/index.html
index 3510758f2..97c87d41d 100644
--- a/archives/page/15/index.html
+++ b/archives/page/15/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -176,6 +176,26 @@ <h1 class="site-title">Landy Blog</h1>
       <span class="collection-header">2021</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+
+      <div class="post-meta">
+        <time itemprop="dateCreated"
+              datetime="2021-01-11T14:42:58+08:00"
+              content="2021-01-11">
+          01-11
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/2021/01/11/Vuejs%E5%85%83%E4%BB%B603-%E5%85%83%E4%BB%B6%E6%8F%92%E6%A7%BD/" itemprop="url">
+            <span itemprop="name">Vuejs元件03-元件插槽</span>
+          </a>
+      </div>
+
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
 
@@ -356,26 +376,6 @@ <h1 class="site-title">Landy Blog</h1>
     </header>
   </article>
 
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-
-      <div class="post-meta">
-        <time itemprop="dateCreated"
-              datetime="2021-01-06T11:21:12+08:00"
-              content="2021-01-06">
-          01-06
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/2021/01/06/%E9%80%B2%E9%9A%8E%E6%A8%A1%E6%9D%BF%E8%AA%9E%E6%B3%95-02/" itemprop="url">
-            <span itemprop="name">進階模板語法-02</span>
-          </a>
-      </div>
-
-    </header>
-  </article>
-
 
     </div>
   </div>
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/page/16/index.html b/archives/page/16/index.html
index 11d703c3c..0bdb623d7 100644
--- a/archives/page/16/index.html
+++ b/archives/page/16/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -176,6 +176,26 @@ <h1 class="site-title">Landy Blog</h1>
       <span class="collection-header">2021</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+
+      <div class="post-meta">
+        <time itemprop="dateCreated"
+              datetime="2021-01-06T11:21:12+08:00"
+              content="2021-01-06">
+          01-06
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/2021/01/06/%E9%80%B2%E9%9A%8E%E6%A8%A1%E6%9D%BF%E8%AA%9E%E6%B3%95-02/" itemprop="url">
+            <span itemprop="name">進階模板語法-02</span>
+          </a>
+      </div>
+
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
 
@@ -359,26 +379,6 @@ <h1 class="site-title">Landy Blog</h1>
     </header>
   </article>
 
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-
-      <div class="post-meta">
-        <time itemprop="dateCreated"
-              datetime="2020-12-29T12:35:38+08:00"
-              content="2020-12-29">
-          12-29
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/2020/12/29/Bootstrap%E7%AD%86%E8%A8%98-01/" itemprop="url">
-            <span itemprop="name">Bootstrap筆記-01</span>
-          </a>
-      </div>
-
-    </header>
-  </article>
-
 
     </div>
   </div>
@@ -454,7 +454,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/page/17/index.html b/archives/page/17/index.html
index e5200d051..68a1e4bef 100644
--- a/archives/page/17/index.html
+++ b/archives/page/17/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -176,6 +176,26 @@ <h1 class="site-title">Landy Blog</h1>
       <span class="collection-header">2020</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+
+      <div class="post-meta">
+        <time itemprop="dateCreated"
+              datetime="2020-12-29T12:35:38+08:00"
+              content="2020-12-29">
+          12-29
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/2020/12/29/Bootstrap%E7%AD%86%E8%A8%98-01/" itemprop="url">
+            <span itemprop="name">Bootstrap筆記-01</span>
+          </a>
+      </div>
+
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
 
@@ -331,7 +351,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/page/2/index.html b/archives/page/2/index.html
index e9ed4ab68..81633e680 100644
--- a/archives/page/2/index.html
+++ b/archives/page/2/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -176,6 +176,26 @@ <h1 class="site-title">Landy Blog</h1>
       <span class="collection-header">2024</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+
+      <div class="post-meta">
+        <time itemprop="dateCreated"
+              datetime="2024-01-14T23:39:42+08:00"
+              content="2024-01-14">
+          01-14
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Breath-First-Traversal-part-2/" itemprop="url">
+            <span itemprop="name">資料結構-Binary Search Tree - Breath First Traversal - part 2</span>
+          </a>
+      </div>
+
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
 
@@ -359,26 +379,6 @@ <h1 class="site-title">Landy Blog</h1>
     </header>
   </article>
 
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-
-      <div class="post-meta">
-        <time itemprop="dateCreated"
-              datetime="2023-11-18T10:11:08+08:00"
-              content="2023-11-18">
-          11-18
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/2023/11/18/Design-Pattern-Observer/" itemprop="url">
-            <span itemprop="name">Design Pattern - Observer</span>
-          </a>
-      </div>
-
-    </header>
-  </article>
-
 
     </div>
   </div>
@@ -454,7 +454,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/page/3/index.html b/archives/page/3/index.html
index 66e94766f..45b8d2681 100644
--- a/archives/page/3/index.html
+++ b/archives/page/3/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -176,6 +176,26 @@ <h1 class="site-title">Landy Blog</h1>
       <span class="collection-header">2023</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+
+      <div class="post-meta">
+        <time itemprop="dateCreated"
+              datetime="2023-11-18T10:11:08+08:00"
+              content="2023-11-18">
+          11-18
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/2023/11/18/Design-Pattern-Observer/" itemprop="url">
+            <span itemprop="name">Design Pattern - Observer</span>
+          </a>
+      </div>
+
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
 
@@ -359,26 +379,6 @@ <h1 class="site-title">Landy Blog</h1>
     </header>
   </article>
 
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-
-      <div class="post-meta">
-        <time itemprop="dateCreated"
-              datetime="2022-10-22T15:30:50+08:00"
-              content="2022-10-22">
-          10-22
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/2022/10/22/Promise-I-state-%E5%92%8C-result-%E7%9A%84%E6%94%B9%E8%AE%8A/" itemprop="url">
-            <span itemprop="name">Promise (I) - state 和 result 的改變</span>
-          </a>
-      </div>
-
-    </header>
-  </article>
-
 
     </div>
   </div>
@@ -454,7 +454,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/page/4/index.html b/archives/page/4/index.html
index bbe25ef4e..6876e920d 100644
--- a/archives/page/4/index.html
+++ b/archives/page/4/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -176,6 +176,26 @@ <h1 class="site-title">Landy Blog</h1>
       <span class="collection-header">2022</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+
+      <div class="post-meta">
+        <time itemprop="dateCreated"
+              datetime="2022-10-22T15:30:50+08:00"
+              content="2022-10-22">
+          10-22
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/2022/10/22/Promise-I-state-%E5%92%8C-result-%E7%9A%84%E6%94%B9%E8%AE%8A/" itemprop="url">
+            <span itemprop="name">Promise (I) - state 和 result 的改變</span>
+          </a>
+      </div>
+
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
 
@@ -356,26 +376,6 @@ <h1 class="site-title">Landy Blog</h1>
     </header>
   </article>
 
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-
-      <div class="post-meta">
-        <time itemprop="dateCreated"
-              datetime="2022-03-20T22:07:40+08:00"
-              content="2022-03-20">
-          03-20
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/2022/03/20/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E5%9C%96%E6%96%87%E6%BB%BF%E7%89%88%E5%8D%80%E5%A1%8A/" itemprop="url">
-            <span itemprop="name">CSS-金魚系列切版-圖文滿版區塊</span>
-          </a>
-      </div>
-
-    </header>
-  </article>
-
 
     </div>
   </div>
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/page/5/index.html b/archives/page/5/index.html
index 12d51e974..0dfcf2367 100644
--- a/archives/page/5/index.html
+++ b/archives/page/5/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -176,6 +176,26 @@ <h1 class="site-title">Landy Blog</h1>
       <span class="collection-header">2022</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+
+      <div class="post-meta">
+        <time itemprop="dateCreated"
+              datetime="2022-03-20T22:07:40+08:00"
+              content="2022-03-20">
+          03-20
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/2022/03/20/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E5%9C%96%E6%96%87%E6%BB%BF%E7%89%88%E5%8D%80%E5%A1%8A/" itemprop="url">
+            <span itemprop="name">CSS-金魚系列切版-圖文滿版區塊</span>
+          </a>
+      </div>
+
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
 
@@ -359,26 +379,6 @@ <h1 class="site-title">Landy Blog</h1>
     </header>
   </article>
 
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-
-      <div class="post-meta">
-        <time itemprop="dateCreated"
-              datetime="2021-06-26T12:03:34+08:00"
-              content="2021-06-26">
-          06-26
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/2021/06/26/Alex%E5%AE%85%E5%B9%B9%E5%98%9B-ReVue-Day14%E7%AD%86%E8%A8%98-Directive/" itemprop="url">
-            <span itemprop="name">Alex宅幹嘛_ReVue_Day14筆記_Directive</span>
-          </a>
-      </div>
-
-    </header>
-  </article>
-
 
     </div>
   </div>
@@ -454,7 +454,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/page/6/index.html b/archives/page/6/index.html
index c6fa9d81f..c6b91015c 100644
--- a/archives/page/6/index.html
+++ b/archives/page/6/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -176,6 +176,26 @@ <h1 class="site-title">Landy Blog</h1>
       <span class="collection-header">2021</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+
+      <div class="post-meta">
+        <time itemprop="dateCreated"
+              datetime="2021-06-26T12:03:34+08:00"
+              content="2021-06-26">
+          06-26
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/2021/06/26/Alex%E5%AE%85%E5%B9%B9%E5%98%9B-ReVue-Day14%E7%AD%86%E8%A8%98-Directive/" itemprop="url">
+            <span itemprop="name">Alex宅幹嘛_ReVue_Day14筆記_Directive</span>
+          </a>
+      </div>
+
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
 
@@ -356,26 +376,6 @@ <h1 class="site-title">Landy Blog</h1>
     </header>
   </article>
 
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-
-      <div class="post-meta">
-        <time itemprop="dateCreated"
-              datetime="2021-06-07T09:04:15+08:00"
-              content="2021-06-07">
-          06-07
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/2021/06/07/%E5%85%AD%E8%A7%92%E8%A8%88%E6%A6%82%E8%AA%B2%E7%A8%8B/" itemprop="url">
-            <span itemprop="name">六角網路計概課程</span>
-          </a>
-      </div>
-
-    </header>
-  </article>
-
 
     </div>
   </div>
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/page/7/index.html b/archives/page/7/index.html
index c8e04e3b8..43fb5efe4 100644
--- a/archives/page/7/index.html
+++ b/archives/page/7/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -176,6 +176,26 @@ <h1 class="site-title">Landy Blog</h1>
       <span class="collection-header">2021</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+
+      <div class="post-meta">
+        <time itemprop="dateCreated"
+              datetime="2021-06-07T09:04:15+08:00"
+              content="2021-06-07">
+          06-07
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/2021/06/07/%E5%85%AD%E8%A7%92%E8%A8%88%E6%A6%82%E8%AA%B2%E7%A8%8B/" itemprop="url">
+            <span itemprop="name">六角網路計概課程</span>
+          </a>
+      </div>
+
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
 
@@ -356,26 +376,6 @@ <h1 class="site-title">Landy Blog</h1>
     </header>
   </article>
 
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-
-      <div class="post-meta">
-        <time itemprop="dateCreated"
-              datetime="2021-04-22T18:05:27+08:00"
-              content="2021-04-22">
-          04-22
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/2021/04/22/JavaScript-%E6%B7%BA%E5%B1%A4%E6%8B%B7%E8%B2%9D%E5%92%8C%E6%B7%B1%E5%B1%A4%E6%8B%B7%E8%B2%9D/" itemprop="url">
-            <span itemprop="name">JavaScript-淺層拷貝和深層拷貝</span>
-          </a>
-      </div>
-
-    </header>
-  </article>
-
 
     </div>
   </div>
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/page/8/index.html b/archives/page/8/index.html
index 7e13c7ffb..d6a09f864 100644
--- a/archives/page/8/index.html
+++ b/archives/page/8/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -176,6 +176,26 @@ <h1 class="site-title">Landy Blog</h1>
       <span class="collection-header">2021</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+
+      <div class="post-meta">
+        <time itemprop="dateCreated"
+              datetime="2021-04-22T18:05:27+08:00"
+              content="2021-04-22">
+          04-22
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/2021/04/22/JavaScript-%E6%B7%BA%E5%B1%A4%E6%8B%B7%E8%B2%9D%E5%92%8C%E6%B7%B1%E5%B1%A4%E6%8B%B7%E8%B2%9D/" itemprop="url">
+            <span itemprop="name">JavaScript-淺層拷貝和深層拷貝</span>
+          </a>
+      </div>
+
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
 
@@ -356,26 +376,6 @@ <h1 class="site-title">Landy Blog</h1>
     </header>
   </article>
 
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-
-      <div class="post-meta">
-        <time itemprop="dateCreated"
-              datetime="2021-04-02T18:01:37+08:00"
-              content="2021-04-02">
-          04-02
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/2021/04/02/JS%E6%A0%B8%E5%BF%83%E7%AF%87-%E6%A8%A3%E7%89%88%E5%AD%97%E9%9D%A2%E5%80%BC/" itemprop="url">
-            <span itemprop="name">JS核心篇-樣版字面值</span>
-          </a>
-      </div>
-
-    </header>
-  </article>
-
 
     </div>
   </div>
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/archives/page/9/index.html b/archives/page/9/index.html
index 35d2aaf2f..9a24046f6 100644
--- a/archives/page/9/index.html
+++ b/archives/page/9/index.html
@@ -168,7 +168,7 @@ <h1 class="site-title">Landy Blog</h1>
     <div class="posts-collapse">
       <div class="collection-title">
         
-        <span class="collection-header">非常好! 目前共有 164 篇文章。 繼續努力。</span>
+        <span class="collection-header">非常好! 目前共有 165 篇文章。 繼續努力。</span>
       </div>
 
       
@@ -176,6 +176,26 @@ <h1 class="site-title">Landy Blog</h1>
       <span class="collection-header">2021</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+
+      <div class="post-meta">
+        <time itemprop="dateCreated"
+              datetime="2021-04-02T18:01:37+08:00"
+              content="2021-04-02">
+          04-02
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/2021/04/02/JS%E6%A0%B8%E5%BF%83%E7%AF%87-%E6%A8%A3%E7%89%88%E5%AD%97%E9%9D%A2%E5%80%BC/" itemprop="url">
+            <span itemprop="name">JS核心篇-樣版字面值</span>
+          </a>
+      </div>
+
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
 
@@ -356,26 +376,6 @@ <h1 class="site-title">Landy Blog</h1>
     </header>
   </article>
 
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-
-      <div class="post-meta">
-        <time itemprop="dateCreated"
-              datetime="2021-03-11T10:38:31+08:00"
-              content="2021-03-11">
-          03-11
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/2021/03/11/JS%E6%A0%B8%E5%BF%83-%E5%87%BD%E5%BC%8F-Promise%E7%89%A9%E4%BB%B6/" itemprop="url">
-            <span itemprop="name">JS核心-函式-Promise物件</span>
-          </a>
-      </div>
-
-    </header>
-  </article>
-
 
     </div>
   </div>
@@ -451,7 +451,7 @@ <h1 class="site-title">Landy Blog</h1>
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/categories/AJAX/index.html b/categories/AJAX/index.html
index 4ae2c7a16..70597ebff 100644
--- a/categories/AJAX/index.html
+++ b/categories/AJAX/index.html
@@ -368,7 +368,7 @@ <h2 class="collection-header">AJAX
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/categories/Angular/index.html b/categories/Angular/index.html
index e32939b87..6b54d6bd4 100644
--- a/categories/Angular/index.html
+++ b/categories/Angular/index.html
@@ -391,7 +391,7 @@ <h2 class="collection-header">Angular
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/categories/Bootstrap/index.html b/categories/Bootstrap/index.html
index 347ecd239..8bdc6c30e 100644
--- a/categories/Bootstrap/index.html
+++ b/categories/Bootstrap/index.html
@@ -451,7 +451,7 @@ <h2 class="collection-header">Bootstrap
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/categories/Bootstrap/page/2/index.html b/categories/Bootstrap/page/2/index.html
index aa3e088fd..d11c90819 100644
--- a/categories/Bootstrap/page/2/index.html
+++ b/categories/Bootstrap/page/2/index.html
@@ -314,7 +314,7 @@ <h2 class="collection-header">Bootstrap
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/categories/CSS/index.html b/categories/CSS/index.html
index 42c8f7b29..e67ac9a4d 100644
--- a/categories/CSS/index.html
+++ b/categories/CSS/index.html
@@ -408,7 +408,7 @@ <h2 class="collection-header">CSS
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/categories/DataStructure/index.html b/categories/DataStructure/index.html
index 7a4fb7dad..a0f9c68b5 100644
--- a/categories/DataStructure/index.html
+++ b/categories/DataStructure/index.html
@@ -177,6 +177,26 @@ <h2 class="collection-header">DataStructure
       <span class="collection-header">2024</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+
+      <div class="post-meta">
+        <time itemprop="dateCreated"
+              datetime="2024-01-27T20:58:31+08:00"
+              content="2024-01-27">
+          01-27
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-Wrap-Up/" itemprop="url">
+            <span itemprop="name">資料結構-HashTable-Wrap Up</span>
+          </a>
+      </div>
+
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
 
@@ -357,26 +377,6 @@ <h2 class="collection-header">DataStructure
     </header>
   </article>
 
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-
-      <div class="post-meta">
-        <time itemprop="dateCreated"
-              datetime="2024-01-14T23:39:42+08:00"
-              content="2024-01-14">
-          01-14
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Breath-First-Traversal-part-2/" itemprop="url">
-            <span itemprop="name">資料結構-Binary Search Tree - Breath First Traversal - part 2</span>
-          </a>
-      </div>
-
-    </header>
-  </article>
-
     </div>
   </div>
   
@@ -451,7 +451,7 @@ <h2 class="collection-header">DataStructure
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/categories/DataStructure/page/2/index.html b/categories/DataStructure/page/2/index.html
index 5da87d77a..63c6c0d15 100644
--- a/categories/DataStructure/page/2/index.html
+++ b/categories/DataStructure/page/2/index.html
@@ -177,6 +177,26 @@ <h2 class="collection-header">DataStructure
       <span class="collection-header">2024</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+
+      <div class="post-meta">
+        <time itemprop="dateCreated"
+              datetime="2024-01-14T23:39:42+08:00"
+              content="2024-01-14">
+          01-14
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Breath-First-Traversal-part-2/" itemprop="url">
+            <span itemprop="name">資料結構-Binary Search Tree - Breath First Traversal - part 2</span>
+          </a>
+      </div>
+
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
 
@@ -414,7 +434,7 @@ <h2 class="collection-header">DataStructure
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/categories/DesignPattern/index.html b/categories/DesignPattern/index.html
index 32b7a4fee..857fc4731 100644
--- a/categories/DesignPattern/index.html
+++ b/categories/DesignPattern/index.html
@@ -268,7 +268,7 @@ <h2 class="collection-header">DesignPattern
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/categories/HTML/index.html b/categories/HTML/index.html
index 42a816397..ca682b958 100644
--- a/categories/HTML/index.html
+++ b/categories/HTML/index.html
@@ -308,7 +308,7 @@ <h2 class="collection-header">HTML
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/categories/JavaScript/index.html b/categories/JavaScript/index.html
index bfa3a581a..e47711d15 100644
--- a/categories/JavaScript/index.html
+++ b/categories/JavaScript/index.html
@@ -454,7 +454,7 @@ <h2 class="collection-header">JavaScript
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/categories/JavaScript/page/2/index.html b/categories/JavaScript/page/2/index.html
index 477af9cb4..218b8f738 100644
--- a/categories/JavaScript/page/2/index.html
+++ b/categories/JavaScript/page/2/index.html
@@ -451,7 +451,7 @@ <h2 class="collection-header">JavaScript
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/categories/JavaScript/page/3/index.html b/categories/JavaScript/page/3/index.html
index 77474a5e1..5419f527c 100644
--- a/categories/JavaScript/page/3/index.html
+++ b/categories/JavaScript/page/3/index.html
@@ -451,7 +451,7 @@ <h2 class="collection-header">JavaScript
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/categories/JavaScript/page/4/index.html b/categories/JavaScript/page/4/index.html
index ff244c813..117616dc3 100644
--- a/categories/JavaScript/page/4/index.html
+++ b/categories/JavaScript/page/4/index.html
@@ -311,7 +311,7 @@ <h2 class="collection-header">JavaScript
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/categories/TypeScript/TypeScript-\347\254\254\345\271\276\346\213\233/index.html" "b/categories/TypeScript/TypeScript-\347\254\254\345\271\276\346\213\233/index.html"
index 845d6e0f6..3b38022c3 100644
--- "a/categories/TypeScript/TypeScript-\347\254\254\345\271\276\346\213\233/index.html"
+++ "b/categories/TypeScript/TypeScript-\347\254\254\345\271\276\346\213\233/index.html"
@@ -311,7 +311,7 @@ <h2 class="collection-header">TypeScript 第幾招
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/categories/TypeScript/index.html b/categories/TypeScript/index.html
index b24300653..2a9f5bb82 100644
--- a/categories/TypeScript/index.html
+++ b/categories/TypeScript/index.html
@@ -311,7 +311,7 @@ <h2 class="collection-header">TypeScript
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/categories/Vue/index.html b/categories/Vue/index.html
index be3bea2e0..1706e1abd 100644
--- a/categories/Vue/index.html
+++ b/categories/Vue/index.html
@@ -451,7 +451,7 @@ <h2 class="collection-header">Vue
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/categories/Vue/page/2/index.html b/categories/Vue/page/2/index.html
index 3916a4a79..2f78f1e18 100644
--- a/categories/Vue/page/2/index.html
+++ b/categories/Vue/page/2/index.html
@@ -451,7 +451,7 @@ <h2 class="collection-header">Vue
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/categories/Vue/page/3/index.html b/categories/Vue/page/3/index.html
index 217b70adf..11428aa8c 100644
--- a/categories/Vue/page/3/index.html
+++ b/categories/Vue/page/3/index.html
@@ -451,7 +451,7 @@ <h2 class="collection-header">Vue
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/categories/Vue/page/4/index.html b/categories/Vue/page/4/index.html
index 80ce62823..9b7f5d09c 100644
--- a/categories/Vue/page/4/index.html
+++ b/categories/Vue/page/4/index.html
@@ -451,7 +451,7 @@ <h2 class="collection-header">Vue
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/categories/Vue/page/5/index.html b/categories/Vue/page/5/index.html
index c924db1db..56766c3af 100644
--- a/categories/Vue/page/5/index.html
+++ b/categories/Vue/page/5/index.html
@@ -354,7 +354,7 @@ <h2 class="collection-header">Vue
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/categories/index.html b/categories/index.html
index 6cf08d5dc..4a707b6c0 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -191,7 +191,7 @@ <h1 class="post-title" itemprop="name headline">categories
               目前共有 15 個分類
             </div>
             <div class="category-all">
-              <ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/AJAX/">AJAX</a><span class="category-list-count">6</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Angular/">Angular</a><span class="category-list-count">7</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Bootstrap/">Bootstrap</a><span class="category-list-count">13</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/CSS/">CSS</a><span class="category-list-count">8</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/DataStructure/">DataStructure</a><span class="category-list-count">18</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/DesignPattern/">DesignPattern</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/HTML/">HTML</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/JavaScript/">JavaScript</a><span class="category-list-count">33</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/TypeScript/">TypeScript</a><span class="category-list-count">3</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/TypeScript/TypeScript-%E7%AC%AC%E5%B9%BE%E6%8B%9B/">TypeScript 第幾招</a><span class="category-list-count">3</span></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/Vue/">Vue</a><span class="category-list-count">45</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/jQuery/">jQuery</a><span class="category-list-count">6</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/scss/">scss</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF%E9%AB%94%E9%A9%97%E7%87%9F%E5%88%87%E7%89%88/">前端體驗營切版</a><span class="category-list-count">7</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B0%88%E6%A1%88%E9%83%A8%E5%B1%AC%E5%B7%A5%E5%85%B7/">專案部屬工具</a><span class="category-list-count">4</span></li></ul>
+              <ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/AJAX/">AJAX</a><span class="category-list-count">6</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Angular/">Angular</a><span class="category-list-count">7</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Bootstrap/">Bootstrap</a><span class="category-list-count">13</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/CSS/">CSS</a><span class="category-list-count">8</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/DataStructure/">DataStructure</a><span class="category-list-count">19</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/DesignPattern/">DesignPattern</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/HTML/">HTML</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/JavaScript/">JavaScript</a><span class="category-list-count">33</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/TypeScript/">TypeScript</a><span class="category-list-count">3</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/TypeScript/TypeScript-%E7%AC%AC%E5%B9%BE%E6%8B%9B/">TypeScript 第幾招</a><span class="category-list-count">3</span></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/Vue/">Vue</a><span class="category-list-count">45</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/jQuery/">jQuery</a><span class="category-list-count">6</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/scss/">scss</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF%E9%AB%94%E9%A9%97%E7%87%9F%E5%88%87%E7%89%88/">前端體驗營切版</a><span class="category-list-count">7</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B0%88%E6%A1%88%E9%83%A8%E5%B1%AC%E5%B7%A5%E5%85%B7/">專案部屬工具</a><span class="category-list-count">4</span></li></ul>
             </div>
           </div>
         
@@ -268,7 +268,7 @@ <h1 class="post-title" itemprop="name headline">categories
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/categories/jQuery/index.html b/categories/jQuery/index.html
index 7445c717c..a42a74961 100644
--- a/categories/jQuery/index.html
+++ b/categories/jQuery/index.html
@@ -368,7 +368,7 @@ <h2 class="collection-header">jQuery
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/categories/scss/index.html b/categories/scss/index.html
index c9a31a93d..410f306f1 100644
--- a/categories/scss/index.html
+++ b/categories/scss/index.html
@@ -288,7 +288,7 @@ <h2 class="collection-header">scss
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/categories/\345\211\215\347\253\257\351\253\224\351\251\227\347\207\237\345\210\207\347\211\210/index.html" "b/categories/\345\211\215\347\253\257\351\253\224\351\251\227\347\207\237\345\210\207\347\211\210/index.html"
index d2a19c783..0c487f8f0 100644
--- "a/categories/\345\211\215\347\253\257\351\253\224\351\251\227\347\207\237\345\210\207\347\211\210/index.html"
+++ "b/categories/\345\211\215\347\253\257\351\253\224\351\251\227\347\207\237\345\210\207\347\211\210/index.html"
@@ -391,7 +391,7 @@ <h2 class="collection-header">前端體驗營切版
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/categories/\345\260\210\346\241\210\351\203\250\345\261\254\345\267\245\345\205\267/index.html" "b/categories/\345\260\210\346\241\210\351\203\250\345\261\254\345\267\245\345\205\267/index.html"
index 72220cca3..cfb9fb3d7 100644
--- "a/categories/\345\260\210\346\241\210\351\203\250\345\261\254\345\267\245\345\205\267/index.html"
+++ "b/categories/\345\260\210\346\241\210\351\203\250\345\261\254\345\267\245\345\205\267/index.html"
@@ -328,7 +328,7 @@ <h2 class="collection-header">專案部屬工具
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/css/main.css b/css/main.css
index 9516bc827..45ee72e17 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1168,7 +1168,7 @@ pre .javascript .function {
 }
 .links-of-author a::before,
 .links-of-author span.exturl::before {
-  background: #4dff66;
+  background: #16f0ff;
   border-radius: 50%;
   content: ' ';
   display: inline-block;
diff --git a/index.html b/index.html
index e0e528802..ecec60f4c 100644
--- a/index.html
+++ b/index.html
@@ -164,7 +164,7 @@ <h1 class="site-title">Landy Blog</h1>
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-retrieveAll-method/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-Wrap-Up/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -178,7 +178,7 @@ <h1 class="site-title">Landy Blog</h1>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-retrieveAll-method/" class="post-title-link" itemprop="url">資料結構-HashTable-retrieveAll method</a>
+            <a href="/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-Wrap-Up/" class="post-title-link" itemprop="url">資料結構-HashTable-Wrap Up</a>
         </h2>
 
         <div class="post-meta">
@@ -189,7 +189,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2024-01-27 20:39:32 / 修改時間：20:50:59" itemprop="dateCreated datePublished" datetime="2024-01-27T20:39:32+08:00">2024-01-27</time>
+              <time title="創建時間：2024-01-27 20:58:31 / 修改時間：21:12:01" itemprop="dateCreated datePublished" datetime="2024-01-27T20:58:31+08:00">2024-01-27</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -212,10 +212,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>實作取出 Hash Table 所有 node 的方法</p>
+          <p>為 Hash Table 做個總結</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-retrieveAll-method/">
+              <a class="btn" href="/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-Wrap-Up/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -239,7 +239,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-refactor-Get-Method/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-retrieveAll-method/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -253,7 +253,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-refactor-Get-Method/" class="post-title-link" itemprop="url">資料結構-HashTable-refactor Get Method</a>
+            <a href="/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-retrieveAll-method/" class="post-title-link" itemprop="url">資料結構-HashTable-retrieveAll method</a>
         </h2>
 
         <div class="post-meta">
@@ -264,7 +264,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2024-01-27 20:23:32 / 修改時間：20:36:29" itemprop="dateCreated datePublished" datetime="2024-01-27T20:23:32+08:00">2024-01-27</time>
+              <time title="創建時間：2024-01-27 20:39:32 / 修改時間：20:50:59" itemprop="dateCreated datePublished" datetime="2024-01-27T20:39:32+08:00">2024-01-27</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -287,10 +287,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>實作 Hash Table 的搜尋方法</p>
+          <p>實作取出 Hash Table 所有 node 的方法</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-refactor-Get-Method/">
+              <a class="btn" href="/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-retrieveAll-method/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -314,7 +314,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-refactor-Insert-Method/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-refactor-Get-Method/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -328,7 +328,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-refactor-Insert-Method/" class="post-title-link" itemprop="url">資料結構-HashTable-refactor Insert Method</a>
+            <a href="/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-refactor-Get-Method/" class="post-title-link" itemprop="url">資料結構-HashTable-refactor Get Method</a>
         </h2>
 
         <div class="post-meta">
@@ -339,7 +339,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2024-01-27 20:01:42 / 修改時間：20:21:13" itemprop="dateCreated datePublished" datetime="2024-01-27T20:01:42+08:00">2024-01-27</time>
+              <time title="創建時間：2024-01-27 20:23:32 / 修改時間：20:36:29" itemprop="dateCreated datePublished" datetime="2024-01-27T20:23:32+08:00">2024-01-27</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -362,10 +362,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>將更新既有 node 值的功能加入到 insert 方法</p>
+          <p>實作 Hash Table 的搜尋方法</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-refactor-Insert-Method/">
+              <a class="btn" href="/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-refactor-Get-Method/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -389,7 +389,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/25/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Insert-Method/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-refactor-Insert-Method/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -403,7 +403,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2024/01/25/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Insert-Method/" class="post-title-link" itemprop="url">資料結構- Hash Table - Insert Method</a>
+            <a href="/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-refactor-Insert-Method/" class="post-title-link" itemprop="url">資料結構-HashTable-refactor Insert Method</a>
         </h2>
 
         <div class="post-meta">
@@ -414,7 +414,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2024-01-25 22:55:26 / 修改時間：23:04:34" itemprop="dateCreated datePublished" datetime="2024-01-25T22:55:26+08:00">2024-01-25</time>
+              <time title="創建時間：2024-01-27 20:01:42 / 修改時間：20:21:13" itemprop="dateCreated datePublished" datetime="2024-01-27T20:01:42+08:00">2024-01-27</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -437,10 +437,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 Hash Table 的 insert 方法功能與如何實作</p>
+          <p>將更新既有 node 值的功能加入到 insert 方法</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2024/01/25/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Insert-Method/">
+              <a class="btn" href="/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-refactor-Insert-Method/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -464,7 +464,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/25/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Hash-Method/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/25/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Insert-Method/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -478,7 +478,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2024/01/25/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Hash-Method/" class="post-title-link" itemprop="url">資料結構- Hash Table - hash Method</a>
+            <a href="/2024/01/25/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Insert-Method/" class="post-title-link" itemprop="url">資料結構- Hash Table - Insert Method</a>
         </h2>
 
         <div class="post-meta">
@@ -489,7 +489,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2024-01-25 22:44:55 / 修改時間：22:56:50" itemprop="dateCreated datePublished" datetime="2024-01-25T22:44:55+08:00">2024-01-25</time>
+              <time title="創建時間：2024-01-25 22:55:26 / 修改時間：23:04:34" itemprop="dateCreated datePublished" datetime="2024-01-25T22:55:26+08:00">2024-01-25</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -512,10 +512,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 Hash Table 的 Hash 方法功能與如何實作</p>
+          <p>紀錄 Hash Table 的 insert 方法功能與如何實作</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2024/01/25/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Hash-Method/">
+              <a class="btn" href="/2024/01/25/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Insert-Method/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -539,7 +539,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/25/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-HashTable-%E5%92%8C-HashNode-%E7%9A%84%E5%BB%BA%E6%A7%8B%E5%BC%8F/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/25/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Hash-Method/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -553,7 +553,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2024/01/25/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-HashTable-%E5%92%8C-HashNode-%E7%9A%84%E5%BB%BA%E6%A7%8B%E5%BC%8F/" class="post-title-link" itemprop="url">資料結構-HashTable-HashTable 和 HashNode 的建構式</a>
+            <a href="/2024/01/25/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Hash-Method/" class="post-title-link" itemprop="url">資料結構- Hash Table - hash Method</a>
         </h2>
 
         <div class="post-meta">
@@ -564,7 +564,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2024-01-25 22:36:18 / 修改時間：22:43:32" itemprop="dateCreated datePublished" datetime="2024-01-25T22:36:18+08:00">2024-01-25</time>
+              <time title="創建時間：2024-01-25 22:44:55 / 修改時間：22:56:50" itemprop="dateCreated datePublished" datetime="2024-01-25T22:44:55+08:00">2024-01-25</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -587,10 +587,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄如何實作 Hash Table 和 HashNode 的建構式，以利後續創建 HashTable 和 HashNode 的 instance。</p>
+          <p>紀錄 Hash Table 的 Hash 方法功能與如何實作</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2024/01/25/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-HashTable-%E5%92%8C-HashNode-%E7%9A%84%E5%BB%BA%E6%A7%8B%E5%BC%8F/">
+              <a class="btn" href="/2024/01/25/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Hash-Method/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -614,7 +614,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/25/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-Intro/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/25/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-HashTable-%E5%92%8C-HashNode-%E7%9A%84%E5%BB%BA%E6%A7%8B%E5%BC%8F/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -628,7 +628,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2024/01/25/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-Intro/" class="post-title-link" itemprop="url">資料結構-HashTable-Intro</a>
+            <a href="/2024/01/25/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-HashTable-%E5%92%8C-HashNode-%E7%9A%84%E5%BB%BA%E6%A7%8B%E5%BC%8F/" class="post-title-link" itemprop="url">資料結構-HashTable-HashTable 和 HashNode 的建構式</a>
         </h2>
 
         <div class="post-meta">
@@ -639,7 +639,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2024-01-25 22:12:34 / 修改時間：22:30:52" itemprop="dateCreated datePublished" datetime="2024-01-25T22:12:34+08:00">2024-01-25</time>
+              <time title="創建時間：2024-01-25 22:36:18 / 修改時間：22:43:32" itemprop="dateCreated datePublished" datetime="2024-01-25T22:36:18+08:00">2024-01-25</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -662,10 +662,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 Hash Table 的是由什麼構成的，與 Hash Table 裡的 node 有什麼屬性</p>
+          <p>紀錄如何實作 Hash Table 和 HashNode 的建構式，以利後續創建 HashTable 和 HashNode 的 instance。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2024/01/25/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-Intro/">
+              <a class="btn" href="/2024/01/25/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-HashTable-%E5%92%8C-HashNode-%E7%9A%84%E5%BB%BA%E6%A7%8B%E5%BC%8F/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -689,7 +689,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Wrap-Up/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/25/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-Intro/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -703,7 +703,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Wrap-Up/" class="post-title-link" itemprop="url">資料結構-Binary Search Tree - Wrap Up</a>
+            <a href="/2024/01/25/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-Intro/" class="post-title-link" itemprop="url">資料結構-HashTable-Intro</a>
         </h2>
 
         <div class="post-meta">
@@ -712,16 +712,10 @@ <h2 class="post-title" itemprop="name headline">
                 <i class="far fa-calendar"></i>
               </span>
               <span class="post-meta-item-text">發表於</span>
+              
 
-              <time title="創建時間：2024-01-14 23:51:01" itemprop="dateCreated datePublished" datetime="2024-01-14T23:51:01+08:00">2024-01-14</time>
+              <time title="創建時間：2024-01-25 22:12:34 / 修改時間：22:30:52" itemprop="dateCreated datePublished" datetime="2024-01-25T22:12:34+08:00">2024-01-25</time>
             </span>
-              <span class="post-meta-item">
-                <span class="post-meta-item-icon">
-                  <i class="far fa-calendar-check"></i>
-                </span>
-                <span class="post-meta-item-text">更新於</span>
-                <time title="修改時間：2024-01-15 00:10:00" itemprop="dateModified" datetime="2024-01-15T00:10:00+08:00">2024-01-15</time>
-              </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
                 <i class="far fa-folder"></i>
@@ -743,10 +737,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>做 Binary Search Tree 的總結</p>
+          <p>紀錄 Hash Table 的是由什麼構成的，與 Hash Table 裡的 node 有什麼屬性</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Wrap-Up/">
+              <a class="btn" href="/2024/01/25/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-Intro/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -770,7 +764,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-getMinVal-getMaxVal/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Wrap-Up/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -784,7 +778,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-getMinVal-getMaxVal/" class="post-title-link" itemprop="url">資料結構-Binary Search Tree - getMinVal && getMaxVal</a>
+            <a href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Wrap-Up/" class="post-title-link" itemprop="url">資料結構-Binary Search Tree - Wrap Up</a>
         </h2>
 
         <div class="post-meta">
@@ -793,10 +787,16 @@ <h2 class="post-title" itemprop="name headline">
                 <i class="far fa-calendar"></i>
               </span>
               <span class="post-meta-item-text">發表於</span>
-              
 
-              <time title="創建時間：2024-01-14 23:48:08 / 修改時間：23:50:11" itemprop="dateCreated datePublished" datetime="2024-01-14T23:48:08+08:00">2024-01-14</time>
+              <time title="創建時間：2024-01-14 23:51:01" itemprop="dateCreated datePublished" datetime="2024-01-14T23:51:01+08:00">2024-01-14</time>
             </span>
+              <span class="post-meta-item">
+                <span class="post-meta-item-icon">
+                  <i class="far fa-calendar-check"></i>
+                </span>
+                <span class="post-meta-item-text">更新於</span>
+                <time title="修改時間：2024-01-15 00:10:00" itemprop="dateModified" datetime="2024-01-15T00:10:00+08:00">2024-01-15</time>
+              </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
                 <i class="far fa-folder"></i>
@@ -818,10 +818,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 Binary Search Tree 取得最大值 和 取得最小值 的實作</p>
+          <p>做 Binary Search Tree 的總結</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-getMinVal-getMaxVal/">
+              <a class="btn" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Wrap-Up/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -845,7 +845,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Breath-First-Traversal-part-2/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-getMinVal-getMaxVal/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -859,7 +859,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Breath-First-Traversal-part-2/" class="post-title-link" itemprop="url">資料結構-Binary Search Tree - Breath First Traversal - part 2</a>
+            <a href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-getMinVal-getMaxVal/" class="post-title-link" itemprop="url">資料結構-Binary Search Tree - getMinVal && getMaxVal</a>
         </h2>
 
         <div class="post-meta">
@@ -870,7 +870,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2024-01-14 23:39:42 / 修改時間：23:47:11" itemprop="dateCreated datePublished" datetime="2024-01-14T23:39:42+08:00">2024-01-14</time>
+              <time title="創建時間：2024-01-14 23:48:08 / 修改時間：23:50:11" itemprop="dateCreated datePublished" datetime="2024-01-14T23:48:08+08:00">2024-01-14</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -893,10 +893,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 Binary Search Tree 的 Breath First Traversal 的實作</p>
+          <p>紀錄 Binary Search Tree 取得最大值 和 取得最小值 的實作</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Breath-First-Traversal-part-2/">
+              <a class="btn" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-getMinVal-getMaxVal/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -985,7 +985,7 @@ <h2 class="post-title" itemprop="name headline">
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/jQuery/index.html b/jQuery/index.html
index d208512c7..013921a27 100644
--- a/jQuery/index.html
+++ b/jQuery/index.html
@@ -260,7 +260,7 @@ <h1 class="post-title" itemprop="name headline">jQuery
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/page/10/index.html b/page/10/index.html
index a3fdcc984..f82c2f1fe 100644
--- a/page/10/index.html
+++ b/page/10/index.html
@@ -163,6 +163,86 @@ <h1 class="site-title">Landy Blog</h1>
       
   
   
+  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/03/11/JS%E6%A0%B8%E5%BF%83-%E5%87%BD%E5%BC%8F-Promise%E7%89%A9%E4%BB%B6/">
+
+    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
+      <meta itemprop="image" content="/images/avatar.gif">
+      <meta itemprop="name" content="Landy">
+      <meta itemprop="description" content="">
+    </span>
+
+    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
+      <meta itemprop="name" content="Landy Blog">
+    </span>
+      <header class="post-header">
+        <h2 class="post-title" itemprop="name headline">
+          
+            <a href="/2021/03/11/JS%E6%A0%B8%E5%BF%83-%E5%87%BD%E5%BC%8F-Promise%E7%89%A9%E4%BB%B6/" class="post-title-link" itemprop="url">JS核心-函式-Promise物件</a>
+        </h2>
+
+        <div class="post-meta">
+            <span class="post-meta-item">
+              <span class="post-meta-item-icon">
+                <i class="far fa-calendar"></i>
+              </span>
+              <span class="post-meta-item-text">發表於</span>
+              
+
+              <time title="創建時間：2021-03-11 10:38:31 / 修改時間：14:39:26" itemprop="dateCreated datePublished" datetime="2021-03-11T10:38:31+08:00">2021-03-11</time>
+            </span>
+            <span class="post-meta-item">
+              <span class="post-meta-item-icon">
+                <i class="far fa-folder"></i>
+              </span>
+              <span class="post-meta-item-text">分類於</span>
+                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
+                  <a href="/categories/JavaScript/" itemprop="url" rel="index"><span itemprop="name">JavaScript</span></a>
+                </span>
+            </span>
+
+          
+
+        </div>
+      </header>
+
+    
+    
+    
+    <div class="post-body" itemprop="articleBody">
+
+      
+          <p>繼<a href="/2021/03/09/JS%E6%A0%B8%E5%BF%83-%E5%87%BD%E5%BC%8F/" title="上一篇">上一篇</a>，介紹了js中的函式與非同步環境會造成的callback Hell的前因後果，最終需要Promise來解決這個問題的過程後，此篇要記錄怎麼使用Promise物件。</p>
+<h1 id="Promise物件"><a href="#Promise物件" class="headerlink" title="Promise物件"></a>Promise物件</h1><p>Promise物件包含兩個東西，一個叫<code>reslove</code> 另一個叫<code>reject</code>。<br>當該Promise執行成功的話，就會去呼叫<code>reslove</code>，失敗的話，就會去執行<code>reject</code>的內容。</p>
+<h2 id="Promise物件創建的方法"><a href="#Promise物件創建的方法" class="headerlink" title="Promise物件創建的方法"></a>Promise物件創建的方法</h2><p>書中有提供兩種，其實意思差不多<br><strong>函式運算式用new來創建</strong></p>
+<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">const FirstPromise &#x3D; new Promise((resolve, reject) &#x3D;&gt; &#123;</span><br><span class="line">  resolve(某個資料);</span><br><span class="line">  reject(&#39;Promise failure&#39;);</span><br><span class="line">&#125;)</span><br></pre></td></tr></table></figure>
+<p><strong>函式回傳new Promise物件</strong></p>
+<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line">function FirstPromise() &#123;</span><br><span class="line">  return new Promise((resolve, reject) &#x3D;&gt; &#123;</span><br><span class="line">    resolve(某個資料);</span><br><span class="line">    reject(&#39;Promise failure&#39;);</span><br><span class="line">  &#125;)</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+          <!--noindex-->
+            <div class="post-button">
+              <a class="btn" href="/2021/03/11/JS%E6%A0%B8%E5%BF%83-%E5%87%BD%E5%BC%8F-Promise%E7%89%A9%E4%BB%B6/#more" rel="contents">
+                閱讀全文 &raquo;
+              </a>
+            </div>
+          <!--/noindex-->
+        
+      
+    </div>
+
+    
+    
+    
+      <footer class="post-footer">
+        <div class="post-eof"></div>
+      </footer>
+  </article>
+  
+  
+  
+
+      
+  
+  
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
     <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/03/09/JS%E6%A0%B8%E5%BF%83-%E5%87%BD%E5%BC%8F/">
 
@@ -925,91 +1005,6 @@ <h1 id="HTTP狀態碼"><a href="#HTTP狀態碼" class="headerlink" title="HTTP
   
   
 
-      
-  
-  
-  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/02/13/JavaScript%E5%AD%B8%E5%BE%92%E7%AF%87-localStorage%E8%B3%87%E6%96%99%E5%84%B2%E5%AD%98/">
-
-    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
-      <meta itemprop="image" content="/images/avatar.gif">
-      <meta itemprop="name" content="Landy">
-      <meta itemprop="description" content="">
-    </span>
-
-    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
-      <meta itemprop="name" content="Landy Blog">
-    </span>
-      <header class="post-header">
-        <h2 class="post-title" itemprop="name headline">
-          
-            <a href="/2021/02/13/JavaScript%E5%AD%B8%E5%BE%92%E7%AF%87-localStorage%E8%B3%87%E6%96%99%E5%84%B2%E5%AD%98/" class="post-title-link" itemprop="url">JavaScript學徒篇- localStorage資料儲存</a>
-        </h2>
-
-        <div class="post-meta">
-            <span class="post-meta-item">
-              <span class="post-meta-item-icon">
-                <i class="far fa-calendar"></i>
-              </span>
-              <span class="post-meta-item-text">發表於</span>
-              
-
-              <time title="創建時間：2021-02-13 15:18:25 / 修改時間：15:21:30" itemprop="dateCreated datePublished" datetime="2021-02-13T15:18:25+08:00">2021-02-13</time>
-            </span>
-            <span class="post-meta-item">
-              <span class="post-meta-item-icon">
-                <i class="far fa-folder"></i>
-              </span>
-              <span class="post-meta-item-text">分類於</span>
-                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-                  <a href="/categories/JavaScript/" itemprop="url" rel="index"><span itemprop="name">JavaScript</span></a>
-                </span>
-            </span>
-
-          
-
-        </div>
-      </header>
-
-    
-    
-    
-    <div class="post-body" itemprop="articleBody">
-
-      
-          <h1 id="什麼是-localStorage-？"><a href="#什麼是-localStorage-？" class="headerlink" title="什麼是 localStorage ？"></a>什麼是 localStorage ？</h1><p>它可以將網頁中的資料儲存在本地端中。<br>也就是說它可以將用戶的瀏覽資料存在本地端的瀏覽器中。</p>
-<h2 id="localStorage的重要特性"><a href="#localStorage的重要特性" class="headerlink" title="localStorage的重要特性"></a>localStorage的重要特性</h2><p>目前瀏覽器中都會把localStorage的值型別限定為<code>string</code>型別<br>因為，以上這個特性，導致我們在存取資料到localStorage或取出資料時，需要做一些轉換。<br><img src="/image/localstorage.png"></p>
-<p>以上這張圖的流程，簡易的說明了在localStorage資料的傳遞轉換的過程，以下是程式碼實現的內容</p>
-<iframe src="https://codepen.io/RandyChen/embed/ExNjWoK?height=265&theme-id=light&default-tab=js,result" width="100%" height="300" frameborder="0" loading="lazy" allowfullscreen></iframe>
-
-<p>以上，這幾行程式碼就是先將陣列形式的原始資料轉成<code>string</code>型別。<br>接著，將這個轉換成<code>string</code>型別的原始資料，存入localStorage中。<br>再來，用<code>getItem</code>將這個<code>string</code>型別的原始資料取出來。<br>最後，再將這個<code>string</code>型別的資列轉回陣列形式。<br>最終，我們就可以用取用JSON格式資料的方式來取用內部的資料囉~~~</p>
-<p>那你可以用開發者介面中的Application選項中，有一個localStorage的選項，你點開應該就可以看到你在這個網站上儲存的localStorage的資料囉~~<br>reference:<br><a target="_blank" rel="noopener" href="https://codertw.com/%E5%89%8D%E7%AB%AF%E9%96%8B%E7%99%BC/232745/">程式前沿文章</a></p>
-<h1 id="data-透過-dataset-讀取自訂資料"><a href="#data-透過-dataset-讀取自訂資料" class="headerlink" title="data-* - 透過 dataset 讀取自訂資料"></a>data-* - 透過 dataset 讀取自訂資料</h1><iframe src="https://codepen.io/RandyChen/embed/oNYXZMe?height=265&theme-id=light&default-tab=js,result" width="100%" height="300" frameborder="0" loading="lazy" allowfullscreen></iframe>
-
-<p>你可以看到，我們為<code>li</code>標籤裡面新增了<code>data-*</code>之類的標籤，<br>並在js中利用<code>dataset.data</code>標籤名稱，來取得相關的<code>data-*</code>內的值。</p>
-<p>另外，<code>data-*</code>和<code>for</code>迴圈的運用</p>
-<iframe src="https://codepen.io/RandyChen/embed/poNJeqo?height=265&theme-id=light&default-tab=html,result" width="100%" height="300" frameborder="0" loading="lazy" allowfullscreen></iframe>
-
-<p>你可以看到我們用<code>for</code>迴圈的方式，來動態產生<code>li</code>的內容。 接著，透過<code>dataset</code>來擷取<code>data-whatever</code>的內容囉。</p>
-<h1 id="splice-刪除-array-資料"><a href="#splice-刪除-array-資料" class="headerlink" title="splice - 刪除 array 資料"></a>splice - 刪除 array 資料</h1><figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">var myFish &#x3D; [&#39;angel&#39;, &#39;clown&#39;, &#39;drum&#39;, &#39;mandarin&#39;, &#39;sturgeon&#39;];</span><br><span class="line">var removed &#x3D; myFish.splice(3, 1);</span><br><span class="line">console.log(myFish);  [&#39;angel&#39;, &#39;clown&#39;, &#39;drum&#39;, &#39;sturgeon&#39;]</span><br></pre></td></tr></table></figure>
-<p>上面這個範例就是從索引3開始，然後，刪除一個元素。</p>
-<h1 id="localStorage作業"><a href="#localStorage作業" class="headerlink" title="localStorage作業"></a>localStorage作業</h1><p>這邊的作業是結合了localStorage功能的todolist。<br>所以，我的作業是下面這樣。</p>
-<iframe src="https://codepen.io/RandyChen/embed/XWNbRQE?height=265&theme-id=light&default-tab=js,result" width="100%" height="300" frameborder="0" loading="lazy" allowfullscreen></iframe>
-
-      
-    </div>
-
-    
-    
-    
-      <footer class="post-footer">
-        <div class="post-eof"></div>
-      </footer>
-  </article>
-  
-  
-  
-
 
   
   <nav class="pagination">
@@ -1079,7 +1074,7 @@ <h1 id="localStorage作業"><a href="#localStorage作業" class="headerlink" tit
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/page/11/index.html b/page/11/index.html
index 5feda8933..8e04fcd0c 100644
--- a/page/11/index.html
+++ b/page/11/index.html
@@ -163,6 +163,91 @@ <h1 class="site-title">Landy Blog</h1>
       
   
   
+  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/02/13/JavaScript%E5%AD%B8%E5%BE%92%E7%AF%87-localStorage%E8%B3%87%E6%96%99%E5%84%B2%E5%AD%98/">
+
+    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
+      <meta itemprop="image" content="/images/avatar.gif">
+      <meta itemprop="name" content="Landy">
+      <meta itemprop="description" content="">
+    </span>
+
+    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
+      <meta itemprop="name" content="Landy Blog">
+    </span>
+      <header class="post-header">
+        <h2 class="post-title" itemprop="name headline">
+          
+            <a href="/2021/02/13/JavaScript%E5%AD%B8%E5%BE%92%E7%AF%87-localStorage%E8%B3%87%E6%96%99%E5%84%B2%E5%AD%98/" class="post-title-link" itemprop="url">JavaScript學徒篇- localStorage資料儲存</a>
+        </h2>
+
+        <div class="post-meta">
+            <span class="post-meta-item">
+              <span class="post-meta-item-icon">
+                <i class="far fa-calendar"></i>
+              </span>
+              <span class="post-meta-item-text">發表於</span>
+              
+
+              <time title="創建時間：2021-02-13 15:18:25 / 修改時間：15:21:30" itemprop="dateCreated datePublished" datetime="2021-02-13T15:18:25+08:00">2021-02-13</time>
+            </span>
+            <span class="post-meta-item">
+              <span class="post-meta-item-icon">
+                <i class="far fa-folder"></i>
+              </span>
+              <span class="post-meta-item-text">分類於</span>
+                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
+                  <a href="/categories/JavaScript/" itemprop="url" rel="index"><span itemprop="name">JavaScript</span></a>
+                </span>
+            </span>
+
+          
+
+        </div>
+      </header>
+
+    
+    
+    
+    <div class="post-body" itemprop="articleBody">
+
+      
+          <h1 id="什麼是-localStorage-？"><a href="#什麼是-localStorage-？" class="headerlink" title="什麼是 localStorage ？"></a>什麼是 localStorage ？</h1><p>它可以將網頁中的資料儲存在本地端中。<br>也就是說它可以將用戶的瀏覽資料存在本地端的瀏覽器中。</p>
+<h2 id="localStorage的重要特性"><a href="#localStorage的重要特性" class="headerlink" title="localStorage的重要特性"></a>localStorage的重要特性</h2><p>目前瀏覽器中都會把localStorage的值型別限定為<code>string</code>型別<br>因為，以上這個特性，導致我們在存取資料到localStorage或取出資料時，需要做一些轉換。<br><img src="/image/localstorage.png"></p>
+<p>以上這張圖的流程，簡易的說明了在localStorage資料的傳遞轉換的過程，以下是程式碼實現的內容</p>
+<iframe src="https://codepen.io/RandyChen/embed/ExNjWoK?height=265&theme-id=light&default-tab=js,result" width="100%" height="300" frameborder="0" loading="lazy" allowfullscreen></iframe>
+
+<p>以上，這幾行程式碼就是先將陣列形式的原始資料轉成<code>string</code>型別。<br>接著，將這個轉換成<code>string</code>型別的原始資料，存入localStorage中。<br>再來，用<code>getItem</code>將這個<code>string</code>型別的原始資料取出來。<br>最後，再將這個<code>string</code>型別的資列轉回陣列形式。<br>最終，我們就可以用取用JSON格式資料的方式來取用內部的資料囉~~~</p>
+<p>那你可以用開發者介面中的Application選項中，有一個localStorage的選項，你點開應該就可以看到你在這個網站上儲存的localStorage的資料囉~~<br>reference:<br><a target="_blank" rel="noopener" href="https://codertw.com/%E5%89%8D%E7%AB%AF%E9%96%8B%E7%99%BC/232745/">程式前沿文章</a></p>
+<h1 id="data-透過-dataset-讀取自訂資料"><a href="#data-透過-dataset-讀取自訂資料" class="headerlink" title="data-* - 透過 dataset 讀取自訂資料"></a>data-* - 透過 dataset 讀取自訂資料</h1><iframe src="https://codepen.io/RandyChen/embed/oNYXZMe?height=265&theme-id=light&default-tab=js,result" width="100%" height="300" frameborder="0" loading="lazy" allowfullscreen></iframe>
+
+<p>你可以看到，我們為<code>li</code>標籤裡面新增了<code>data-*</code>之類的標籤，<br>並在js中利用<code>dataset.data</code>標籤名稱，來取得相關的<code>data-*</code>內的值。</p>
+<p>另外，<code>data-*</code>和<code>for</code>迴圈的運用</p>
+<iframe src="https://codepen.io/RandyChen/embed/poNJeqo?height=265&theme-id=light&default-tab=html,result" width="100%" height="300" frameborder="0" loading="lazy" allowfullscreen></iframe>
+
+<p>你可以看到我們用<code>for</code>迴圈的方式，來動態產生<code>li</code>的內容。 接著，透過<code>dataset</code>來擷取<code>data-whatever</code>的內容囉。</p>
+<h1 id="splice-刪除-array-資料"><a href="#splice-刪除-array-資料" class="headerlink" title="splice - 刪除 array 資料"></a>splice - 刪除 array 資料</h1><figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">var myFish &#x3D; [&#39;angel&#39;, &#39;clown&#39;, &#39;drum&#39;, &#39;mandarin&#39;, &#39;sturgeon&#39;];</span><br><span class="line">var removed &#x3D; myFish.splice(3, 1);</span><br><span class="line">console.log(myFish);  [&#39;angel&#39;, &#39;clown&#39;, &#39;drum&#39;, &#39;sturgeon&#39;]</span><br></pre></td></tr></table></figure>
+<p>上面這個範例就是從索引3開始，然後，刪除一個元素。</p>
+<h1 id="localStorage作業"><a href="#localStorage作業" class="headerlink" title="localStorage作業"></a>localStorage作業</h1><p>這邊的作業是結合了localStorage功能的todolist。<br>所以，我的作業是下面這樣。</p>
+<iframe src="https://codepen.io/RandyChen/embed/XWNbRQE?height=265&theme-id=light&default-tab=js,result" width="100%" height="300" frameborder="0" loading="lazy" allowfullscreen></iframe>
+
+      
+    </div>
+
+    
+    
+    
+      <footer class="post-footer">
+        <div class="post-eof"></div>
+      </footer>
+  </article>
+  
+  
+  
+
+      
+  
+  
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
     <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/02/11/JavaScript%E5%AD%B8%E5%BE%92%E7%AF%87-Event/">
 
@@ -938,74 +1023,6 @@ <h1 id="Dashboard-新增模擬購物頁面-新增卡片式產品列表"><a href=
   
   
 
-      
-  
-  
-  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/01/30/github%E8%AA%B2%E7%A8%8B%E7%AD%86%E8%A8%98-Git%E5%9C%98%E9%9A%8A%E5%90%88%E4%BD%9C%E7%AF%87/">
-
-    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
-      <meta itemprop="image" content="/images/avatar.gif">
-      <meta itemprop="name" content="Landy">
-      <meta itemprop="description" content="">
-    </span>
-
-    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
-      <meta itemprop="name" content="Landy Blog">
-    </span>
-      <header class="post-header">
-        <h2 class="post-title" itemprop="name headline">
-          
-            <a href="/2021/01/30/github%E8%AA%B2%E7%A8%8B%E7%AD%86%E8%A8%98-Git%E5%9C%98%E9%9A%8A%E5%90%88%E4%BD%9C%E7%AF%87/" class="post-title-link" itemprop="url">github課程筆記-Git團隊合作篇</a>
-        </h2>
-
-        <div class="post-meta">
-            <span class="post-meta-item">
-              <span class="post-meta-item-icon">
-                <i class="far fa-calendar"></i>
-              </span>
-              <span class="post-meta-item-text">發表於</span>
-              
-
-              <time title="創建時間：2021-01-30 11:14:56 / 修改時間：11:25:35" itemprop="dateCreated datePublished" datetime="2021-01-30T11:14:56+08:00">2021-01-30</time>
-            </span>
-
-          
-
-        </div>
-      </header>
-
-    
-    
-    
-    <div class="post-body" itemprop="articleBody">
-
-      
-          <h1 id="git-remote-遠端數據庫"><a href="#git-remote-遠端數據庫" class="headerlink" title="git remote - 遠端數據庫"></a>git remote - 遠端數據庫</h1><p>這小節要教導如何推送其他的branch上去遠端數據庫。<br>step1.<br>若今天你在分支的支線上，直接使用git push，是會失敗的。<br>原因是Github不確定你是要推送到哪一個遠端數據庫上，是推到正式主機上 或是 推送到github上呢?</p>
-<p>step2.<br>先用<code>git remote</code> 查詢遠端數據庫</p>
-<h2 id="git-remote-查詢遠端數據庫"><a href="#git-remote-查詢遠端數據庫" class="headerlink" title="git remote - 查詢遠端數據庫"></a>git remote - 查詢遠端數據庫</h2><p>你輸入完這個指令之後，git Bash應該會出現origin，這個origin就代表<br>你用<code>git clone</code> 拉下來的數據庫的名稱，預設叫origin，所以，<br>如果你有很多數據庫的話，你用<code>git remote</code>就會出現很多數據庫的名稱囉。</p>
-          <!--noindex-->
-            <div class="post-button">
-              <a class="btn" href="/2021/01/30/github%E8%AA%B2%E7%A8%8B%E7%AD%86%E8%A8%98-Git%E5%9C%98%E9%9A%8A%E5%90%88%E4%BD%9C%E7%AF%87/#more" rel="contents">
-                閱讀全文 &raquo;
-              </a>
-            </div>
-          <!--/noindex-->
-        
-      
-    </div>
-
-    
-    
-    
-      <footer class="post-footer">
-        <div class="post-eof"></div>
-      </footer>
-  </article>
-  
-  
-  
-
 
   
   <nav class="pagination">
@@ -1075,7 +1092,7 @@ <h2 id="git-remote-查詢遠端數據庫"><a href="#git-remote-查詢遠端數
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/page/12/index.html b/page/12/index.html
index 73063a2c8..51c7b2626 100644
--- a/page/12/index.html
+++ b/page/12/index.html
@@ -163,6 +163,74 @@ <h1 class="site-title">Landy Blog</h1>
       
   
   
+  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/01/30/github%E8%AA%B2%E7%A8%8B%E7%AD%86%E8%A8%98-Git%E5%9C%98%E9%9A%8A%E5%90%88%E4%BD%9C%E7%AF%87/">
+
+    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
+      <meta itemprop="image" content="/images/avatar.gif">
+      <meta itemprop="name" content="Landy">
+      <meta itemprop="description" content="">
+    </span>
+
+    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
+      <meta itemprop="name" content="Landy Blog">
+    </span>
+      <header class="post-header">
+        <h2 class="post-title" itemprop="name headline">
+          
+            <a href="/2021/01/30/github%E8%AA%B2%E7%A8%8B%E7%AD%86%E8%A8%98-Git%E5%9C%98%E9%9A%8A%E5%90%88%E4%BD%9C%E7%AF%87/" class="post-title-link" itemprop="url">github課程筆記-Git團隊合作篇</a>
+        </h2>
+
+        <div class="post-meta">
+            <span class="post-meta-item">
+              <span class="post-meta-item-icon">
+                <i class="far fa-calendar"></i>
+              </span>
+              <span class="post-meta-item-text">發表於</span>
+              
+
+              <time title="創建時間：2021-01-30 11:14:56 / 修改時間：11:25:35" itemprop="dateCreated datePublished" datetime="2021-01-30T11:14:56+08:00">2021-01-30</time>
+            </span>
+
+          
+
+        </div>
+      </header>
+
+    
+    
+    
+    <div class="post-body" itemprop="articleBody">
+
+      
+          <h1 id="git-remote-遠端數據庫"><a href="#git-remote-遠端數據庫" class="headerlink" title="git remote - 遠端數據庫"></a>git remote - 遠端數據庫</h1><p>這小節要教導如何推送其他的branch上去遠端數據庫。<br>step1.<br>若今天你在分支的支線上，直接使用git push，是會失敗的。<br>原因是Github不確定你是要推送到哪一個遠端數據庫上，是推到正式主機上 或是 推送到github上呢?</p>
+<p>step2.<br>先用<code>git remote</code> 查詢遠端數據庫</p>
+<h2 id="git-remote-查詢遠端數據庫"><a href="#git-remote-查詢遠端數據庫" class="headerlink" title="git remote - 查詢遠端數據庫"></a>git remote - 查詢遠端數據庫</h2><p>你輸入完這個指令之後，git Bash應該會出現origin，這個origin就代表<br>你用<code>git clone</code> 拉下來的數據庫的名稱，預設叫origin，所以，<br>如果你有很多數據庫的話，你用<code>git remote</code>就會出現很多數據庫的名稱囉。</p>
+          <!--noindex-->
+            <div class="post-button">
+              <a class="btn" href="/2021/01/30/github%E8%AA%B2%E7%A8%8B%E7%AD%86%E8%A8%98-Git%E5%9C%98%E9%9A%8A%E5%90%88%E4%BD%9C%E7%AF%87/#more" rel="contents">
+                閱讀全文 &raquo;
+              </a>
+            </div>
+          <!--/noindex-->
+        
+      
+    </div>
+
+    
+    
+    
+      <footer class="post-footer">
+        <div class="post-eof"></div>
+      </footer>
+  </article>
+  
+  
+  
+
+      
+  
+  
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
     <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/01/30/github%E8%AA%B2%E7%A8%8B%E7%AD%86%E8%A8%98-Git%E5%88%86%E6%94%AF-branch/">
 
@@ -879,92 +947,6 @@ <h1 id="使用-fontAwesome-動態加入連結-icon"><a href="#使用-fontAwesome
   
   
 
-      
-  
-  
-  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/01/25/Vue-Router%E7%AD%86%E8%A8%98-01/">
-
-    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
-      <meta itemprop="image" content="/images/avatar.gif">
-      <meta itemprop="name" content="Landy">
-      <meta itemprop="description" content="">
-    </span>
-
-    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
-      <meta itemprop="name" content="Landy Blog">
-    </span>
-      <header class="post-header">
-        <h2 class="post-title" itemprop="name headline">
-          
-            <a href="/2021/01/25/Vue-Router%E7%AD%86%E8%A8%98-01/" class="post-title-link" itemprop="url">Vue Router筆記-01</a>
-        </h2>
-
-        <div class="post-meta">
-            <span class="post-meta-item">
-              <span class="post-meta-item-icon">
-                <i class="far fa-calendar"></i>
-              </span>
-              <span class="post-meta-item-text">發表於</span>
-
-              <time title="創建時間：2021-01-25 10:15:12" itemprop="dateCreated datePublished" datetime="2021-01-25T10:15:12+08:00">2021-01-25</time>
-            </span>
-              <span class="post-meta-item">
-                <span class="post-meta-item-icon">
-                  <i class="far fa-calendar-check"></i>
-                </span>
-                <span class="post-meta-item-text">更新於</span>
-                <time title="修改時間：2021-05-01 12:05:21" itemprop="dateModified" datetime="2021-05-01T12:05:21+08:00">2021-05-01</time>
-              </span>
-            <span class="post-meta-item">
-              <span class="post-meta-item-icon">
-                <i class="far fa-folder"></i>
-              </span>
-              <span class="post-meta-item-text">分類於</span>
-                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-                  <a href="/categories/Vue/" itemprop="url" rel="index"><span itemprop="name">Vue</span></a>
-                </span>
-            </span>
-
-          
-
-        </div>
-      </header>
-
-    
-    
-    
-    <div class="post-body" itemprop="articleBody">
-
-      
-          <h1 id="Vue-Router-參數設定"><a href="#Vue-Router-參數設定" class="headerlink" title="Vue Router 參數設定"></a>Vue Router 參數設定</h1><p>在vue的官方文件中，有針對router的設定做了詳細的介紹，<br>像是你在router資料夾中的index.js檔中，你為各元件所設定的<code>name</code>, <code>path</code>這些屬性都是在<br>這份文件中有介紹到。</p>
-<h2 id="router-mode-可選值"><a href="#router-mode-可選值" class="headerlink" title="router mode 可選值"></a>router mode 可選值</h2><p>在課堂上有特別講到router的<code>mode</code>屬性<br><a target="_blank" rel="noopener" href="https://router.vuejs.org/zh/api/#mode">官方文件的Router的mode介紹</a></p>
-<h3 id="hash"><a href="#hash" class="headerlink" title="hash"></a>hash</h3><p>這個屬性有三個值可以使用，那我們一般是用預設值<code>hash</code>，<br>也就是你的網址中路由前面會出現一個<code>#</code>號</p>
-<h3 id="history-不建議使用"><a href="#history-不建議使用" class="headerlink" title="history - 不建議使用"></a>history - 不建議使用</h3><p>那如果你設定<code>history</code>的話</p>
-<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br></pre></td><td class="code"><pre><span class="line">---router資料夾中的index.js檔案---</span><br><span class="line">export default new VueRouter(&#123;</span><br><span class="line">    mode:&#39;history&#39;,  &#x2F;&#x2F; 改成history模式</span><br><span class="line">    routes:[</span><br><span class="line">        &#123;</span><br><span class="line">            name:&#39;首頁&#39;,&#x2F;&#x2F;元件呈現名稱</span><br><span class="line">            path:&#39;&#x2F;index&#39;, &#x2F;&#x2F;對應虛擬的路徑</span><br><span class="line">            component:Home , &#x2F;&#x2F;它所對應的原件</span><br><span class="line">        &#125;,</span><br><span class="line">        &#123;</span><br><span class="line">            &#x2F;&#x2F;name:&#39;分頁&#39;,&#x2F;&#x2F;元件呈現名稱</span><br><span class="line">            path:&#39;&#x2F;page&#39;, &#x2F;&#x2F;對應虛擬的路徑</span><br><span class="line">            &#x2F;&#x2F;component:Page , &#x2F;&#x2F;它所對應的原件</span><br><span class="line">            components:&#123;</span><br><span class="line">                default: Page,</span><br><span class="line">                menu: Menu,</span><br><span class="line">            &#125;,</span><br><span class="line">            children:[</span><br><span class="line">                &#123;</span><br><span class="line">                    name:&#39;child1&#39;,&#x2F;&#x2F;元件呈現名稱</span><br><span class="line">                    path:&#39;&#39;, &#x2F;&#x2F;對應虛擬的路徑</span><br><span class="line">                    component:child_1 , &#x2F;&#x2F;它所對應的原件    </span><br><span class="line">                &#125;,</span><br><span class="line">                &#123;</span><br><span class="line">                    name:&#39;child2&#39;,&#x2F;&#x2F;元件呈現名稱</span><br><span class="line">                    path:&#39;child2&#39;, &#x2F;&#x2F;對應虛擬的路徑</span><br><span class="line">                    component:child_2 , &#x2F;&#x2F;它所對應的原件      </span><br><span class="line">                &#125;,</span><br><span class="line">                &#123;</span><br><span class="line">                    name:&#39;child3&#39;,&#x2F;&#x2F;元件呈現名稱</span><br><span class="line">                    path:&#39;child3&#39;, &#x2F;&#x2F;對應虛擬的路徑</span><br><span class="line">                    component:child_3 , &#x2F;&#x2F;它所對應的原件      </span><br><span class="line">                &#125;</span><br><span class="line">            ]</span><br><span class="line">        &#125;     </span><br><span class="line">    ]</span><br><span class="line">&#125;);</span><br></pre></td></tr></table></figure>
-<p>你會發現你的網址在做路由切換的時候，<code>#</code>號不見了，<br><img src="/image/router_mode_history.png" alt="沒有#號的網址"><br>你要特別注意，當沒有<code>#</code>號的時候，它是使用後方的路由，不是只有使用前端的路由，<br>因此，當我們用<code>history</code>模式的時候，必須要前後端一起搭配，<br>所以，因為目前課堂上的專案只有使用前端路由，所以，不建議你在目前的專案上使用這種路由設定，除非之後有前後端一起搭配。</p>
-          <!--noindex-->
-            <div class="post-button">
-              <a class="btn" href="/2021/01/25/Vue-Router%E7%AD%86%E8%A8%98-01/#more" rel="contents">
-                閱讀全文 &raquo;
-              </a>
-            </div>
-          <!--/noindex-->
-        
-      
-    </div>
-
-    
-    
-    
-      <footer class="post-footer">
-        <div class="post-eof"></div>
-      </footer>
-  </article>
-  
-  
-  
-
 
   
   <nav class="pagination">
@@ -1034,7 +1016,7 @@ <h3 id="history-不建議使用"><a href="#history-不建議使用" class="heade
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/page/13/index.html b/page/13/index.html
index f34febe45..9ea554405 100644
--- a/page/13/index.html
+++ b/page/13/index.html
@@ -163,6 +163,92 @@ <h1 class="site-title">Landy Blog</h1>
       
   
   
+  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/01/25/Vue-Router%E7%AD%86%E8%A8%98-01/">
+
+    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
+      <meta itemprop="image" content="/images/avatar.gif">
+      <meta itemprop="name" content="Landy">
+      <meta itemprop="description" content="">
+    </span>
+
+    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
+      <meta itemprop="name" content="Landy Blog">
+    </span>
+      <header class="post-header">
+        <h2 class="post-title" itemprop="name headline">
+          
+            <a href="/2021/01/25/Vue-Router%E7%AD%86%E8%A8%98-01/" class="post-title-link" itemprop="url">Vue Router筆記-01</a>
+        </h2>
+
+        <div class="post-meta">
+            <span class="post-meta-item">
+              <span class="post-meta-item-icon">
+                <i class="far fa-calendar"></i>
+              </span>
+              <span class="post-meta-item-text">發表於</span>
+
+              <time title="創建時間：2021-01-25 10:15:12" itemprop="dateCreated datePublished" datetime="2021-01-25T10:15:12+08:00">2021-01-25</time>
+            </span>
+              <span class="post-meta-item">
+                <span class="post-meta-item-icon">
+                  <i class="far fa-calendar-check"></i>
+                </span>
+                <span class="post-meta-item-text">更新於</span>
+                <time title="修改時間：2021-05-01 12:05:21" itemprop="dateModified" datetime="2021-05-01T12:05:21+08:00">2021-05-01</time>
+              </span>
+            <span class="post-meta-item">
+              <span class="post-meta-item-icon">
+                <i class="far fa-folder"></i>
+              </span>
+              <span class="post-meta-item-text">分類於</span>
+                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
+                  <a href="/categories/Vue/" itemprop="url" rel="index"><span itemprop="name">Vue</span></a>
+                </span>
+            </span>
+
+          
+
+        </div>
+      </header>
+
+    
+    
+    
+    <div class="post-body" itemprop="articleBody">
+
+      
+          <h1 id="Vue-Router-參數設定"><a href="#Vue-Router-參數設定" class="headerlink" title="Vue Router 參數設定"></a>Vue Router 參數設定</h1><p>在vue的官方文件中，有針對router的設定做了詳細的介紹，<br>像是你在router資料夾中的index.js檔中，你為各元件所設定的<code>name</code>, <code>path</code>這些屬性都是在<br>這份文件中有介紹到。</p>
+<h2 id="router-mode-可選值"><a href="#router-mode-可選值" class="headerlink" title="router mode 可選值"></a>router mode 可選值</h2><p>在課堂上有特別講到router的<code>mode</code>屬性<br><a target="_blank" rel="noopener" href="https://router.vuejs.org/zh/api/#mode">官方文件的Router的mode介紹</a></p>
+<h3 id="hash"><a href="#hash" class="headerlink" title="hash"></a>hash</h3><p>這個屬性有三個值可以使用，那我們一般是用預設值<code>hash</code>，<br>也就是你的網址中路由前面會出現一個<code>#</code>號</p>
+<h3 id="history-不建議使用"><a href="#history-不建議使用" class="headerlink" title="history - 不建議使用"></a>history - 不建議使用</h3><p>那如果你設定<code>history</code>的話</p>
+<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br></pre></td><td class="code"><pre><span class="line">---router資料夾中的index.js檔案---</span><br><span class="line">export default new VueRouter(&#123;</span><br><span class="line">    mode:&#39;history&#39;,  &#x2F;&#x2F; 改成history模式</span><br><span class="line">    routes:[</span><br><span class="line">        &#123;</span><br><span class="line">            name:&#39;首頁&#39;,&#x2F;&#x2F;元件呈現名稱</span><br><span class="line">            path:&#39;&#x2F;index&#39;, &#x2F;&#x2F;對應虛擬的路徑</span><br><span class="line">            component:Home , &#x2F;&#x2F;它所對應的原件</span><br><span class="line">        &#125;,</span><br><span class="line">        &#123;</span><br><span class="line">            &#x2F;&#x2F;name:&#39;分頁&#39;,&#x2F;&#x2F;元件呈現名稱</span><br><span class="line">            path:&#39;&#x2F;page&#39;, &#x2F;&#x2F;對應虛擬的路徑</span><br><span class="line">            &#x2F;&#x2F;component:Page , &#x2F;&#x2F;它所對應的原件</span><br><span class="line">            components:&#123;</span><br><span class="line">                default: Page,</span><br><span class="line">                menu: Menu,</span><br><span class="line">            &#125;,</span><br><span class="line">            children:[</span><br><span class="line">                &#123;</span><br><span class="line">                    name:&#39;child1&#39;,&#x2F;&#x2F;元件呈現名稱</span><br><span class="line">                    path:&#39;&#39;, &#x2F;&#x2F;對應虛擬的路徑</span><br><span class="line">                    component:child_1 , &#x2F;&#x2F;它所對應的原件    </span><br><span class="line">                &#125;,</span><br><span class="line">                &#123;</span><br><span class="line">                    name:&#39;child2&#39;,&#x2F;&#x2F;元件呈現名稱</span><br><span class="line">                    path:&#39;child2&#39;, &#x2F;&#x2F;對應虛擬的路徑</span><br><span class="line">                    component:child_2 , &#x2F;&#x2F;它所對應的原件      </span><br><span class="line">                &#125;,</span><br><span class="line">                &#123;</span><br><span class="line">                    name:&#39;child3&#39;,&#x2F;&#x2F;元件呈現名稱</span><br><span class="line">                    path:&#39;child3&#39;, &#x2F;&#x2F;對應虛擬的路徑</span><br><span class="line">                    component:child_3 , &#x2F;&#x2F;它所對應的原件      </span><br><span class="line">                &#125;</span><br><span class="line">            ]</span><br><span class="line">        &#125;     </span><br><span class="line">    ]</span><br><span class="line">&#125;);</span><br></pre></td></tr></table></figure>
+<p>你會發現你的網址在做路由切換的時候，<code>#</code>號不見了，<br><img src="/image/router_mode_history.png" alt="沒有#號的網址"><br>你要特別注意，當沒有<code>#</code>號的時候，它是使用後方的路由，不是只有使用前端的路由，<br>因此，當我們用<code>history</code>模式的時候，必須要前後端一起搭配，<br>所以，因為目前課堂上的專案只有使用前端路由，所以，不建議你在目前的專案上使用這種路由設定，除非之後有前後端一起搭配。</p>
+          <!--noindex-->
+            <div class="post-button">
+              <a class="btn" href="/2021/01/25/Vue-Router%E7%AD%86%E8%A8%98-01/#more" rel="contents">
+                閱讀全文 &raquo;
+              </a>
+            </div>
+          <!--/noindex-->
+        
+      
+    </div>
+
+    
+    
+    
+      <footer class="post-footer">
+        <div class="post-eof"></div>
+      </footer>
+  </article>
+  
+  
+  
+
+      
+  
+  
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
     <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/01/25/Vue-Router%E7%AD%86%E8%A8%98/">
 
@@ -943,100 +1029,6 @@ <h2 id="directive-的-Hook函式所能使用的參數"><a href="#directive-的-H
   
   
 
-      
-  
-  
-  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/01/19/Bootstrap%E4%BD%9C%E5%93%81%E9%9B%86-%E6%8A%80%E5%B7%A7%E7%AD%86%E8%A8%98/">
-
-    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
-      <meta itemprop="image" content="/images/avatar.gif">
-      <meta itemprop="name" content="Landy">
-      <meta itemprop="description" content="">
-    </span>
-
-    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
-      <meta itemprop="name" content="Landy Blog">
-    </span>
-      <header class="post-header">
-        <h2 class="post-title" itemprop="name headline">
-          
-            <a href="/2021/01/19/Bootstrap%E4%BD%9C%E5%93%81%E9%9B%86-%E6%8A%80%E5%B7%A7%E7%AD%86%E8%A8%98/" class="post-title-link" itemprop="url">Bootstrap作品集_技巧筆記</a>
-        </h2>
-
-        <div class="post-meta">
-            <span class="post-meta-item">
-              <span class="post-meta-item-icon">
-                <i class="far fa-calendar"></i>
-              </span>
-              <span class="post-meta-item-text">發表於</span>
-
-              <time title="創建時間：2021-01-19 17:58:26" itemprop="dateCreated datePublished" datetime="2021-01-19T17:58:26+08:00">2021-01-19</time>
-            </span>
-              <span class="post-meta-item">
-                <span class="post-meta-item-icon">
-                  <i class="far fa-calendar-check"></i>
-                </span>
-                <span class="post-meta-item-text">更新於</span>
-                <time title="修改時間：2021-01-30 15:10:05" itemprop="dateModified" datetime="2021-01-30T15:10:05+08:00">2021-01-30</time>
-              </span>
-            <span class="post-meta-item">
-              <span class="post-meta-item-icon">
-                <i class="far fa-folder"></i>
-              </span>
-              <span class="post-meta-item-text">分類於</span>
-                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-                  <a href="/categories/Bootstrap/" itemprop="url" rel="index"><span itemprop="name">Bootstrap</span></a>
-                </span>
-            </span>
-
-          
-
-        </div>
-      </header>
-
-    
-    
-    
-    <div class="post-body" itemprop="articleBody">
-
-      
-          <p>這邊記錄一下，我的Bootstrap作品集中有用到的技巧，不然都忘到爆XDD<br><a href="https://landy510.github.io/new_Bootstrap_portfolio/">Bootstrap作品集</a></p>
-<h1 id="紀錄在index-html頁面中，使用的當滑入時，照片會從模糊變成清楚"><a href="#紀錄在index-html頁面中，使用的當滑入時，照片會從模糊變成清楚" class="headerlink" title="紀錄在index.html頁面中，使用的當滑入時，照片會從模糊變成清楚"></a>紀錄在index.html頁面中，使用的當滑入時，照片會從模糊變成清楚</h1><iframe src="https://codepen.io/RandyChen/embed/wvzOwzZ?height=265&theme-id=light&default-tab=css,result" width="100%" height="300" frameborder="0" loading="lazy" allowfullscreen></iframe>
-
-<p>你可以看到，這邊的範例，總由四個部分所組成</p>
-<ol>
-<li>最外面的區塊 content</li>
-<li>蓋在區塊上的薄膜 cover</li>
-<li>區塊中的文字 text</li>
-<li>區塊中的圖片 content_img</li>
-</ol>
-<h2 id="第一區塊-content"><a href="#第一區塊-content" class="headerlink" title="第一區塊 content"></a>第一區塊 content</h2><p>首先，我們最外面的區域我是故意用a連結使用，用意是模擬，<br>如果今天要點及這個區塊來連動其他頁面的時候，就需要a連結。</p>
-<p>在這個a連結裡面我們先設定好它的寬度和高度。<br>接著，還為它設入<code>overflow:hidden</code>的特性，這個特性後面會說明為什麼要它。</p>
-<h2 id="第二區塊-cover"><a href="#第二區塊-cover" class="headerlink" title="第二區塊 cover"></a>第二區塊 cover</h2><p>第一<br>這個區域是蓋在整體區塊上方的薄膜。<br>我們利用定位的效果加入position:absolute, top:0, right:0, bottom:0, left:0。<br>為得是要讓這個區塊能夠完全展開覆蓋住父元素.content。</p>
-<p>第二，我們為它加z-index:1，因為，它要蓋在上方，並在文字下方，所以，設為1是ok的。<br>第三，加入filter:blur(5px);，讓它產生模糊的效果。<br>第四，我們為它加入transform:translateY(-400px)，為得是要讓它的區塊先位在整體區塊的-400px位置，<br>並在你滑入的時候，transform:translateY(0px)，會改成0px，所以，就有從上方往下方移入的效果。</p>
-          <!--noindex-->
-            <div class="post-button">
-              <a class="btn" href="/2021/01/19/Bootstrap%E4%BD%9C%E5%93%81%E9%9B%86-%E6%8A%80%E5%B7%A7%E7%AD%86%E8%A8%98/#more" rel="contents">
-                閱讀全文 &raquo;
-              </a>
-            </div>
-          <!--/noindex-->
-        
-      
-    </div>
-
-    
-    
-    
-      <footer class="post-footer">
-        <div class="post-eof"></div>
-      </footer>
-  </article>
-  
-  
-  
-
 
   
   <nav class="pagination">
@@ -1106,7 +1098,7 @@ <h2 id="第二區塊-cover"><a href="#第二區塊-cover" class="headerlink" tit
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/page/14/index.html b/page/14/index.html
index 36048f277..ccb96cf87 100644
--- a/page/14/index.html
+++ b/page/14/index.html
@@ -163,6 +163,100 @@ <h1 class="site-title">Landy Blog</h1>
       
   
   
+  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/01/19/Bootstrap%E4%BD%9C%E5%93%81%E9%9B%86-%E6%8A%80%E5%B7%A7%E7%AD%86%E8%A8%98/">
+
+    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
+      <meta itemprop="image" content="/images/avatar.gif">
+      <meta itemprop="name" content="Landy">
+      <meta itemprop="description" content="">
+    </span>
+
+    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
+      <meta itemprop="name" content="Landy Blog">
+    </span>
+      <header class="post-header">
+        <h2 class="post-title" itemprop="name headline">
+          
+            <a href="/2021/01/19/Bootstrap%E4%BD%9C%E5%93%81%E9%9B%86-%E6%8A%80%E5%B7%A7%E7%AD%86%E8%A8%98/" class="post-title-link" itemprop="url">Bootstrap作品集_技巧筆記</a>
+        </h2>
+
+        <div class="post-meta">
+            <span class="post-meta-item">
+              <span class="post-meta-item-icon">
+                <i class="far fa-calendar"></i>
+              </span>
+              <span class="post-meta-item-text">發表於</span>
+
+              <time title="創建時間：2021-01-19 17:58:26" itemprop="dateCreated datePublished" datetime="2021-01-19T17:58:26+08:00">2021-01-19</time>
+            </span>
+              <span class="post-meta-item">
+                <span class="post-meta-item-icon">
+                  <i class="far fa-calendar-check"></i>
+                </span>
+                <span class="post-meta-item-text">更新於</span>
+                <time title="修改時間：2021-01-30 15:10:05" itemprop="dateModified" datetime="2021-01-30T15:10:05+08:00">2021-01-30</time>
+              </span>
+            <span class="post-meta-item">
+              <span class="post-meta-item-icon">
+                <i class="far fa-folder"></i>
+              </span>
+              <span class="post-meta-item-text">分類於</span>
+                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
+                  <a href="/categories/Bootstrap/" itemprop="url" rel="index"><span itemprop="name">Bootstrap</span></a>
+                </span>
+            </span>
+
+          
+
+        </div>
+      </header>
+
+    
+    
+    
+    <div class="post-body" itemprop="articleBody">
+
+      
+          <p>這邊記錄一下，我的Bootstrap作品集中有用到的技巧，不然都忘到爆XDD<br><a href="https://landy510.github.io/new_Bootstrap_portfolio/">Bootstrap作品集</a></p>
+<h1 id="紀錄在index-html頁面中，使用的當滑入時，照片會從模糊變成清楚"><a href="#紀錄在index-html頁面中，使用的當滑入時，照片會從模糊變成清楚" class="headerlink" title="紀錄在index.html頁面中，使用的當滑入時，照片會從模糊變成清楚"></a>紀錄在index.html頁面中，使用的當滑入時，照片會從模糊變成清楚</h1><iframe src="https://codepen.io/RandyChen/embed/wvzOwzZ?height=265&theme-id=light&default-tab=css,result" width="100%" height="300" frameborder="0" loading="lazy" allowfullscreen></iframe>
+
+<p>你可以看到，這邊的範例，總由四個部分所組成</p>
+<ol>
+<li>最外面的區塊 content</li>
+<li>蓋在區塊上的薄膜 cover</li>
+<li>區塊中的文字 text</li>
+<li>區塊中的圖片 content_img</li>
+</ol>
+<h2 id="第一區塊-content"><a href="#第一區塊-content" class="headerlink" title="第一區塊 content"></a>第一區塊 content</h2><p>首先，我們最外面的區域我是故意用a連結使用，用意是模擬，<br>如果今天要點及這個區塊來連動其他頁面的時候，就需要a連結。</p>
+<p>在這個a連結裡面我們先設定好它的寬度和高度。<br>接著，還為它設入<code>overflow:hidden</code>的特性，這個特性後面會說明為什麼要它。</p>
+<h2 id="第二區塊-cover"><a href="#第二區塊-cover" class="headerlink" title="第二區塊 cover"></a>第二區塊 cover</h2><p>第一<br>這個區域是蓋在整體區塊上方的薄膜。<br>我們利用定位的效果加入position:absolute, top:0, right:0, bottom:0, left:0。<br>為得是要讓這個區塊能夠完全展開覆蓋住父元素.content。</p>
+<p>第二，我們為它加z-index:1，因為，它要蓋在上方，並在文字下方，所以，設為1是ok的。<br>第三，加入filter:blur(5px);，讓它產生模糊的效果。<br>第四，我們為它加入transform:translateY(-400px)，為得是要讓它的區塊先位在整體區塊的-400px位置，<br>並在你滑入的時候，transform:translateY(0px)，會改成0px，所以，就有從上方往下方移入的效果。</p>
+          <!--noindex-->
+            <div class="post-button">
+              <a class="btn" href="/2021/01/19/Bootstrap%E4%BD%9C%E5%93%81%E9%9B%86-%E6%8A%80%E5%B7%A7%E7%AD%86%E8%A8%98/#more" rel="contents">
+                閱讀全文 &raquo;
+              </a>
+            </div>
+          <!--/noindex-->
+        
+      
+    </div>
+
+    
+    
+    
+      <footer class="post-footer">
+        <div class="post-eof"></div>
+      </footer>
+  </article>
+  
+  
+  
+
+      
+  
+  
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
     <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/01/19/%E9%83%A8%E5%B1%AC%E9%9D%9C%E6%85%8B%E7%B6%B2%E7%AB%99%E5%88%B0Github-Pages%E9%81%87%E5%88%B0%E7%9A%84%E5%95%8F%E9%A1%8C/">
 
@@ -980,98 +1074,6 @@ <h2 id="var-與-let-作用域的不同"><a href="#var-與-let-作用域的不同
   
   
 
-      
-  
-  
-  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/01/11/Vuejs%E5%85%83%E4%BB%B603-%E5%85%83%E4%BB%B6%E6%8F%92%E6%A7%BD/">
-
-    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
-      <meta itemprop="image" content="/images/avatar.gif">
-      <meta itemprop="name" content="Landy">
-      <meta itemprop="description" content="">
-    </span>
-
-    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
-      <meta itemprop="name" content="Landy Blog">
-    </span>
-      <header class="post-header">
-        <h2 class="post-title" itemprop="name headline">
-          
-            <a href="/2021/01/11/Vuejs%E5%85%83%E4%BB%B603-%E5%85%83%E4%BB%B6%E6%8F%92%E6%A7%BD/" class="post-title-link" itemprop="url">Vuejs元件03-元件插槽</a>
-        </h2>
-
-        <div class="post-meta">
-            <span class="post-meta-item">
-              <span class="post-meta-item-icon">
-                <i class="far fa-calendar"></i>
-              </span>
-              <span class="post-meta-item-text">發表於</span>
-
-              <time title="創建時間：2021-01-11 14:42:58" itemprop="dateCreated datePublished" datetime="2021-01-11T14:42:58+08:00">2021-01-11</time>
-            </span>
-              <span class="post-meta-item">
-                <span class="post-meta-item-icon">
-                  <i class="far fa-calendar-check"></i>
-                </span>
-                <span class="post-meta-item-text">更新於</span>
-                <time title="修改時間：2021-04-27 15:18:26" itemprop="dateModified" datetime="2021-04-27T15:18:26+08:00">2021-04-27</time>
-              </span>
-            <span class="post-meta-item">
-              <span class="post-meta-item-icon">
-                <i class="far fa-folder"></i>
-              </span>
-              <span class="post-meta-item-text">分類於</span>
-                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-                  <a href="/categories/Vue/" itemprop="url" rel="index"><span itemprop="name">Vue</span></a>
-                </span>
-            </span>
-
-          
-
-        </div>
-      </header>
-
-    
-    
-    
-    <div class="post-body" itemprop="articleBody">
-
-      
-          <p>這邊接續著上一篇”Vuejs元件02-emit事件”的文章，繼續做筆記。</p>
-<h1 id="元件插槽"><a href="#元件插槽" class="headerlink" title="元件插槽"></a>元件插槽</h1><p>有時候我們需要替換某些元件的部分內容，而Vue.js就是利用元件插槽的概念來做到這件事情。<br>這邊會介紹三種狀況</p>
-<ol>
-<li>沒有插槽的元件</li>
-<li>單一插槽的元件</li>
-<li>具名插槽</li>
-</ol>
-<h2 id="沒有插槽的元件"><a href="#沒有插槽的元件" class="headerlink" title="沒有插槽的元件"></a>沒有插槽的元件</h2><iframe src="https://codepen.io/RandyChen/embed/YzGOQee?height=265&theme-id=light&default-tab=html,result" width="100%" height="300" frameborder="0" loading="lazy" allowfullscreen></iframe>
-
-<p>以上範例，你會看到我在no-slot-component中間插入了一個<code>p</code>段落，但是，畫面上並沒有呈現這個插入的<code>p</code>段落，<br>而這個就是若你在沒有插槽的元件中，插入其他內容，而這些插入的內容是不會被呈現在畫面上的。</p>
-<h2 id="單一插槽的元件"><a href="#單一插槽的元件" class="headerlink" title="單一插槽的元件"></a>單一插槽的元件</h2><iframe src="https://codepen.io/RandyChen/embed/xxEarzd?height=265&theme-id=light&default-tab=html,result" width="100%" height="300" frameborder="0" loading="lazy" allowfullscreen></iframe>
-<p>以上這個範例你會看到在單一插槽元件定義它元件內容的地方，我們有放一個<code>&lt;slot&gt;&lt;/slot&gt;</code>標籤，<br>那此時，夾在single-slot-component標籤中間的<code>p</code>段落的內容，在網頁上就會呈現在<code>&lt;slot&gt;&lt;/slot&gt;</code>標籤的位置囉。</p>
-          <!--noindex-->
-            <div class="post-button">
-              <a class="btn" href="/2021/01/11/Vuejs%E5%85%83%E4%BB%B603-%E5%85%83%E4%BB%B6%E6%8F%92%E6%A7%BD/#more" rel="contents">
-                閱讀全文 &raquo;
-              </a>
-            </div>
-          <!--/noindex-->
-        
-      
-    </div>
-
-    
-    
-    
-      <footer class="post-footer">
-        <div class="post-eof"></div>
-      </footer>
-  </article>
-  
-  
-  
-
 
   
   <nav class="pagination">
@@ -1141,7 +1143,7 @@ <h2 id="單一插槽的元件"><a href="#單一插槽的元件" class="headerlin
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/page/15/index.html b/page/15/index.html
index 8f00a3334..338c5010d 100644
--- a/page/15/index.html
+++ b/page/15/index.html
@@ -163,6 +163,98 @@ <h1 class="site-title">Landy Blog</h1>
       
   
   
+  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/01/11/Vuejs%E5%85%83%E4%BB%B603-%E5%85%83%E4%BB%B6%E6%8F%92%E6%A7%BD/">
+
+    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
+      <meta itemprop="image" content="/images/avatar.gif">
+      <meta itemprop="name" content="Landy">
+      <meta itemprop="description" content="">
+    </span>
+
+    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
+      <meta itemprop="name" content="Landy Blog">
+    </span>
+      <header class="post-header">
+        <h2 class="post-title" itemprop="name headline">
+          
+            <a href="/2021/01/11/Vuejs%E5%85%83%E4%BB%B603-%E5%85%83%E4%BB%B6%E6%8F%92%E6%A7%BD/" class="post-title-link" itemprop="url">Vuejs元件03-元件插槽</a>
+        </h2>
+
+        <div class="post-meta">
+            <span class="post-meta-item">
+              <span class="post-meta-item-icon">
+                <i class="far fa-calendar"></i>
+              </span>
+              <span class="post-meta-item-text">發表於</span>
+
+              <time title="創建時間：2021-01-11 14:42:58" itemprop="dateCreated datePublished" datetime="2021-01-11T14:42:58+08:00">2021-01-11</time>
+            </span>
+              <span class="post-meta-item">
+                <span class="post-meta-item-icon">
+                  <i class="far fa-calendar-check"></i>
+                </span>
+                <span class="post-meta-item-text">更新於</span>
+                <time title="修改時間：2021-04-27 15:18:26" itemprop="dateModified" datetime="2021-04-27T15:18:26+08:00">2021-04-27</time>
+              </span>
+            <span class="post-meta-item">
+              <span class="post-meta-item-icon">
+                <i class="far fa-folder"></i>
+              </span>
+              <span class="post-meta-item-text">分類於</span>
+                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
+                  <a href="/categories/Vue/" itemprop="url" rel="index"><span itemprop="name">Vue</span></a>
+                </span>
+            </span>
+
+          
+
+        </div>
+      </header>
+
+    
+    
+    
+    <div class="post-body" itemprop="articleBody">
+
+      
+          <p>這邊接續著上一篇”Vuejs元件02-emit事件”的文章，繼續做筆記。</p>
+<h1 id="元件插槽"><a href="#元件插槽" class="headerlink" title="元件插槽"></a>元件插槽</h1><p>有時候我們需要替換某些元件的部分內容，而Vue.js就是利用元件插槽的概念來做到這件事情。<br>這邊會介紹三種狀況</p>
+<ol>
+<li>沒有插槽的元件</li>
+<li>單一插槽的元件</li>
+<li>具名插槽</li>
+</ol>
+<h2 id="沒有插槽的元件"><a href="#沒有插槽的元件" class="headerlink" title="沒有插槽的元件"></a>沒有插槽的元件</h2><iframe src="https://codepen.io/RandyChen/embed/YzGOQee?height=265&theme-id=light&default-tab=html,result" width="100%" height="300" frameborder="0" loading="lazy" allowfullscreen></iframe>
+
+<p>以上範例，你會看到我在no-slot-component中間插入了一個<code>p</code>段落，但是，畫面上並沒有呈現這個插入的<code>p</code>段落，<br>而這個就是若你在沒有插槽的元件中，插入其他內容，而這些插入的內容是不會被呈現在畫面上的。</p>
+<h2 id="單一插槽的元件"><a href="#單一插槽的元件" class="headerlink" title="單一插槽的元件"></a>單一插槽的元件</h2><iframe src="https://codepen.io/RandyChen/embed/xxEarzd?height=265&theme-id=light&default-tab=html,result" width="100%" height="300" frameborder="0" loading="lazy" allowfullscreen></iframe>
+<p>以上這個範例你會看到在單一插槽元件定義它元件內容的地方，我們有放一個<code>&lt;slot&gt;&lt;/slot&gt;</code>標籤，<br>那此時，夾在single-slot-component標籤中間的<code>p</code>段落的內容，在網頁上就會呈現在<code>&lt;slot&gt;&lt;/slot&gt;</code>標籤的位置囉。</p>
+          <!--noindex-->
+            <div class="post-button">
+              <a class="btn" href="/2021/01/11/Vuejs%E5%85%83%E4%BB%B603-%E5%85%83%E4%BB%B6%E6%8F%92%E6%A7%BD/#more" rel="contents">
+                閱讀全文 &raquo;
+              </a>
+            </div>
+          <!--/noindex-->
+        
+      
+    </div>
+
+    
+    
+    
+      <footer class="post-footer">
+        <div class="post-eof"></div>
+      </footer>
+  </article>
+  
+  
+  
+
+      
+  
+  
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
     <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/01/11/Vuejs%E5%85%83%E4%BB%B602-emit%E4%BA%8B%E4%BB%B6/">
 
@@ -965,104 +1057,6 @@ <h2 id="修改live-sass軟體產出all-css檔案的路徑"><a href="#修改live-
   
   
 
-      
-  
-  
-  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/01/06/%E9%80%B2%E9%9A%8E%E6%A8%A1%E6%9D%BF%E8%AA%9E%E6%B3%95-02/">
-
-    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
-      <meta itemprop="image" content="/images/avatar.gif">
-      <meta itemprop="name" content="Landy">
-      <meta itemprop="description" content="">
-    </span>
-
-    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
-      <meta itemprop="name" content="Landy Blog">
-    </span>
-      <header class="post-header">
-        <h2 class="post-title" itemprop="name headline">
-          
-            <a href="/2021/01/06/%E9%80%B2%E9%9A%8E%E6%A8%A1%E6%9D%BF%E8%AA%9E%E6%B3%95-02/" class="post-title-link" itemprop="url">進階模板語法-02</a>
-        </h2>
-
-        <div class="post-meta">
-            <span class="post-meta-item">
-              <span class="post-meta-item-icon">
-                <i class="far fa-calendar"></i>
-              </span>
-              <span class="post-meta-item-text">發表於</span>
-
-              <time title="創建時間：2021-01-06 11:21:12" itemprop="dateCreated datePublished" datetime="2021-01-06T11:21:12+08:00">2021-01-06</time>
-            </span>
-              <span class="post-meta-item">
-                <span class="post-meta-item-icon">
-                  <i class="far fa-calendar-check"></i>
-                </span>
-                <span class="post-meta-item-text">更新於</span>
-                <time title="修改時間：2021-04-26 16:26:26" itemprop="dateModified" datetime="2021-04-26T16:26:26+08:00">2021-04-26</time>
-              </span>
-            <span class="post-meta-item">
-              <span class="post-meta-item-icon">
-                <i class="far fa-folder"></i>
-              </span>
-              <span class="post-meta-item-text">分類於</span>
-                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-                  <a href="/categories/Vue/" itemprop="url" rel="index"><span itemprop="name">Vue</span></a>
-                </span>
-            </span>
-
-          
-
-        </div>
-      </header>
-
-    
-    
-    
-    <div class="post-body" itemprop="articleBody">
-
-      
-          <p>接續著上一篇的進階模板語法-01的內容繼續記錄。</p>
-<h2 id="Computed與Watch"><a href="#Computed與Watch" class="headerlink" title="Computed與Watch"></a>Computed與Watch</h2><h3 id="Computed過濾陣列內容"><a href="#Computed過濾陣列內容" class="headerlink" title="Computed過濾陣列內容"></a>Computed過濾陣列內容</h3><p>之前的章節是利用按下一個鈕，觸發methods裡面的一個function進而來過濾陣列，並將過濾完的結果<br>呈現在畫面上。<br>那這邊的話，我們希望使用者輸入完內容後，就會自動的將過濾完且符合搜尋內容的條件給呈現在畫面上。<br>那這樣的話，我們就需要用到computed來達成，不需要額外操作(像是:按下enter)才達成這種效果。</p>
-<iframe src="https://codepen.io/RandyChen/embed/rNMvbNK?height=265&theme-id=light&default-tab=js,result" width="100%" height="300" frameborder="0" loading="lazy" allowfullscreen></iframe>
-
-<p>上面這個例子，當我們在<code>input</code>欄位裡面輸入搜尋值，此時，filterText會變動，<br>也就會連動到<code>computed</code>中的filterData，並在filterData裡面做判斷，若輸入的搜尋內容<br>有符合arrayData的內容的話，就回傳該元素值到filterData中，進而在畫面呈現filterData，<br>但以上這個例子，在資料量大的話會有效能上的議題。</p>
-<h2 id="使用-Computed-來呈現時間格式。"><a href="#使用-Computed-來呈現時間格式。" class="headerlink" title="使用 Computed 來呈現時間格式。"></a>使用 Computed 來呈現時間格式。</h2><p>ex:</p>
-<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br></pre></td><td class="code"><pre><span class="line">---HTML---</span><br><span class="line">&lt;div id&#x3D;&quot;app&quot;&gt;</span><br><span class="line">	&lt;p&gt;&#123;&#123;formatTime&#125;&#125;&lt;&#x2F;p&gt;</span><br><span class="line">&lt;&#x2F;div&gt;</span><br><span class="line"></span><br><span class="line">---JavaScript---</span><br><span class="line">var app &#x3D; new Vue(&#123;</span><br><span class="line">	el:&#39;#app&#39;,</span><br><span class="line">	data:&#123;</span><br><span class="line">		newDate:0</span><br><span class="line">	&#125;,</span><br><span class="line">	computed:&#123;</span><br><span class="line">		formatTime: function()&#123;</span><br><span class="line">			this.newDate &#x3D; new Date();</span><br><span class="line">			var dates &#x3D; this.newDate;</span><br><span class="line">			var year &#x3D; dates.getFullYear();</span><br><span class="line">			var month &#x3D; dates.getMonth() + 1;</span><br><span class="line">			var date &#x3D; dates.getDate();</span><br><span class="line">			var hours &#x3D; dates.getHours();</span><br><span class="line">			var minutes &#x3D; dates.getMinutes();</span><br><span class="line">			var seconds &#x3D; dates.getSeconds();</span><br><span class="line">			return &#96;$&#123;year&#125;&#x2F;$&#123;month&#125;&#x2F;$&#123;date&#125; $&#123;hours&#125;:$&#123;minutes&#125;:$&#123;seconds&#125;&#96;;</span><br><span class="line">		&#125;</span><br><span class="line">	&#125;</span><br><span class="line">&#125;)</span><br></pre></td></tr></table></figure>
-<p>以上用<code>computed</code>的方式，就能即時的呈現當下的時間囉~</p>
-<h2 id="Watch"><a href="#Watch" class="headerlink" title="Watch"></a>Watch</h2><p>當特定的變數變化的時候，會去執行特定的function</p>
-<iframe src="https://codepen.io/RandyChen/embed/PoGegzG?height=265&theme-id=light&default-tab=css,result" width="100%" height="300" frameborder="0" loading="lazy" allowfullscreen></iframe>
-
-<p>以上這個範例，就是利用<code>watch</code>去監聽trigger是否有變動，若有，就去執行相對應的function。<br>也就是當1秒後，trigger的值會被切回去<code>false</code>，也就是把rotate的效果給拿掉。</p>
-<h2 id="表單細節操作"><a href="#表單細節操作" class="headerlink" title="表單細節操作"></a>表單細節操作</h2><p>透過<code>v-for</code>來製作<code>selected</code>裡面的資料<br>ex:</p>
-<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br></pre></td><td class="code"><pre><span class="line">---HTML---</span><br><span class="line">&lt;div id&#x3D;&quot;app&quot;&gt;</span><br><span class="line">	&lt;select name&#x3D;&quot;&quot; id&#x3D;&quot;&quot; class&#x3D;&quot;form-control&quot; v-model&#x3D;&quot;selected2&quot;&gt;</span><br><span class="line">		&lt;option disabled value&#x3D;&quot;&quot;&gt;請選擇&lt;&#x2F;option&gt;</span><br><span class="line">		&lt;option :value&#x3D;&quot;item&quot; v-for&#x3D;&quot;item in selecData&quot;&gt;&#123;&#123;item&#125;&#125;&lt;&#x2F;option&gt;</span><br><span class="line">	&lt;&#x2F;select&gt;</span><br><span class="line">	&lt;p&gt;小明喜歡的女生是 &#123;&#123; selected2 &#125;&#125;。&lt;&#x2F;p&gt;</span><br><span class="line">&lt;&#x2F;div&gt;</span><br><span class="line">--JavaScript---</span><br><span class="line">var app &#x3D; new Vue(&#123;</span><br><span class="line">	el:&#39;#app&#39;,</span><br><span class="line">	data:&#123;</span><br><span class="line">		selectData:[&#39;阿明&#39;, &#39;力宏&#39;, &#39;漂亮阿姨&#39;],</span><br><span class="line">		selected2:&#39;&#39;</span><br><span class="line">	&#125;</span><br><span class="line">&#125;)</span><br></pre></td></tr></table></figure>
-<p>以上的範例，就會動態的將selectData陣列裡面的元素渲染進<code>option</code>裡面。<br>但要特別記得，每個<code>option</code>的<code>value</code>屬性都是動態的被加入的，所以，前面要記得加<code>v-bind</code>。<br>另外，當點選某個<code>option</code>的時候，該<code>option</code>的<code>value</code>會被塞到<code>selected2</code>裡面，<br>所以，最終在<code>p</code>段落裡面就會成現selected2的值，也就是你選取的<code>option</code>的<code>value</code>囉~</p>
-<h2 id="多選"><a href="#多選" class="headerlink" title="多選"></a>多選</h2><p>只要在<code>select</code>的HTML標籤中，加入<code>multiple</code>就可以有多選的功能囉<br>ex:</p>
-<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line">---HTML---</span><br><span class="line">&lt;div id&#x3D;&quot;app&quot;&gt;</span><br><span class="line">	&lt;select name&#x3D;&quot;&quot; id&#x3D;&quot;&quot; class&#x3D;&quot;form-control&quot; multiple v-model&#x3D;&quot;selected2&quot;&gt;  &#x2F;&#x2F; 加入multiple</span><br><span class="line">		&lt;option disabled value&#x3D;&quot;&quot;&gt;請選擇&lt;&#x2F;option&gt;</span><br><span class="line">		&lt;option :value&#x3D;&quot;item&quot; v-for&#x3D;&quot;item in selecData&quot;&gt;&#123;&#123;item&#125;&#125;&lt;&#x2F;option&gt;</span><br><span class="line">	&lt;&#x2F;select&gt;</span><br><span class="line">	&lt;p&gt;小明喜歡的女生是 &#123;&#123; selected2 &#125;&#125;。&lt;&#x2F;p&gt;</span><br><span class="line">&lt;&#x2F;div&gt;</span><br></pre></td></tr></table></figure>
-<p>當你在<code>select</code>中加入<code>multiple</code>時，你在點選該欄位中的<code>option</code>時，記得按下Ctrl鍵來複選，<br>此時，selected2裡的內容，就是你複選完的結果囉。</p>
-          <!--noindex-->
-            <div class="post-button">
-              <a class="btn" href="/2021/01/06/%E9%80%B2%E9%9A%8E%E6%A8%A1%E6%9D%BF%E8%AA%9E%E6%B3%95-02/#more" rel="contents">
-                閱讀全文 &raquo;
-              </a>
-            </div>
-          <!--/noindex-->
-        
-      
-    </div>
-
-    
-    
-    
-      <footer class="post-footer">
-        <div class="post-eof"></div>
-      </footer>
-  </article>
-  
-  
-  
-
 
   
   <nav class="pagination">
@@ -1132,7 +1126,7 @@ <h2 id="多選"><a href="#多選" class="headerlink" title="多選"></a>多選</
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/page/16/index.html b/page/16/index.html
index 0482054e4..f3d2c006b 100644
--- a/page/16/index.html
+++ b/page/16/index.html
@@ -163,6 +163,104 @@ <h1 class="site-title">Landy Blog</h1>
       
   
   
+  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/01/06/%E9%80%B2%E9%9A%8E%E6%A8%A1%E6%9D%BF%E8%AA%9E%E6%B3%95-02/">
+
+    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
+      <meta itemprop="image" content="/images/avatar.gif">
+      <meta itemprop="name" content="Landy">
+      <meta itemprop="description" content="">
+    </span>
+
+    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
+      <meta itemprop="name" content="Landy Blog">
+    </span>
+      <header class="post-header">
+        <h2 class="post-title" itemprop="name headline">
+          
+            <a href="/2021/01/06/%E9%80%B2%E9%9A%8E%E6%A8%A1%E6%9D%BF%E8%AA%9E%E6%B3%95-02/" class="post-title-link" itemprop="url">進階模板語法-02</a>
+        </h2>
+
+        <div class="post-meta">
+            <span class="post-meta-item">
+              <span class="post-meta-item-icon">
+                <i class="far fa-calendar"></i>
+              </span>
+              <span class="post-meta-item-text">發表於</span>
+
+              <time title="創建時間：2021-01-06 11:21:12" itemprop="dateCreated datePublished" datetime="2021-01-06T11:21:12+08:00">2021-01-06</time>
+            </span>
+              <span class="post-meta-item">
+                <span class="post-meta-item-icon">
+                  <i class="far fa-calendar-check"></i>
+                </span>
+                <span class="post-meta-item-text">更新於</span>
+                <time title="修改時間：2021-04-26 16:26:26" itemprop="dateModified" datetime="2021-04-26T16:26:26+08:00">2021-04-26</time>
+              </span>
+            <span class="post-meta-item">
+              <span class="post-meta-item-icon">
+                <i class="far fa-folder"></i>
+              </span>
+              <span class="post-meta-item-text">分類於</span>
+                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
+                  <a href="/categories/Vue/" itemprop="url" rel="index"><span itemprop="name">Vue</span></a>
+                </span>
+            </span>
+
+          
+
+        </div>
+      </header>
+
+    
+    
+    
+    <div class="post-body" itemprop="articleBody">
+
+      
+          <p>接續著上一篇的進階模板語法-01的內容繼續記錄。</p>
+<h2 id="Computed與Watch"><a href="#Computed與Watch" class="headerlink" title="Computed與Watch"></a>Computed與Watch</h2><h3 id="Computed過濾陣列內容"><a href="#Computed過濾陣列內容" class="headerlink" title="Computed過濾陣列內容"></a>Computed過濾陣列內容</h3><p>之前的章節是利用按下一個鈕，觸發methods裡面的一個function進而來過濾陣列，並將過濾完的結果<br>呈現在畫面上。<br>那這邊的話，我們希望使用者輸入完內容後，就會自動的將過濾完且符合搜尋內容的條件給呈現在畫面上。<br>那這樣的話，我們就需要用到computed來達成，不需要額外操作(像是:按下enter)才達成這種效果。</p>
+<iframe src="https://codepen.io/RandyChen/embed/rNMvbNK?height=265&theme-id=light&default-tab=js,result" width="100%" height="300" frameborder="0" loading="lazy" allowfullscreen></iframe>
+
+<p>上面這個例子，當我們在<code>input</code>欄位裡面輸入搜尋值，此時，filterText會變動，<br>也就會連動到<code>computed</code>中的filterData，並在filterData裡面做判斷，若輸入的搜尋內容<br>有符合arrayData的內容的話，就回傳該元素值到filterData中，進而在畫面呈現filterData，<br>但以上這個例子，在資料量大的話會有效能上的議題。</p>
+<h2 id="使用-Computed-來呈現時間格式。"><a href="#使用-Computed-來呈現時間格式。" class="headerlink" title="使用 Computed 來呈現時間格式。"></a>使用 Computed 來呈現時間格式。</h2><p>ex:</p>
+<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br></pre></td><td class="code"><pre><span class="line">---HTML---</span><br><span class="line">&lt;div id&#x3D;&quot;app&quot;&gt;</span><br><span class="line">	&lt;p&gt;&#123;&#123;formatTime&#125;&#125;&lt;&#x2F;p&gt;</span><br><span class="line">&lt;&#x2F;div&gt;</span><br><span class="line"></span><br><span class="line">---JavaScript---</span><br><span class="line">var app &#x3D; new Vue(&#123;</span><br><span class="line">	el:&#39;#app&#39;,</span><br><span class="line">	data:&#123;</span><br><span class="line">		newDate:0</span><br><span class="line">	&#125;,</span><br><span class="line">	computed:&#123;</span><br><span class="line">		formatTime: function()&#123;</span><br><span class="line">			this.newDate &#x3D; new Date();</span><br><span class="line">			var dates &#x3D; this.newDate;</span><br><span class="line">			var year &#x3D; dates.getFullYear();</span><br><span class="line">			var month &#x3D; dates.getMonth() + 1;</span><br><span class="line">			var date &#x3D; dates.getDate();</span><br><span class="line">			var hours &#x3D; dates.getHours();</span><br><span class="line">			var minutes &#x3D; dates.getMinutes();</span><br><span class="line">			var seconds &#x3D; dates.getSeconds();</span><br><span class="line">			return &#96;$&#123;year&#125;&#x2F;$&#123;month&#125;&#x2F;$&#123;date&#125; $&#123;hours&#125;:$&#123;minutes&#125;:$&#123;seconds&#125;&#96;;</span><br><span class="line">		&#125;</span><br><span class="line">	&#125;</span><br><span class="line">&#125;)</span><br></pre></td></tr></table></figure>
+<p>以上用<code>computed</code>的方式，就能即時的呈現當下的時間囉~</p>
+<h2 id="Watch"><a href="#Watch" class="headerlink" title="Watch"></a>Watch</h2><p>當特定的變數變化的時候，會去執行特定的function</p>
+<iframe src="https://codepen.io/RandyChen/embed/PoGegzG?height=265&theme-id=light&default-tab=css,result" width="100%" height="300" frameborder="0" loading="lazy" allowfullscreen></iframe>
+
+<p>以上這個範例，就是利用<code>watch</code>去監聽trigger是否有變動，若有，就去執行相對應的function。<br>也就是當1秒後，trigger的值會被切回去<code>false</code>，也就是把rotate的效果給拿掉。</p>
+<h2 id="表單細節操作"><a href="#表單細節操作" class="headerlink" title="表單細節操作"></a>表單細節操作</h2><p>透過<code>v-for</code>來製作<code>selected</code>裡面的資料<br>ex:</p>
+<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br></pre></td><td class="code"><pre><span class="line">---HTML---</span><br><span class="line">&lt;div id&#x3D;&quot;app&quot;&gt;</span><br><span class="line">	&lt;select name&#x3D;&quot;&quot; id&#x3D;&quot;&quot; class&#x3D;&quot;form-control&quot; v-model&#x3D;&quot;selected2&quot;&gt;</span><br><span class="line">		&lt;option disabled value&#x3D;&quot;&quot;&gt;請選擇&lt;&#x2F;option&gt;</span><br><span class="line">		&lt;option :value&#x3D;&quot;item&quot; v-for&#x3D;&quot;item in selecData&quot;&gt;&#123;&#123;item&#125;&#125;&lt;&#x2F;option&gt;</span><br><span class="line">	&lt;&#x2F;select&gt;</span><br><span class="line">	&lt;p&gt;小明喜歡的女生是 &#123;&#123; selected2 &#125;&#125;。&lt;&#x2F;p&gt;</span><br><span class="line">&lt;&#x2F;div&gt;</span><br><span class="line">--JavaScript---</span><br><span class="line">var app &#x3D; new Vue(&#123;</span><br><span class="line">	el:&#39;#app&#39;,</span><br><span class="line">	data:&#123;</span><br><span class="line">		selectData:[&#39;阿明&#39;, &#39;力宏&#39;, &#39;漂亮阿姨&#39;],</span><br><span class="line">		selected2:&#39;&#39;</span><br><span class="line">	&#125;</span><br><span class="line">&#125;)</span><br></pre></td></tr></table></figure>
+<p>以上的範例，就會動態的將selectData陣列裡面的元素渲染進<code>option</code>裡面。<br>但要特別記得，每個<code>option</code>的<code>value</code>屬性都是動態的被加入的，所以，前面要記得加<code>v-bind</code>。<br>另外，當點選某個<code>option</code>的時候，該<code>option</code>的<code>value</code>會被塞到<code>selected2</code>裡面，<br>所以，最終在<code>p</code>段落裡面就會成現selected2的值，也就是你選取的<code>option</code>的<code>value</code>囉~</p>
+<h2 id="多選"><a href="#多選" class="headerlink" title="多選"></a>多選</h2><p>只要在<code>select</code>的HTML標籤中，加入<code>multiple</code>就可以有多選的功能囉<br>ex:</p>
+<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line">---HTML---</span><br><span class="line">&lt;div id&#x3D;&quot;app&quot;&gt;</span><br><span class="line">	&lt;select name&#x3D;&quot;&quot; id&#x3D;&quot;&quot; class&#x3D;&quot;form-control&quot; multiple v-model&#x3D;&quot;selected2&quot;&gt;  &#x2F;&#x2F; 加入multiple</span><br><span class="line">		&lt;option disabled value&#x3D;&quot;&quot;&gt;請選擇&lt;&#x2F;option&gt;</span><br><span class="line">		&lt;option :value&#x3D;&quot;item&quot; v-for&#x3D;&quot;item in selecData&quot;&gt;&#123;&#123;item&#125;&#125;&lt;&#x2F;option&gt;</span><br><span class="line">	&lt;&#x2F;select&gt;</span><br><span class="line">	&lt;p&gt;小明喜歡的女生是 &#123;&#123; selected2 &#125;&#125;。&lt;&#x2F;p&gt;</span><br><span class="line">&lt;&#x2F;div&gt;</span><br></pre></td></tr></table></figure>
+<p>當你在<code>select</code>中加入<code>multiple</code>時，你在點選該欄位中的<code>option</code>時，記得按下Ctrl鍵來複選，<br>此時，selected2裡的內容，就是你複選完的結果囉。</p>
+          <!--noindex-->
+            <div class="post-button">
+              <a class="btn" href="/2021/01/06/%E9%80%B2%E9%9A%8E%E6%A8%A1%E6%9D%BF%E8%AA%9E%E6%B3%95-02/#more" rel="contents">
+                閱讀全文 &raquo;
+              </a>
+            </div>
+          <!--/noindex-->
+        
+      
+    </div>
+
+    
+    
+    
+      <footer class="post-footer">
+        <div class="post-eof"></div>
+      </footer>
+  </article>
+  
+  
+  
+
+      
+  
+  
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
     <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/01/06/%E9%80%B2%E9%9A%8E%E6%A8%A1%E6%9D%BF%E8%AA%9E%E6%B3%95-01/">
 
@@ -949,93 +1047,6 @@ <h2 id="Vue物件不要巢狀的方式創建"><a href="#Vue物件不要巢狀的
   
   
 
-      
-  
-  
-  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2020/12/29/Bootstrap%E7%AD%86%E8%A8%98-01/">
-
-    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
-      <meta itemprop="image" content="/images/avatar.gif">
-      <meta itemprop="name" content="Landy">
-      <meta itemprop="description" content="">
-    </span>
-
-    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
-      <meta itemprop="name" content="Landy Blog">
-    </span>
-      <header class="post-header">
-        <h2 class="post-title" itemprop="name headline">
-          
-            <a href="/2020/12/29/Bootstrap%E7%AD%86%E8%A8%98-01/" class="post-title-link" itemprop="url">Bootstrap筆記-01</a>
-        </h2>
-
-        <div class="post-meta">
-            <span class="post-meta-item">
-              <span class="post-meta-item-icon">
-                <i class="far fa-calendar"></i>
-              </span>
-              <span class="post-meta-item-text">發表於</span>
-
-              <time title="創建時間：2020-12-29 12:35:38" itemprop="dateCreated datePublished" datetime="2020-12-29T12:35:38+08:00">2020-12-29</time>
-            </span>
-              <span class="post-meta-item">
-                <span class="post-meta-item-icon">
-                  <i class="far fa-calendar-check"></i>
-                </span>
-                <span class="post-meta-item-text">更新於</span>
-                <time title="修改時間：2021-01-30 15:10:10" itemprop="dateModified" datetime="2021-01-30T15:10:10+08:00">2021-01-30</time>
-              </span>
-            <span class="post-meta-item">
-              <span class="post-meta-item-icon">
-                <i class="far fa-folder"></i>
-              </span>
-              <span class="post-meta-item-text">分類於</span>
-                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-                  <a href="/categories/Bootstrap/" itemprop="url" rel="index"><span itemprop="name">Bootstrap</span></a>
-                </span>
-            </span>
-
-          
-
-        </div>
-      </header>
-
-    
-    
-    
-    <div class="post-body" itemprop="articleBody">
-
-      
-          <p>上一篇的<a target="_blank" rel="noopener" href="http://localhost:4000/2020/12/29/Bootstrap%E7%AD%86%E8%A8%98/">Bootstrap筆記</a>，是大略的紀錄一下，Bootstrap的格線系統用法。<br>這篇筆記是用來記錄，如何將Bootstrap的scss檔案引入進你的專案檔，<br>並修改Bootstrap scss的檔案，將裡面的元件樣式改成自己想要的樣子。</p>
-<h1 id="引入Bootstrap的scss檔案"><a href="#引入Bootstrap的scss檔案" class="headerlink" title="引入Bootstrap的scss檔案"></a>引入Bootstrap的scss檔案</h1><ol>
-<li><p>首先，你先去Bootstrap的github下載他們釋出的scss檔案。<br><a target="_blank" rel="noopener" href="https://github.com/twbs/bootstrap">Bootstrap_github連結</a></p>
-<p> 你可以去下載，Bootrap釋出的最新版本的sourcecode，它就在github頁面的右邊的Release的地方，就可以看到了。<br> <img src="/image/bootstrap_github.png"></p>
-<p> 接著，你點進去之後，在該頁面的最下方，有這個Source Code的載點。</p>
-<p> <img src="/image/bootstrap_github1.png"></p>
-<p> 下載完之後，再將這個bootstrap的資料夾，放到你的scss檔案裡面。<br> 記得!!你要將這個下載的資料夾放在跟你的all.scss同樣目錄底下。</p>
-          <!--noindex-->
-            <div class="post-button">
-              <a class="btn" href="/2020/12/29/Bootstrap%E7%AD%86%E8%A8%98-01/#more" rel="contents">
-                閱讀全文 &raquo;
-              </a>
-            </div>
-          <!--/noindex-->
-        
-      
-    </div>
-
-    
-    
-    
-      <footer class="post-footer">
-        <div class="post-eof"></div>
-      </footer>
-  </article>
-  
-  
-  
-
 
   
   <nav class="pagination">
@@ -1105,7 +1116,7 @@ <h1 id="引入Bootstrap的scss檔案"><a href="#引入Bootstrap的scss檔案" cl
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/page/17/index.html b/page/17/index.html
index 14fef7231..0c320445e 100644
--- a/page/17/index.html
+++ b/page/17/index.html
@@ -163,6 +163,93 @@ <h1 class="site-title">Landy Blog</h1>
       
   
   
+  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2020/12/29/Bootstrap%E7%AD%86%E8%A8%98-01/">
+
+    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
+      <meta itemprop="image" content="/images/avatar.gif">
+      <meta itemprop="name" content="Landy">
+      <meta itemprop="description" content="">
+    </span>
+
+    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
+      <meta itemprop="name" content="Landy Blog">
+    </span>
+      <header class="post-header">
+        <h2 class="post-title" itemprop="name headline">
+          
+            <a href="/2020/12/29/Bootstrap%E7%AD%86%E8%A8%98-01/" class="post-title-link" itemprop="url">Bootstrap筆記-01</a>
+        </h2>
+
+        <div class="post-meta">
+            <span class="post-meta-item">
+              <span class="post-meta-item-icon">
+                <i class="far fa-calendar"></i>
+              </span>
+              <span class="post-meta-item-text">發表於</span>
+
+              <time title="創建時間：2020-12-29 12:35:38" itemprop="dateCreated datePublished" datetime="2020-12-29T12:35:38+08:00">2020-12-29</time>
+            </span>
+              <span class="post-meta-item">
+                <span class="post-meta-item-icon">
+                  <i class="far fa-calendar-check"></i>
+                </span>
+                <span class="post-meta-item-text">更新於</span>
+                <time title="修改時間：2021-01-30 15:10:10" itemprop="dateModified" datetime="2021-01-30T15:10:10+08:00">2021-01-30</time>
+              </span>
+            <span class="post-meta-item">
+              <span class="post-meta-item-icon">
+                <i class="far fa-folder"></i>
+              </span>
+              <span class="post-meta-item-text">分類於</span>
+                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
+                  <a href="/categories/Bootstrap/" itemprop="url" rel="index"><span itemprop="name">Bootstrap</span></a>
+                </span>
+            </span>
+
+          
+
+        </div>
+      </header>
+
+    
+    
+    
+    <div class="post-body" itemprop="articleBody">
+
+      
+          <p>上一篇的<a target="_blank" rel="noopener" href="http://localhost:4000/2020/12/29/Bootstrap%E7%AD%86%E8%A8%98/">Bootstrap筆記</a>，是大略的紀錄一下，Bootstrap的格線系統用法。<br>這篇筆記是用來記錄，如何將Bootstrap的scss檔案引入進你的專案檔，<br>並修改Bootstrap scss的檔案，將裡面的元件樣式改成自己想要的樣子。</p>
+<h1 id="引入Bootstrap的scss檔案"><a href="#引入Bootstrap的scss檔案" class="headerlink" title="引入Bootstrap的scss檔案"></a>引入Bootstrap的scss檔案</h1><ol>
+<li><p>首先，你先去Bootstrap的github下載他們釋出的scss檔案。<br><a target="_blank" rel="noopener" href="https://github.com/twbs/bootstrap">Bootstrap_github連結</a></p>
+<p> 你可以去下載，Bootrap釋出的最新版本的sourcecode，它就在github頁面的右邊的Release的地方，就可以看到了。<br> <img src="/image/bootstrap_github.png"></p>
+<p> 接著，你點進去之後，在該頁面的最下方，有這個Source Code的載點。</p>
+<p> <img src="/image/bootstrap_github1.png"></p>
+<p> 下載完之後，再將這個bootstrap的資料夾，放到你的scss檔案裡面。<br> 記得!!你要將這個下載的資料夾放在跟你的all.scss同樣目錄底下。</p>
+          <!--noindex-->
+            <div class="post-button">
+              <a class="btn" href="/2020/12/29/Bootstrap%E7%AD%86%E8%A8%98-01/#more" rel="contents">
+                閱讀全文 &raquo;
+              </a>
+            </div>
+          <!--/noindex-->
+        
+      
+    </div>
+
+    
+    
+    
+      <footer class="post-footer">
+        <div class="post-eof"></div>
+      </footer>
+  </article>
+  
+  
+  
+
+      
+  
+  
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
     <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2020/12/29/Bootstrap%E7%AD%86%E8%A8%98/">
 
@@ -584,7 +671,7 @@ <h2 class="post-title" itemprop="name headline">
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/page/2/index.html b/page/2/index.html
index c5b53d596..9e9db6a84 100644
--- a/page/2/index.html
+++ b/page/2/index.html
@@ -164,7 +164,7 @@ <h1 class="site-title">Landy Blog</h1>
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Breath-First-Traversal-part-1/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Breath-First-Traversal-part-2/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -178,7 +178,7 @@ <h1 class="site-title">Landy Blog</h1>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Breath-First-Traversal-part-1/" class="post-title-link" itemprop="url">資料結構-Binary Search Tree - Breath First Traversal - part 1</a>
+            <a href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Breath-First-Traversal-part-2/" class="post-title-link" itemprop="url">資料結構-Binary Search Tree - Breath First Traversal - part 2</a>
         </h2>
 
         <div class="post-meta">
@@ -189,7 +189,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2024-01-14 23:34:51 / 修改時間：23:38:50" itemprop="dateCreated datePublished" datetime="2024-01-14T23:34:51+08:00">2024-01-14</time>
+              <time title="創建時間：2024-01-14 23:39:42 / 修改時間：23:47:11" itemprop="dateCreated datePublished" datetime="2024-01-14T23:39:42+08:00">2024-01-14</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -212,10 +212,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 Binary Search Tree 的 Breath First Traversal 的執行過程</p>
+          <p>紀錄 Binary Search Tree 的 Breath First Traversal 的實作</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Breath-First-Traversal-part-1/">
+              <a class="btn" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Breath-First-Traversal-part-2/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -239,7 +239,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Depth-First-Traversal-Post-Order/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Breath-First-Traversal-part-1/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -253,7 +253,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Depth-First-Traversal-Post-Order/" class="post-title-link" itemprop="url">資料結構-Binary Search Tree - Depth First Traversal - Post Order</a>
+            <a href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Breath-First-Traversal-part-1/" class="post-title-link" itemprop="url">資料結構-Binary Search Tree - Breath First Traversal - part 1</a>
         </h2>
 
         <div class="post-meta">
@@ -264,7 +264,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2024-01-14 23:26:10 / 修改時間：23:32:02" itemprop="dateCreated datePublished" datetime="2024-01-14T23:26:10+08:00">2024-01-14</time>
+              <time title="創建時間：2024-01-14 23:34:51 / 修改時間：23:38:50" itemprop="dateCreated datePublished" datetime="2024-01-14T23:34:51+08:00">2024-01-14</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -287,10 +287,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 Binary Search Tree 的 Depth First Traversal 在 Post order 的狀態下是怎麼遍歷的</p>
+          <p>紀錄 Binary Search Tree 的 Breath First Traversal 的執行過程</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Depth-First-Traversal-Post-Order/">
+              <a class="btn" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Breath-First-Traversal-part-1/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -314,7 +314,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Depth-First-Traversal-Pre-Order/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Depth-First-Traversal-Post-Order/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -328,7 +328,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Depth-First-Traversal-Pre-Order/" class="post-title-link" itemprop="url">資料結構-Binary Search Tree - Depth First Traversal - Pre Order</a>
+            <a href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Depth-First-Traversal-Post-Order/" class="post-title-link" itemprop="url">資料結構-Binary Search Tree - Depth First Traversal - Post Order</a>
         </h2>
 
         <div class="post-meta">
@@ -339,7 +339,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2024-01-14 23:16:24 / 修改時間：23:24:33" itemprop="dateCreated datePublished" datetime="2024-01-14T23:16:24+08:00">2024-01-14</time>
+              <time title="創建時間：2024-01-14 23:26:10 / 修改時間：23:32:02" itemprop="dateCreated datePublished" datetime="2024-01-14T23:26:10+08:00">2024-01-14</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -362,10 +362,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 Binary Search Tree 的 Depth First Traversal 在 Pre order 的狀態下是怎麼遍歷的</p>
+          <p>紀錄 Binary Search Tree 的 Depth First Traversal 在 Post order 的狀態下是怎麼遍歷的</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Depth-First-Traversal-Pre-Order/">
+              <a class="btn" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Depth-First-Traversal-Post-Order/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -389,7 +389,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Depth-First-Traversal-In-Order/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Depth-First-Traversal-Pre-Order/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -403,7 +403,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Depth-First-Traversal-In-Order/" class="post-title-link" itemprop="url">資料結構-Binary Search Tree - Depth First Traversal - In Order</a>
+            <a href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Depth-First-Traversal-Pre-Order/" class="post-title-link" itemprop="url">資料結構-Binary Search Tree - Depth First Traversal - Pre Order</a>
         </h2>
 
         <div class="post-meta">
@@ -414,7 +414,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2024-01-14 22:57:33 / 修改時間：23:15:43" itemprop="dateCreated datePublished" datetime="2024-01-14T22:57:33+08:00">2024-01-14</time>
+              <time title="創建時間：2024-01-14 23:16:24 / 修改時間：23:24:33" itemprop="dateCreated datePublished" datetime="2024-01-14T23:16:24+08:00">2024-01-14</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -437,10 +437,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 Binary Search Tree 的 Depth First Traversal 運行的過程，並且在 In order 的狀態下是怎麼遍歷的</p>
+          <p>紀錄 Binary Search Tree 的 Depth First Traversal 在 Pre order 的狀態下是怎麼遍歷的</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Depth-First-Traversal-In-Order/">
+              <a class="btn" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Depth-First-Traversal-Pre-Order/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -464,7 +464,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-contains-method/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Depth-First-Traversal-In-Order/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -478,7 +478,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-contains-method/" class="post-title-link" itemprop="url">資料結構-Binary Search Tree - contains method</a>
+            <a href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Depth-First-Traversal-In-Order/" class="post-title-link" itemprop="url">資料結構-Binary Search Tree - Depth First Traversal - In Order</a>
         </h2>
 
         <div class="post-meta">
@@ -489,7 +489,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2024-01-14 22:47:48 / 修改時間：22:55:35" itemprop="dateCreated datePublished" datetime="2024-01-14T22:47:48+08:00">2024-01-14</time>
+              <time title="創建時間：2024-01-14 22:57:33 / 修改時間：23:15:43" itemprop="dateCreated datePublished" datetime="2024-01-14T22:57:33+08:00">2024-01-14</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -512,10 +512,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 Binary Search Tree 的 contains 實作方法</p>
+          <p>紀錄 Binary Search Tree 的 Depth First Traversal 運行的過程，並且在 In order 的狀態下是怎麼遍歷的</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-contains-method/">
+              <a class="btn" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Depth-First-Traversal-In-Order/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -539,7 +539,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-insert-method/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-contains-method/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -553,7 +553,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-insert-method/" class="post-title-link" itemprop="url">資料結構-Binary Search Tree - insert method</a>
+            <a href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-contains-method/" class="post-title-link" itemprop="url">資料結構-Binary Search Tree - contains method</a>
         </h2>
 
         <div class="post-meta">
@@ -564,7 +564,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2024-01-14 22:37:42 / 修改時間：22:46:37" itemprop="dateCreated datePublished" datetime="2024-01-14T22:37:42+08:00">2024-01-14</time>
+              <time title="創建時間：2024-01-14 22:47:48 / 修改時間：22:55:35" itemprop="dateCreated datePublished" datetime="2024-01-14T22:47:48+08:00">2024-01-14</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -587,10 +587,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 Binary Search Tree 的 Insert 實作方法</p>
+          <p>紀錄 Binary Search Tree 的 contains 實作方法</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-insert-method/">
+              <a class="btn" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-contains-method/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -614,7 +614,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-insert-method/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -628,7 +628,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree/" class="post-title-link" itemprop="url">資料結構-Binary Search Tree - 整體結構</a>
+            <a href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-insert-method/" class="post-title-link" itemprop="url">資料結構-Binary Search Tree - insert method</a>
         </h2>
 
         <div class="post-meta">
@@ -639,7 +639,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2024-01-14 22:15:55 / 修改時間：22:35:51" itemprop="dateCreated datePublished" datetime="2024-01-14T22:15:55+08:00">2024-01-14</time>
+              <time title="創建時間：2024-01-14 22:37:42 / 修改時間：22:46:37" itemprop="dateCreated datePublished" datetime="2024-01-14T22:37:42+08:00">2024-01-14</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -662,10 +662,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 Binary Search Tree 的是由什麼構成的，與 tree 裡的 node 有什麼屬性，並且要怎麼實作 node</p>
+          <p>紀錄 Binary Search Tree 的 Insert 實作方法</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree/">
+              <a class="btn" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-insert-method/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -689,7 +689,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/12/TypeScript-declare-%E5%9C%A8%E5%B9%B9%E5%98%9B/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -703,7 +703,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2024/01/12/TypeScript-declare-%E5%9C%A8%E5%B9%B9%E5%98%9B/" class="post-title-link" itemprop="url">TypeScript - declare 在幹嘛</a>
+            <a href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree/" class="post-title-link" itemprop="url">資料結構-Binary Search Tree - 整體結構</a>
         </h2>
 
         <div class="post-meta">
@@ -712,27 +712,17 @@ <h2 class="post-title" itemprop="name headline">
                 <i class="far fa-calendar"></i>
               </span>
               <span class="post-meta-item-text">發表於</span>
+              
 
-              <time title="創建時間：2024-01-12 22:04:04" itemprop="dateCreated datePublished" datetime="2024-01-12T22:04:04+08:00">2024-01-12</time>
+              <time title="創建時間：2024-01-14 22:15:55 / 修改時間：22:35:51" itemprop="dateCreated datePublished" datetime="2024-01-14T22:15:55+08:00">2024-01-14</time>
             </span>
-              <span class="post-meta-item">
-                <span class="post-meta-item-icon">
-                  <i class="far fa-calendar-check"></i>
-                </span>
-                <span class="post-meta-item-text">更新於</span>
-                <time title="修改時間：2024-01-14 18:04:19" itemprop="dateModified" datetime="2024-01-14T18:04:19+08:00">2024-01-14</time>
-              </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
                 <i class="far fa-folder"></i>
               </span>
               <span class="post-meta-item-text">分類於</span>
                 <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-                  <a href="/categories/TypeScript/" itemprop="url" rel="index"><span itemprop="name">TypeScript</span></a>
-                </span>
-                  ，
-                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-                  <a href="/categories/TypeScript/TypeScript-%E7%AC%AC%E5%B9%BE%E6%8B%9B/" itemprop="url" rel="index"><span itemprop="name">TypeScript 第幾招</span></a>
+                  <a href="/categories/DataStructure/" itemprop="url" rel="index"><span itemprop="name">DataStructure</span></a>
                 </span>
             </span>
 
@@ -747,10 +737,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>TypeScript 的 declare 在幹嘛</p>
+          <p>紀錄 Binary Search Tree 的是由什麼構成的，與 tree 裡的 node 有什麼屬性，並且要怎麼實作 node</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2024/01/12/TypeScript-declare-%E5%9C%A8%E5%B9%B9%E5%98%9B/">
+              <a class="btn" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -774,7 +764,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2023/12/31/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-LinkedList/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2024/01/12/TypeScript-declare-%E5%9C%A8%E5%B9%B9%E5%98%9B/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -788,7 +778,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2023/12/31/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-LinkedList/" class="post-title-link" itemprop="url">資料結構-LinkedList</a>
+            <a href="/2024/01/12/TypeScript-declare-%E5%9C%A8%E5%B9%B9%E5%98%9B/" class="post-title-link" itemprop="url">TypeScript - declare 在幹嘛</a>
         </h2>
 
         <div class="post-meta">
@@ -797,17 +787,27 @@ <h2 class="post-title" itemprop="name headline">
                 <i class="far fa-calendar"></i>
               </span>
               <span class="post-meta-item-text">發表於</span>
-              
 
-              <time title="創建時間：2023-12-31 18:05:56 / 修改時間：18:58:10" itemprop="dateCreated datePublished" datetime="2023-12-31T18:05:56+08:00">2023-12-31</time>
+              <time title="創建時間：2024-01-12 22:04:04" itemprop="dateCreated datePublished" datetime="2024-01-12T22:04:04+08:00">2024-01-12</time>
             </span>
+              <span class="post-meta-item">
+                <span class="post-meta-item-icon">
+                  <i class="far fa-calendar-check"></i>
+                </span>
+                <span class="post-meta-item-text">更新於</span>
+                <time title="修改時間：2024-01-14 18:04:19" itemprop="dateModified" datetime="2024-01-14T18:04:19+08:00">2024-01-14</time>
+              </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
                 <i class="far fa-folder"></i>
               </span>
               <span class="post-meta-item-text">分類於</span>
                 <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-                  <a href="/categories/DataStructure/" itemprop="url" rel="index"><span itemprop="name">DataStructure</span></a>
+                  <a href="/categories/TypeScript/" itemprop="url" rel="index"><span itemprop="name">TypeScript</span></a>
+                </span>
+                  ，
+                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
+                  <a href="/categories/TypeScript/TypeScript-%E7%AC%AC%E5%B9%BE%E6%8B%9B/" itemprop="url" rel="index"><span itemprop="name">TypeScript 第幾招</span></a>
                 </span>
             </span>
 
@@ -822,10 +822,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 Linked List 的功能與實作 Linked List 的 Source Code</p>
+          <p>TypeScript 的 declare 在幹嘛</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2023/12/31/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-LinkedList/">
+              <a class="btn" href="/2024/01/12/TypeScript-declare-%E5%9C%A8%E5%B9%B9%E5%98%9B/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -849,7 +849,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2023/11/18/Design-Pattern-Observer/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2023/12/31/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-LinkedList/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -863,7 +863,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2023/11/18/Design-Pattern-Observer/" class="post-title-link" itemprop="url">Design Pattern - Observer</a>
+            <a href="/2023/12/31/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-LinkedList/" class="post-title-link" itemprop="url">資料結構-LinkedList</a>
         </h2>
 
         <div class="post-meta">
@@ -874,7 +874,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2023-11-18 10:11:08 / 修改時間：10:19:01" itemprop="dateCreated datePublished" datetime="2023-11-18T10:11:08+08:00">2023-11-18</time>
+              <time title="創建時間：2023-12-31 18:05:56 / 修改時間：18:58:10" itemprop="dateCreated datePublished" datetime="2023-12-31T18:05:56+08:00">2023-12-31</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -882,7 +882,7 @@ <h2 class="post-title" itemprop="name headline">
               </span>
               <span class="post-meta-item-text">分類於</span>
                 <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-                  <a href="/categories/DesignPattern/" itemprop="url" rel="index"><span itemprop="name">DesignPattern</span></a>
+                  <a href="/categories/DataStructure/" itemprop="url" rel="index"><span itemprop="name">DataStructure</span></a>
                 </span>
             </span>
 
@@ -897,10 +897,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 Observer 內容</p>
+          <p>紀錄 Linked List 的功能與實作 Linked List 的 Source Code</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2023/11/18/Design-Pattern-Observer/">
+              <a class="btn" href="/2023/12/31/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-LinkedList/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -989,7 +989,7 @@ <h2 class="post-title" itemprop="name headline">
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/page/3/index.html b/page/3/index.html
index fa02f77e6..888741003 100644
--- a/page/3/index.html
+++ b/page/3/index.html
@@ -164,7 +164,7 @@ <h1 class="site-title">Landy Blog</h1>
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2023/04/15/TypeScript-%E7%AC%AC%E5%B9%BE%E6%8B%9B-Record-Keys-Type/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2023/11/18/Design-Pattern-Observer/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -178,7 +178,7 @@ <h1 class="site-title">Landy Blog</h1>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2023/04/15/TypeScript-%E7%AC%AC%E5%B9%BE%E6%8B%9B-Record-Keys-Type/" class="post-title-link" itemprop="url">TypeScript-第幾招- Record&lt;Keys, Type&gt;</a>
+            <a href="/2023/11/18/Design-Pattern-Observer/" class="post-title-link" itemprop="url">Design Pattern - Observer</a>
         </h2>
 
         <div class="post-meta">
@@ -189,7 +189,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2023-04-15 18:36:34 / 修改時間：21:02:41" itemprop="dateCreated datePublished" datetime="2023-04-15T18:36:34+08:00">2023-04-15</time>
+              <time title="創建時間：2023-11-18 10:11:08 / 修改時間：10:19:01" itemprop="dateCreated datePublished" datetime="2023-11-18T10:11:08+08:00">2023-11-18</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -197,11 +197,7 @@ <h2 class="post-title" itemprop="name headline">
               </span>
               <span class="post-meta-item-text">分類於</span>
                 <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-                  <a href="/categories/TypeScript/" itemprop="url" rel="index"><span itemprop="name">TypeScript</span></a>
-                </span>
-                  ，
-                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-                  <a href="/categories/TypeScript/TypeScript-%E7%AC%AC%E5%B9%BE%E6%8B%9B/" itemprop="url" rel="index"><span itemprop="name">TypeScript 第幾招</span></a>
+                  <a href="/categories/DesignPattern/" itemprop="url" rel="index"><span itemprop="name">DesignPattern</span></a>
                 </span>
             </span>
 
@@ -216,10 +212,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>Record how to use Record<Type, Keys></p>
+          <p>紀錄 Observer 內容</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2023/04/15/TypeScript-%E7%AC%AC%E5%B9%BE%E6%8B%9B-Record-Keys-Type/">
+              <a class="btn" href="/2023/11/18/Design-Pattern-Observer/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -243,7 +239,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2023/03/28/TypeScript-%E7%AC%AC%E5%B9%BE%E6%8B%9B-Pick-Tpye-Keys/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2023/04/15/TypeScript-%E7%AC%AC%E5%B9%BE%E6%8B%9B-Record-Keys-Type/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -257,7 +253,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2023/03/28/TypeScript-%E7%AC%AC%E5%B9%BE%E6%8B%9B-Pick-Tpye-Keys/" class="post-title-link" itemprop="url">TypeScript 第幾招 - Pick&lt;Type, Keys&gt;</a>
+            <a href="/2023/04/15/TypeScript-%E7%AC%AC%E5%B9%BE%E6%8B%9B-Record-Keys-Type/" class="post-title-link" itemprop="url">TypeScript-第幾招- Record&lt;Keys, Type&gt;</a>
         </h2>
 
         <div class="post-meta">
@@ -266,16 +262,10 @@ <h2 class="post-title" itemprop="name headline">
                 <i class="far fa-calendar"></i>
               </span>
               <span class="post-meta-item-text">發表於</span>
+              
 
-              <time title="創建時間：2023-03-28 22:00:06" itemprop="dateCreated datePublished" datetime="2023-03-28T22:00:06+08:00">2023-03-28</time>
+              <time title="創建時間：2023-04-15 18:36:34 / 修改時間：21:02:41" itemprop="dateCreated datePublished" datetime="2023-04-15T18:36:34+08:00">2023-04-15</time>
             </span>
-              <span class="post-meta-item">
-                <span class="post-meta-item-icon">
-                  <i class="far fa-calendar-check"></i>
-                </span>
-                <span class="post-meta-item-text">更新於</span>
-                <time title="修改時間：2023-04-15 18:43:36" itemprop="dateModified" datetime="2023-04-15T18:43:36+08:00">2023-04-15</time>
-              </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
                 <i class="far fa-folder"></i>
@@ -301,10 +291,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>Record how to use Pick<Type, Keys></p>
+          <p>Record how to use Record<Type, Keys></p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2023/03/28/TypeScript-%E7%AC%AC%E5%B9%BE%E6%8B%9B-Pick-Tpye-Keys/">
+              <a class="btn" href="/2023/04/15/TypeScript-%E7%AC%AC%E5%B9%BE%E6%8B%9B-Record-Keys-Type/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -328,7 +318,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2023/01/01/Angular-SCAM-concept/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2023/03/28/TypeScript-%E7%AC%AC%E5%B9%BE%E6%8B%9B-Pick-Tpye-Keys/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -342,7 +332,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2023/01/01/Angular-SCAM-concept/" class="post-title-link" itemprop="url">Angular-SCAM concept</a>
+            <a href="/2023/03/28/TypeScript-%E7%AC%AC%E5%B9%BE%E6%8B%9B-Pick-Tpye-Keys/" class="post-title-link" itemprop="url">TypeScript 第幾招 - Pick&lt;Type, Keys&gt;</a>
         </h2>
 
         <div class="post-meta">
@@ -351,17 +341,27 @@ <h2 class="post-title" itemprop="name headline">
                 <i class="far fa-calendar"></i>
               </span>
               <span class="post-meta-item-text">發表於</span>
-              
 
-              <time title="創建時間：2023-01-01 17:12:13 / 修改時間：17:58:52" itemprop="dateCreated datePublished" datetime="2023-01-01T17:12:13+08:00">2023-01-01</time>
+              <time title="創建時間：2023-03-28 22:00:06" itemprop="dateCreated datePublished" datetime="2023-03-28T22:00:06+08:00">2023-03-28</time>
             </span>
+              <span class="post-meta-item">
+                <span class="post-meta-item-icon">
+                  <i class="far fa-calendar-check"></i>
+                </span>
+                <span class="post-meta-item-text">更新於</span>
+                <time title="修改時間：2023-04-15 18:43:36" itemprop="dateModified" datetime="2023-04-15T18:43:36+08:00">2023-04-15</time>
+              </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
                 <i class="far fa-folder"></i>
               </span>
               <span class="post-meta-item-text">分類於</span>
                 <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-                  <a href="/categories/Angular/" itemprop="url" rel="index"><span itemprop="name">Angular</span></a>
+                  <a href="/categories/TypeScript/" itemprop="url" rel="index"><span itemprop="name">TypeScript</span></a>
+                </span>
+                  ，
+                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
+                  <a href="/categories/TypeScript/TypeScript-%E7%AC%AC%E5%B9%BE%E6%8B%9B/" itemprop="url" rel="index"><span itemprop="name">TypeScript 第幾招</span></a>
                 </span>
             </span>
 
@@ -376,10 +376,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄如何在 Angular 專案中，加入 SCAM 的概念</p>
+          <p>Record how to use Pick<Type, Keys></p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2023/01/01/Angular-SCAM-concept/">
+              <a class="btn" href="/2023/03/28/TypeScript-%E7%AC%AC%E5%B9%BE%E6%8B%9B-Pick-Tpye-Keys/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -403,7 +403,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/11/13/Promise-VIII-Async-await/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2023/01/01/Angular-SCAM-concept/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -417,7 +417,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2022/11/13/Promise-VIII-Async-await/" class="post-title-link" itemprop="url">Promise(VIII) - Async/await</a>
+            <a href="/2023/01/01/Angular-SCAM-concept/" class="post-title-link" itemprop="url">Angular-SCAM concept</a>
         </h2>
 
         <div class="post-meta">
@@ -428,7 +428,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2022-11-13 11:34:04 / 修改時間：11:49:33" itemprop="dateCreated datePublished" datetime="2022-11-13T11:34:04+08:00">2022-11-13</time>
+              <time title="創建時間：2023-01-01 17:12:13 / 修改時間：17:58:52" itemprop="dateCreated datePublished" datetime="2023-01-01T17:12:13+08:00">2023-01-01</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -436,7 +436,7 @@ <h2 class="post-title" itemprop="name headline">
               </span>
               <span class="post-meta-item-text">分類於</span>
                 <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-                  <a href="/categories/JavaScript/" itemprop="url" rel="index"><span itemprop="name">JavaScript</span></a>
+                  <a href="/categories/Angular/" itemprop="url" rel="index"><span itemprop="name">Angular</span></a>
                 </span>
             </span>
 
@@ -451,10 +451,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄如何使用 async/await</p>
+          <p>紀錄如何在 Angular 專案中，加入 SCAM 的概念</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2022/11/13/Promise-VIII-Async-await/">
+              <a class="btn" href="/2023/01/01/Angular-SCAM-concept/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -478,7 +478,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/11/13/Promise-XV-Promisification-Promise-%E5%8C%96/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/11/13/Promise-VIII-Async-await/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -492,7 +492,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2022/11/13/Promise-XV-Promisification-Promise-%E5%8C%96/" class="post-title-link" itemprop="url">Promise(XV) - Promisification - Promise 化</a>
+            <a href="/2022/11/13/Promise-VIII-Async-await/" class="post-title-link" itemprop="url">Promise(VIII) - Async/await</a>
         </h2>
 
         <div class="post-meta">
@@ -503,7 +503,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2022-11-13 10:51:24 / 修改時間：11:17:09" itemprop="dateCreated datePublished" datetime="2022-11-13T10:51:24+08:00">2022-11-13</time>
+              <time title="創建時間：2022-11-13 11:34:04 / 修改時間：11:49:33" itemprop="dateCreated datePublished" datetime="2022-11-13T11:34:04+08:00">2022-11-13</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -526,10 +526,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄如何 Promise 化</p>
+          <p>紀錄如何使用 async/await</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2022/11/13/Promise-XV-Promisification-Promise-%E5%8C%96/">
+              <a class="btn" href="/2022/11/13/Promise-VIII-Async-await/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -553,7 +553,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/11/13/Promise-V-Promise-API/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/11/13/Promise-XV-Promisification-Promise-%E5%8C%96/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -567,7 +567,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2022/11/13/Promise-V-Promise-API/" class="post-title-link" itemprop="url">Promise(V) - Promise API</a>
+            <a href="/2022/11/13/Promise-XV-Promisification-Promise-%E5%8C%96/" class="post-title-link" itemprop="url">Promise(XV) - Promisification - Promise 化</a>
         </h2>
 
         <div class="post-meta">
@@ -578,7 +578,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2022-11-13 10:05:46 / 修改時間：10:46:24" itemprop="dateCreated datePublished" datetime="2022-11-13T10:05:46+08:00">2022-11-13</time>
+              <time title="創建時間：2022-11-13 10:51:24 / 修改時間：11:17:09" itemprop="dateCreated datePublished" datetime="2022-11-13T10:51:24+08:00">2022-11-13</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -601,10 +601,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄在 Promise 提供的 api 用法</p>
+          <p>紀錄如何 Promise 化</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2022/11/13/Promise-V-Promise-API/">
+              <a class="btn" href="/2022/11/13/Promise-XV-Promisification-Promise-%E5%8C%96/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -628,7 +628,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/11/13/Promise-IV-Error-handling/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/11/13/Promise-V-Promise-API/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -642,7 +642,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2022/11/13/Promise-IV-Error-handling/" class="post-title-link" itemprop="url">Promise (IV)- Error handling</a>
+            <a href="/2022/11/13/Promise-V-Promise-API/" class="post-title-link" itemprop="url">Promise(V) - Promise API</a>
         </h2>
 
         <div class="post-meta">
@@ -653,7 +653,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2022-11-13 09:32:05 / 修改時間：10:02:46" itemprop="dateCreated datePublished" datetime="2022-11-13T09:32:05+08:00">2022-11-13</time>
+              <time title="創建時間：2022-11-13 10:05:46 / 修改時間：10:46:24" itemprop="dateCreated datePublished" datetime="2022-11-13T10:05:46+08:00">2022-11-13</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -676,10 +676,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄在 Promise 中撰寫 error handling</p>
+          <p>紀錄在 Promise 提供的 api 用法</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2022/11/13/Promise-IV-Error-handling/">
+              <a class="btn" href="/2022/11/13/Promise-V-Promise-API/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -703,7 +703,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/11/13/Promise-III-chaining/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/11/13/Promise-IV-Error-handling/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -717,7 +717,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2022/11/13/Promise-III-chaining/" class="post-title-link" itemprop="url">Promise (III) - chaining</a>
+            <a href="/2022/11/13/Promise-IV-Error-handling/" class="post-title-link" itemprop="url">Promise (IV)- Error handling</a>
         </h2>
 
         <div class="post-meta">
@@ -728,7 +728,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2022-11-13 00:21:45 / 修改時間：09:27:57" itemprop="dateCreated datePublished" datetime="2022-11-13T00:21:45+08:00">2022-11-13</time>
+              <time title="創建時間：2022-11-13 09:32:05 / 修改時間：10:02:46" itemprop="dateCreated datePublished" datetime="2022-11-13T09:32:05+08:00">2022-11-13</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -751,10 +751,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 Promise 鏈結的用法</p>
+          <p>紀錄在 Promise 中撰寫 error handling</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2022/11/13/Promise-III-chaining/">
+              <a class="btn" href="/2022/11/13/Promise-IV-Error-handling/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -778,7 +778,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/10/22/Promise-II-then-catch-finally/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/11/13/Promise-III-chaining/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -792,7 +792,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2022/10/22/Promise-II-then-catch-finally/" class="post-title-link" itemprop="url">Promise (II) - then, catch, finally</a>
+            <a href="/2022/11/13/Promise-III-chaining/" class="post-title-link" itemprop="url">Promise (III) - chaining</a>
         </h2>
 
         <div class="post-meta">
@@ -803,7 +803,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2022-10-22 16:21:49 / 修改時間：16:33:00" itemprop="dateCreated datePublished" datetime="2022-10-22T16:21:49+08:00">2022-10-22</time>
+              <time title="創建時間：2022-11-13 00:21:45 / 修改時間：09:27:57" itemprop="dateCreated datePublished" datetime="2022-11-13T00:21:45+08:00">2022-11-13</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -826,10 +826,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 Promise 物件的 then, catch, finally 用法</p>
+          <p>紀錄 Promise 鏈結的用法</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2022/10/22/Promise-II-then-catch-finally/">
+              <a class="btn" href="/2022/11/13/Promise-III-chaining/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -853,7 +853,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/10/22/Promise-I-state-%E5%92%8C-result-%E7%9A%84%E6%94%B9%E8%AE%8A/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/10/22/Promise-II-then-catch-finally/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -867,7 +867,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2022/10/22/Promise-I-state-%E5%92%8C-result-%E7%9A%84%E6%94%B9%E8%AE%8A/" class="post-title-link" itemprop="url">Promise (I) - state 和 result 的改變</a>
+            <a href="/2022/10/22/Promise-II-then-catch-finally/" class="post-title-link" itemprop="url">Promise (II) - then, catch, finally</a>
         </h2>
 
         <div class="post-meta">
@@ -878,7 +878,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2022-10-22 15:30:50 / 修改時間：16:16:16" itemprop="dateCreated datePublished" datetime="2022-10-22T15:30:50+08:00">2022-10-22</time>
+              <time title="創建時間：2022-10-22 16:21:49 / 修改時間：16:33:00" itemprop="dateCreated datePublished" datetime="2022-10-22T16:21:49+08:00">2022-10-22</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -901,10 +901,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 Promise 物件的 state, result 兩個成員屬性的特性</p>
+          <p>紀錄 Promise 物件的 then, catch, finally 用法</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2022/10/22/Promise-I-state-%E5%92%8C-result-%E7%9A%84%E6%94%B9%E8%AE%8A/">
+              <a class="btn" href="/2022/10/22/Promise-II-then-catch-finally/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -993,7 +993,7 @@ <h2 class="post-title" itemprop="name headline">
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/page/4/index.html b/page/4/index.html
index a400a0adf..1af2442c4 100644
--- a/page/4/index.html
+++ b/page/4/index.html
@@ -164,7 +164,7 @@ <h1 class="site-title">Landy Blog</h1>
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/10/02/Angular-class-and-style-binding-Style-%E7%B6%81%E5%AE%9A/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/10/22/Promise-I-state-%E5%92%8C-result-%E7%9A%84%E6%94%B9%E8%AE%8A/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -178,7 +178,7 @@ <h1 class="site-title">Landy Blog</h1>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2022/10/02/Angular-class-and-style-binding-Style-%E7%B6%81%E5%AE%9A/" class="post-title-link" itemprop="url">Angular-class-and-style-binding-Style 綁定 和 css style優先序</a>
+            <a href="/2022/10/22/Promise-I-state-%E5%92%8C-result-%E7%9A%84%E6%94%B9%E8%AE%8A/" class="post-title-link" itemprop="url">Promise (I) - state 和 result 的改變</a>
         </h2>
 
         <div class="post-meta">
@@ -189,7 +189,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2022-10-02 20:17:00 / 修改時間：22:18:50" itemprop="dateCreated datePublished" datetime="2022-10-02T20:17:00+08:00">2022-10-02</time>
+              <time title="創建時間：2022-10-22 15:30:50 / 修改時間：16:16:16" itemprop="dateCreated datePublished" datetime="2022-10-22T15:30:50+08:00">2022-10-22</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -197,7 +197,7 @@ <h2 class="post-title" itemprop="name headline">
               </span>
               <span class="post-meta-item-text">分類於</span>
                 <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-                  <a href="/categories/Angular/" itemprop="url" rel="index"><span itemprop="name">Angular</span></a>
+                  <a href="/categories/JavaScript/" itemprop="url" rel="index"><span itemprop="name">JavaScript</span></a>
                 </span>
             </span>
 
@@ -212,10 +212,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄如何在 Angular 中，動態地為目標元素綁定指定 class 或 style，並且比較它們之間的優先序 - Series 2</p>
+          <p>紀錄 Promise 物件的 state, result 兩個成員屬性的特性</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2022/10/02/Angular-class-and-style-binding-Style-%E7%B6%81%E5%AE%9A/">
+              <a class="btn" href="/2022/10/22/Promise-I-state-%E5%92%8C-result-%E7%9A%84%E6%94%B9%E8%AE%8A/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -239,7 +239,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/10/01/Angular-class-and-style-binding/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/10/02/Angular-class-and-style-binding-Style-%E7%B6%81%E5%AE%9A/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -253,7 +253,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2022/10/01/Angular-class-and-style-binding/" class="post-title-link" itemprop="url">Angular-class and style binding</a>
+            <a href="/2022/10/02/Angular-class-and-style-binding-Style-%E7%B6%81%E5%AE%9A/" class="post-title-link" itemprop="url">Angular-class-and-style-binding-Style 綁定 和 css style優先序</a>
         </h2>
 
         <div class="post-meta">
@@ -262,16 +262,10 @@ <h2 class="post-title" itemprop="name headline">
                 <i class="far fa-calendar"></i>
               </span>
               <span class="post-meta-item-text">發表於</span>
+              
 
-              <time title="創建時間：2022-10-01 10:11:27" itemprop="dateCreated datePublished" datetime="2022-10-01T10:11:27+08:00">2022-10-01</time>
+              <time title="創建時間：2022-10-02 20:17:00 / 修改時間：22:18:50" itemprop="dateCreated datePublished" datetime="2022-10-02T20:17:00+08:00">2022-10-02</time>
             </span>
-              <span class="post-meta-item">
-                <span class="post-meta-item-icon">
-                  <i class="far fa-calendar-check"></i>
-                </span>
-                <span class="post-meta-item-text">更新於</span>
-                <time title="修改時間：2022-10-02 20:23:30" itemprop="dateModified" datetime="2022-10-02T20:23:30+08:00">2022-10-02</time>
-              </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
                 <i class="far fa-folder"></i>
@@ -293,10 +287,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄如何在 Angular 中，動態地位目標元素綁定指定 class 或 style - 1</p>
+          <p>紀錄如何在 Angular 中，動態地為目標元素綁定指定 class 或 style，並且比較它們之間的優先序 - Series 2</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2022/10/01/Angular-class-and-style-binding/">
+              <a class="btn" href="/2022/10/02/Angular-class-and-style-binding-Style-%E7%B6%81%E5%AE%9A/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -320,7 +314,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/03/27/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E5%B0%8E%E8%A6%BD%E5%88%97/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/10/01/Angular-class-and-style-binding/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -334,7 +328,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2022/03/27/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E5%B0%8E%E8%A6%BD%E5%88%97/" class="post-title-link" itemprop="url">CSS-金魚系列切版-導覽列</a>
+            <a href="/2022/10/01/Angular-class-and-style-binding/" class="post-title-link" itemprop="url">Angular-class and style binding</a>
         </h2>
 
         <div class="post-meta">
@@ -343,17 +337,23 @@ <h2 class="post-title" itemprop="name headline">
                 <i class="far fa-calendar"></i>
               </span>
               <span class="post-meta-item-text">發表於</span>
-              
 
-              <time title="創建時間：2022-03-27 11:38:34 / 修改時間：12:12:38" itemprop="dateCreated datePublished" datetime="2022-03-27T11:38:34+08:00">2022-03-27</time>
+              <time title="創建時間：2022-10-01 10:11:27" itemprop="dateCreated datePublished" datetime="2022-10-01T10:11:27+08:00">2022-10-01</time>
             </span>
+              <span class="post-meta-item">
+                <span class="post-meta-item-icon">
+                  <i class="far fa-calendar-check"></i>
+                </span>
+                <span class="post-meta-item-text">更新於</span>
+                <time title="修改時間：2022-10-02 20:23:30" itemprop="dateModified" datetime="2022-10-02T20:23:30+08:00">2022-10-02</time>
+              </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
                 <i class="far fa-folder"></i>
               </span>
               <span class="post-meta-item-text">分類於</span>
                 <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-                  <a href="/categories/CSS/" itemprop="url" rel="index"><span itemprop="name">CSS</span></a>
+                  <a href="/categories/Angular/" itemprop="url" rel="index"><span itemprop="name">Angular</span></a>
                 </span>
             </span>
 
@@ -368,10 +368,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 金魚系列切版-導覽列 學習過程- 1. 修改原生的 input 輸入欄位和按鈕的樣式 2. 選項底線往左右邊長的效果 3. a 連結使用 transform-translateY 沒有效果的原因</p>
+          <p>紀錄如何在 Angular 中，動態地位目標元素綁定指定 class 或 style - 1</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2022/03/27/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E5%B0%8E%E8%A6%BD%E5%88%97/">
+              <a class="btn" href="/2022/10/01/Angular-class-and-style-binding/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -395,7 +395,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/03/27/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E7%B6%B2%E9%A0%81%E9%A0%81%E5%B0%BE%E7%89%88%E5%A1%8A/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/03/27/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E5%B0%8E%E8%A6%BD%E5%88%97/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -409,7 +409,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2022/03/27/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E7%B6%B2%E9%A0%81%E9%A0%81%E5%B0%BE%E7%89%88%E5%A1%8A/" class="post-title-link" itemprop="url">CSS-金魚系列切版-網頁頁尾版塊</a>
+            <a href="/2022/03/27/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E5%B0%8E%E8%A6%BD%E5%88%97/" class="post-title-link" itemprop="url">CSS-金魚系列切版-導覽列</a>
         </h2>
 
         <div class="post-meta">
@@ -420,7 +420,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2022-03-27 10:34:27 / 修改時間：11:26:07" itemprop="dateCreated datePublished" datetime="2022-03-27T10:34:27+08:00">2022-03-27</time>
+              <time title="創建時間：2022-03-27 11:38:34 / 修改時間：12:12:38" itemprop="dateCreated datePublished" datetime="2022-03-27T11:38:34+08:00">2022-03-27</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -443,10 +443,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 金魚系列切版-網頁頁尾版塊 學習過程- 1. 著作版權 C 怎麼做出來的 2. 用 flex-grow 讓子元素都有同等的寬度 3. 將原生的 input 欄位和送出按鈕併在一起的效果</p>
+          <p>紀錄 金魚系列切版-導覽列 學習過程- 1. 修改原生的 input 輸入欄位和按鈕的樣式 2. 選項底線往左右邊長的效果 3. a 連結使用 transform-translateY 沒有效果的原因</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2022/03/27/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E7%B6%B2%E9%A0%81%E9%A0%81%E5%B0%BE%E7%89%88%E5%A1%8A/">
+              <a class="btn" href="/2022/03/27/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E5%B0%8E%E8%A6%BD%E5%88%97/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -470,7 +470,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/03/27/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-NO001-NO005%E5%88%87%E7%89%88%E6%8A%80%E5%B7%A7%E5%8E%9F%E7%90%86%E5%BD%99%E6%95%B4/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/03/27/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E7%B6%B2%E9%A0%81%E9%A0%81%E5%B0%BE%E7%89%88%E5%A1%8A/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -484,7 +484,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2022/03/27/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-NO001-NO005%E5%88%87%E7%89%88%E6%8A%80%E5%B7%A7%E5%8E%9F%E7%90%86%E5%BD%99%E6%95%B4/" class="post-title-link" itemprop="url">CSS-金魚系列切版-NO001- NO005切版技巧原理彙整</a>
+            <a href="/2022/03/27/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E7%B6%B2%E9%A0%81%E9%A0%81%E5%B0%BE%E7%89%88%E5%A1%8A/" class="post-title-link" itemprop="url">CSS-金魚系列切版-網頁頁尾版塊</a>
         </h2>
 
         <div class="post-meta">
@@ -495,7 +495,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2022-03-27 10:13:46 / 修改時間：10:22:32" itemprop="dateCreated datePublished" datetime="2022-03-27T10:13:46+08:00">2022-03-27</time>
+              <time title="創建時間：2022-03-27 10:34:27 / 修改時間：11:26:07" itemprop="dateCreated datePublished" datetime="2022-03-27T10:34:27+08:00">2022-03-27</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -518,10 +518,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 金魚系列切版-NO001- NO005切版技巧原理彙整 學習過程- 1. 偽元素出生在所屬元素的內容內部不是外部</p>
+          <p>紀錄 金魚系列切版-網頁頁尾版塊 學習過程- 1. 著作版權 C 怎麼做出來的 2. 用 flex-grow 讓子元素都有同等的寬度 3. 將原生的 input 欄位和送出按鈕併在一起的效果</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2022/03/27/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-NO001-NO005%E5%88%87%E7%89%88%E6%8A%80%E5%B7%A7%E5%8E%9F%E7%90%86%E5%BD%99%E6%95%B4/">
+              <a class="btn" href="/2022/03/27/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E7%B6%B2%E9%A0%81%E9%A0%81%E5%B0%BE%E7%89%88%E5%A1%8A/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -545,7 +545,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/03/27/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E8%B6%85%E9%80%9A%E7%94%A8%E6%A9%AB%E5%BC%8F%E7%89%88%E9%9D%A2/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/03/27/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-NO001-NO005%E5%88%87%E7%89%88%E6%8A%80%E5%B7%A7%E5%8E%9F%E7%90%86%E5%BD%99%E6%95%B4/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -559,7 +559,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2022/03/27/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E8%B6%85%E9%80%9A%E7%94%A8%E6%A9%AB%E5%BC%8F%E7%89%88%E9%9D%A2/" class="post-title-link" itemprop="url">CSS-金魚系列切版-超通用橫式版面</a>
+            <a href="/2022/03/27/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-NO001-NO005%E5%88%87%E7%89%88%E6%8A%80%E5%B7%A7%E5%8E%9F%E7%90%86%E5%BD%99%E6%95%B4/" class="post-title-link" itemprop="url">CSS-金魚系列切版-NO001- NO005切版技巧原理彙整</a>
         </h2>
 
         <div class="post-meta">
@@ -570,7 +570,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2022-03-27 09:14:38 / 修改時間：10:14:45" itemprop="dateCreated datePublished" datetime="2022-03-27T09:14:38+08:00">2022-03-27</time>
+              <time title="創建時間：2022-03-27 10:13:46 / 修改時間：10:22:32" itemprop="dateCreated datePublished" datetime="2022-03-27T10:13:46+08:00">2022-03-27</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -593,10 +593,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 金魚系列切版-超通用橫式版面 學習過程- 1. 處理圖片變形 object-fix 2. 處理子層填滿父層寬度問題 align-self 3. box-shadow 的顏色不要只用黑色</p>
+          <p>紀錄 金魚系列切版-NO001- NO005切版技巧原理彙整 學習過程- 1. 偽元素出生在所屬元素的內容內部不是外部</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2022/03/27/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E8%B6%85%E9%80%9A%E7%94%A8%E6%A9%AB%E5%BC%8F%E7%89%88%E9%9D%A2/">
+              <a class="btn" href="/2022/03/27/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-NO001-NO005%E5%88%87%E7%89%88%E6%8A%80%E5%B7%A7%E5%8E%9F%E7%90%86%E5%BD%99%E6%95%B4/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -620,7 +620,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/03/26/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E4%BA%A4%E9%8C%AF%E6%BC%82%E6%B5%AE%E7%89%88/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/03/27/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E8%B6%85%E9%80%9A%E7%94%A8%E6%A9%AB%E5%BC%8F%E7%89%88%E9%9D%A2/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -634,7 +634,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2022/03/26/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E4%BA%A4%E9%8C%AF%E6%BC%82%E6%B5%AE%E7%89%88/" class="post-title-link" itemprop="url">CSS-金魚系列切版-交錯漂浮版</a>
+            <a href="/2022/03/27/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E8%B6%85%E9%80%9A%E7%94%A8%E6%A9%AB%E5%BC%8F%E7%89%88%E9%9D%A2/" class="post-title-link" itemprop="url">CSS-金魚系列切版-超通用橫式版面</a>
         </h2>
 
         <div class="post-meta">
@@ -645,7 +645,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2022-03-26 18:27:25 / 修改時間：22:03:29" itemprop="dateCreated datePublished" datetime="2022-03-26T18:27:25+08:00">2022-03-26</time>
+              <time title="創建時間：2022-03-27 09:14:38 / 修改時間：10:14:45" itemprop="dateCreated datePublished" datetime="2022-03-27T09:14:38+08:00">2022-03-27</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -668,10 +668,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 金魚系列切版-交錯漂浮版 學習過程- 1. 圖片區塊和文字區塊的交錯效果 2. flex-shrink 0 讓文字區塊和圖片區塊寬度還原 3. 文字區塊和圖片區塊交疊效果 4. 固定背景的漸層色</p>
+          <p>紀錄 金魚系列切版-超通用橫式版面 學習過程- 1. 處理圖片變形 object-fix 2. 處理子層填滿父層寬度問題 align-self 3. box-shadow 的顏色不要只用黑色</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2022/03/26/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E4%BA%A4%E9%8C%AF%E6%BC%82%E6%B5%AE%E7%89%88/">
+              <a class="btn" href="/2022/03/27/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E8%B6%85%E9%80%9A%E7%94%A8%E6%A9%AB%E5%BC%8F%E7%89%88%E9%9D%A2/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -695,7 +695,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/03/20/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E4%BA%BA%E5%93%A1%E4%BB%8B%E7%B4%B9%E5%8D%A1%E7%89%87/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/03/26/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E4%BA%A4%E9%8C%AF%E6%BC%82%E6%B5%AE%E7%89%88/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -709,7 +709,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2022/03/20/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E4%BA%BA%E5%93%A1%E4%BB%8B%E7%B4%B9%E5%8D%A1%E7%89%87/" class="post-title-link" itemprop="url">CSS-金魚系列切版-人員介紹卡片</a>
+            <a href="/2022/03/26/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E4%BA%A4%E9%8C%AF%E6%BC%82%E6%B5%AE%E7%89%88/" class="post-title-link" itemprop="url">CSS-金魚系列切版-交錯漂浮版</a>
         </h2>
 
         <div class="post-meta">
@@ -718,16 +718,10 @@ <h2 class="post-title" itemprop="name headline">
                 <i class="far fa-calendar"></i>
               </span>
               <span class="post-meta-item-text">發表於</span>
+              
 
-              <time title="創建時間：2022-03-20 23:31:23" itemprop="dateCreated datePublished" datetime="2022-03-20T23:31:23+08:00">2022-03-20</time>
+              <time title="創建時間：2022-03-26 18:27:25 / 修改時間：22:03:29" itemprop="dateCreated datePublished" datetime="2022-03-26T18:27:25+08:00">2022-03-26</time>
             </span>
-              <span class="post-meta-item">
-                <span class="post-meta-item-icon">
-                  <i class="far fa-calendar-check"></i>
-                </span>
-                <span class="post-meta-item-text">更新於</span>
-                <time title="修改時間：2022-03-26 18:17:09" itemprop="dateModified" datetime="2022-03-26T18:17:09+08:00">2022-03-26</time>
-              </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
                 <i class="far fa-folder"></i>
@@ -749,10 +743,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 金魚系列切版-人員介紹卡片 學習過程- 1. 解決圖片在垂直方向會留奇怪空白區塊的問題 2. 用偽元素來實現，當 hover 時，區塊內的文字出現下底線 3. 當 hover 進去，區塊內的下底線，會由左往右長的特效</p>
+          <p>紀錄 金魚系列切版-交錯漂浮版 學習過程- 1. 圖片區塊和文字區塊的交錯效果 2. flex-shrink 0 讓文字區塊和圖片區塊寬度還原 3. 文字區塊和圖片區塊交疊效果 4. 固定背景的漸層色</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2022/03/20/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E4%BA%BA%E5%93%A1%E4%BB%8B%E7%B4%B9%E5%8D%A1%E7%89%87/">
+              <a class="btn" href="/2022/03/26/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E4%BA%A4%E9%8C%AF%E6%BC%82%E6%B5%AE%E7%89%88/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -776,7 +770,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/03/20/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E4%BA%92%E5%8B%95%E5%9C%96%E6%96%87%E5%8D%A1%E7%89%87/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/03/20/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E4%BA%BA%E5%93%A1%E4%BB%8B%E7%B4%B9%E5%8D%A1%E7%89%87/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -790,7 +784,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2022/03/20/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E4%BA%92%E5%8B%95%E5%9C%96%E6%96%87%E5%8D%A1%E7%89%87/" class="post-title-link" itemprop="url">CSS-金魚系列切版-互動圖文卡片</a>
+            <a href="/2022/03/20/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E4%BA%BA%E5%93%A1%E4%BB%8B%E7%B4%B9%E5%8D%A1%E7%89%87/" class="post-title-link" itemprop="url">CSS-金魚系列切版-人員介紹卡片</a>
         </h2>
 
         <div class="post-meta">
@@ -799,10 +793,16 @@ <h2 class="post-title" itemprop="name headline">
                 <i class="far fa-calendar"></i>
               </span>
               <span class="post-meta-item-text">發表於</span>
-              
 
-              <time title="創建時間：2022-03-20 22:43:02 / 修改時間：23:04:34" itemprop="dateCreated datePublished" datetime="2022-03-20T22:43:02+08:00">2022-03-20</time>
+              <time title="創建時間：2022-03-20 23:31:23" itemprop="dateCreated datePublished" datetime="2022-03-20T23:31:23+08:00">2022-03-20</time>
             </span>
+              <span class="post-meta-item">
+                <span class="post-meta-item-icon">
+                  <i class="far fa-calendar-check"></i>
+                </span>
+                <span class="post-meta-item-text">更新於</span>
+                <time title="修改時間：2022-03-26 18:17:09" itemprop="dateModified" datetime="2022-03-26T18:17:09+08:00">2022-03-26</time>
+              </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
                 <i class="far fa-folder"></i>
@@ -824,10 +824,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 金魚系列切版-圖文滿版區塊 學習過程- 1. 解決圖片在垂直方向會留奇怪空白區塊的問題 2. 用偽元素來實現，當 hover 時，區塊內的文字出現下底線 3. 當 hover 進去，區塊內的下底線，會由左往右長的特效</p>
+          <p>紀錄 金魚系列切版-人員介紹卡片 學習過程- 1. 解決圖片在垂直方向會留奇怪空白區塊的問題 2. 用偽元素來實現，當 hover 時，區塊內的文字出現下底線 3. 當 hover 進去，區塊內的下底線，會由左往右長的特效</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2022/03/20/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E4%BA%92%E5%8B%95%E5%9C%96%E6%96%87%E5%8D%A1%E7%89%87/">
+              <a class="btn" href="/2022/03/20/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E4%BA%BA%E5%93%A1%E4%BB%8B%E7%B4%B9%E5%8D%A1%E7%89%87/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -851,7 +851,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/03/20/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E5%9C%96%E6%96%87%E6%BB%BF%E7%89%88%E5%8D%80%E5%A1%8A/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/03/20/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E4%BA%92%E5%8B%95%E5%9C%96%E6%96%87%E5%8D%A1%E7%89%87/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -865,7 +865,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2022/03/20/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E5%9C%96%E6%96%87%E6%BB%BF%E7%89%88%E5%8D%80%E5%A1%8A/" class="post-title-link" itemprop="url">CSS-金魚系列切版-圖文滿版區塊</a>
+            <a href="/2022/03/20/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E4%BA%92%E5%8B%95%E5%9C%96%E6%96%87%E5%8D%A1%E7%89%87/" class="post-title-link" itemprop="url">CSS-金魚系列切版-互動圖文卡片</a>
         </h2>
 
         <div class="post-meta">
@@ -876,7 +876,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2022-03-20 22:07:40 / 修改時間：23:28:18" itemprop="dateCreated datePublished" datetime="2022-03-20T22:07:40+08:00">2022-03-20</time>
+              <time title="創建時間：2022-03-20 22:43:02 / 修改時間：23:04:34" itemprop="dateCreated datePublished" datetime="2022-03-20T22:43:02+08:00">2022-03-20</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -899,10 +899,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 金魚系列切版-圖文滿版區塊 學習過程</p>
+          <p>紀錄 金魚系列切版-圖文滿版區塊 學習過程- 1. 解決圖片在垂直方向會留奇怪空白區塊的問題 2. 用偽元素來實現，當 hover 時，區塊內的文字出現下底線 3. 當 hover 進去，區塊內的下底線，會由左往右長的特效</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2022/03/20/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E5%9C%96%E6%96%87%E6%BB%BF%E7%89%88%E5%8D%80%E5%A1%8A/">
+              <a class="btn" href="/2022/03/20/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E4%BA%92%E5%8B%95%E5%9C%96%E6%96%87%E5%8D%A1%E7%89%87/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -991,7 +991,7 @@ <h2 class="post-title" itemprop="name headline">
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/page/5/index.html b/page/5/index.html
index 69a267dbc..8ce53b2d5 100644
--- a/page/5/index.html
+++ b/page/5/index.html
@@ -164,7 +164,7 @@ <h1 class="site-title">Landy Blog</h1>
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/02/13/Angular-image-Preview/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/03/20/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E5%9C%96%E6%96%87%E6%BB%BF%E7%89%88%E5%8D%80%E5%A1%8A/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -178,7 +178,7 @@ <h1 class="site-title">Landy Blog</h1>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2022/02/13/Angular-image-Preview/" class="post-title-link" itemprop="url">Angular - image Preview</a>
+            <a href="/2022/03/20/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E5%9C%96%E6%96%87%E6%BB%BF%E7%89%88%E5%8D%80%E5%A1%8A/" class="post-title-link" itemprop="url">CSS-金魚系列切版-圖文滿版區塊</a>
         </h2>
 
         <div class="post-meta">
@@ -189,7 +189,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2022-02-13 18:28:55 / 修改時間：21:26:53" itemprop="dateCreated datePublished" datetime="2022-02-13T18:28:55+08:00">2022-02-13</time>
+              <time title="創建時間：2022-03-20 22:07:40 / 修改時間：23:28:18" itemprop="dateCreated datePublished" datetime="2022-03-20T22:07:40+08:00">2022-03-20</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -197,7 +197,7 @@ <h2 class="post-title" itemprop="name headline">
               </span>
               <span class="post-meta-item-text">分類於</span>
                 <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-                  <a href="/categories/Angular/" itemprop="url" rel="index"><span itemprop="name">Angular</span></a>
+                  <a href="/categories/CSS/" itemprop="url" rel="index"><span itemprop="name">CSS</span></a>
                 </span>
             </span>
 
@@ -212,10 +212,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄如何在 Angular 製作圖片預覽的功能</p>
+          <p>紀錄 金魚系列切版-圖文滿版區塊 學習過程</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2022/02/13/Angular-image-Preview/">
+              <a class="btn" href="/2022/03/20/CSS-%E9%87%91%E9%AD%9A%E7%B3%BB%E5%88%97%E5%88%87%E7%89%88-%E5%9C%96%E6%96%87%E6%BB%BF%E7%89%88%E5%8D%80%E5%A1%8A/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -239,7 +239,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/02/09/HTML-flex-grow-properties/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/02/13/Angular-image-Preview/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -253,7 +253,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2022/02/09/HTML-flex-grow-properties/" class="post-title-link" itemprop="url">HTML - flex-grow properties</a>
+            <a href="/2022/02/13/Angular-image-Preview/" class="post-title-link" itemprop="url">Angular - image Preview</a>
         </h2>
 
         <div class="post-meta">
@@ -264,7 +264,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2022-02-09 23:15:49 / 修改時間：23:43:06" itemprop="dateCreated datePublished" datetime="2022-02-09T23:15:49+08:00">2022-02-09</time>
+              <time title="創建時間：2022-02-13 18:28:55 / 修改時間：21:26:53" itemprop="dateCreated datePublished" datetime="2022-02-13T18:28:55+08:00">2022-02-13</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -272,7 +272,7 @@ <h2 class="post-title" itemprop="name headline">
               </span>
               <span class="post-meta-item-text">分類於</span>
                 <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-                  <a href="/categories/HTML/" itemprop="url" rel="index"><span itemprop="name">HTML</span></a>
+                  <a href="/categories/Angular/" itemprop="url" rel="index"><span itemprop="name">Angular</span></a>
                 </span>
             </span>
 
@@ -287,10 +287,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>記錄 flex-grow 的屬性用法</p>
+          <p>紀錄如何在 Angular 製作圖片預覽的功能</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2022/02/09/HTML-flex-grow-properties/">
+              <a class="btn" href="/2022/02/13/Angular-image-Preview/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -314,7 +314,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/02/09/HTML-getBoundingClientRect-%E7%9A%84%E7%94%A8%E6%B3%95/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/02/09/HTML-flex-grow-properties/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -328,7 +328,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2022/02/09/HTML-getBoundingClientRect-%E7%9A%84%E7%94%A8%E6%B3%95/" class="post-title-link" itemprop="url">HTML-getBoundingClientRect 的用法</a>
+            <a href="/2022/02/09/HTML-flex-grow-properties/" class="post-title-link" itemprop="url">HTML - flex-grow properties</a>
         </h2>
 
         <div class="post-meta">
@@ -339,7 +339,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2022-02-09 22:41:29 / 修改時間：23:03:33" itemprop="dateCreated datePublished" datetime="2022-02-09T22:41:29+08:00">2022-02-09</time>
+              <time title="創建時間：2022-02-09 23:15:49 / 修改時間：23:43:06" itemprop="dateCreated datePublished" datetime="2022-02-09T23:15:49+08:00">2022-02-09</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -362,10 +362,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 getBoundingClientRect 的用法，並用它來成 lazyload 的功能</p>
+          <p>記錄 flex-grow 的屬性用法</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2022/02/09/HTML-getBoundingClientRect-%E7%9A%84%E7%94%A8%E6%B3%95/">
+              <a class="btn" href="/2022/02/09/HTML-flex-grow-properties/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -389,7 +389,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/01/18/HTML-event-target-vs-event-currentTarget/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/02/09/HTML-getBoundingClientRect-%E7%9A%84%E7%94%A8%E6%B3%95/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -403,7 +403,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2022/01/18/HTML-event-target-vs-event-currentTarget/" class="post-title-link" itemprop="url">HTML - event.target vs. event.currentTarget</a>
+            <a href="/2022/02/09/HTML-getBoundingClientRect-%E7%9A%84%E7%94%A8%E6%B3%95/" class="post-title-link" itemprop="url">HTML-getBoundingClientRect 的用法</a>
         </h2>
 
         <div class="post-meta">
@@ -414,7 +414,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2022-01-18 17:11:31 / 修改時間：18:17:38" itemprop="dateCreated datePublished" datetime="2022-01-18T17:11:31+08:00">2022-01-18</time>
+              <time title="創建時間：2022-02-09 22:41:29 / 修改時間：23:03:33" itemprop="dateCreated datePublished" datetime="2022-02-09T22:41:29+08:00">2022-02-09</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -437,10 +437,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 event.target 和 event.currentTarget 的差異</p>
+          <p>紀錄 getBoundingClientRect 的用法，並用它來成 lazyload 的功能</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2022/01/18/HTML-event-target-vs-event-currentTarget/">
+              <a class="btn" href="/2022/02/09/HTML-getBoundingClientRect-%E7%9A%84%E7%94%A8%E6%B3%95/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -464,7 +464,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/01/15/Angular-%E5%85%B1%E7%94%A8%E5%85%83%E4%BB%B6-%E5%BD%88%E7%AA%97-3/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/01/18/HTML-event-target-vs-event-currentTarget/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -478,7 +478,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2022/01/15/Angular-%E5%85%B1%E7%94%A8%E5%85%83%E4%BB%B6-%E5%BD%88%E7%AA%97-3/" class="post-title-link" itemprop="url">Angular Custom Modal -共用元件實作 - 彈窗 - 3</a>
+            <a href="/2022/01/18/HTML-event-target-vs-event-currentTarget/" class="post-title-link" itemprop="url">HTML - event.target vs. event.currentTarget</a>
         </h2>
 
         <div class="post-meta">
@@ -489,7 +489,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2022-01-15 18:18:04 / 修改時間：19:09:27" itemprop="dateCreated datePublished" datetime="2022-01-15T18:18:04+08:00">2022-01-15</time>
+              <time title="創建時間：2022-01-18 17:11:31 / 修改時間：18:17:38" itemprop="dateCreated datePublished" datetime="2022-01-18T17:11:31+08:00">2022-01-18</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -497,7 +497,7 @@ <h2 class="post-title" itemprop="name headline">
               </span>
               <span class="post-meta-item-text">分類於</span>
                 <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-                  <a href="/categories/Angular/" itemprop="url" rel="index"><span itemprop="name">Angular</span></a>
+                  <a href="/categories/HTML/" itemprop="url" rel="index"><span itemprop="name">HTML</span></a>
                 </span>
             </span>
 
@@ -512,10 +512,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄怎麼將製作好的彈窗共用元件在別的元件中使用</p>
+          <p>紀錄 event.target 和 event.currentTarget 的差異</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2022/01/15/Angular-%E5%85%B1%E7%94%A8%E5%85%83%E4%BB%B6-%E5%BD%88%E7%AA%97-3/">
+              <a class="btn" href="/2022/01/18/HTML-event-target-vs-event-currentTarget/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -539,7 +539,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/01/15/Angular-%E5%85%B1%E7%94%A8%E5%85%83%E4%BB%B6-%E5%BD%88%E7%AA%97-2/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/01/15/Angular-%E5%85%B1%E7%94%A8%E5%85%83%E4%BB%B6-%E5%BD%88%E7%AA%97-3/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -553,7 +553,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2022/01/15/Angular-%E5%85%B1%E7%94%A8%E5%85%83%E4%BB%B6-%E5%BD%88%E7%AA%97-2/" class="post-title-link" itemprop="url">Angular Custom Modal -共用元件實作 - 彈窗 - 2</a>
+            <a href="/2022/01/15/Angular-%E5%85%B1%E7%94%A8%E5%85%83%E4%BB%B6-%E5%BD%88%E7%AA%97-3/" class="post-title-link" itemprop="url">Angular Custom Modal -共用元件實作 - 彈窗 - 3</a>
         </h2>
 
         <div class="post-meta">
@@ -564,7 +564,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2022-01-15 16:45:23 / 修改時間：18:15:27" itemprop="dateCreated datePublished" datetime="2022-01-15T16:45:23+08:00">2022-01-15</time>
+              <time title="創建時間：2022-01-15 18:18:04 / 修改時間：19:09:27" itemprop="dateCreated datePublished" datetime="2022-01-15T18:18:04+08:00">2022-01-15</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -587,10 +587,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 Angular 的彈窗效果的 css style</p>
+          <p>紀錄怎麼將製作好的彈窗共用元件在別的元件中使用</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2022/01/15/Angular-%E5%85%B1%E7%94%A8%E5%85%83%E4%BB%B6-%E5%BD%88%E7%AA%97-2/">
+              <a class="btn" href="/2022/01/15/Angular-%E5%85%B1%E7%94%A8%E5%85%83%E4%BB%B6-%E5%BD%88%E7%AA%97-3/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -614,7 +614,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/01/13/Angular-%E5%85%B1%E7%94%A8%E5%85%83%E4%BB%B6-%E5%BD%88%E7%AA%97/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/01/15/Angular-%E5%85%B1%E7%94%A8%E5%85%83%E4%BB%B6-%E5%BD%88%E7%AA%97-2/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -628,7 +628,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2022/01/13/Angular-%E5%85%B1%E7%94%A8%E5%85%83%E4%BB%B6-%E5%BD%88%E7%AA%97/" class="post-title-link" itemprop="url">Angular Custom Modal - 共用元件實作 - 彈窗 - 1</a>
+            <a href="/2022/01/15/Angular-%E5%85%B1%E7%94%A8%E5%85%83%E4%BB%B6-%E5%BD%88%E7%AA%97-2/" class="post-title-link" itemprop="url">Angular Custom Modal -共用元件實作 - 彈窗 - 2</a>
         </h2>
 
         <div class="post-meta">
@@ -637,16 +637,10 @@ <h2 class="post-title" itemprop="name headline">
                 <i class="far fa-calendar"></i>
               </span>
               <span class="post-meta-item-text">發表於</span>
+              
 
-              <time title="創建時間：2022-01-13 22:02:07" itemprop="dateCreated datePublished" datetime="2022-01-13T22:02:07+08:00">2022-01-13</time>
+              <time title="創建時間：2022-01-15 16:45:23 / 修改時間：18:15:27" itemprop="dateCreated datePublished" datetime="2022-01-15T16:45:23+08:00">2022-01-15</time>
             </span>
-              <span class="post-meta-item">
-                <span class="post-meta-item-icon">
-                  <i class="far fa-calendar-check"></i>
-                </span>
-                <span class="post-meta-item-text">更新於</span>
-                <time title="修改時間：2022-01-15 16:43:24" itemprop="dateModified" datetime="2022-01-15T16:43:24+08:00">2022-01-15</time>
-              </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
                 <i class="far fa-folder"></i>
@@ -668,10 +662,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄如何在 Angular 中，製作彈窗共用組件</p>
+          <p>紀錄 Angular 的彈窗效果的 css style</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2022/01/13/Angular-%E5%85%B1%E7%94%A8%E5%85%83%E4%BB%B6-%E5%BD%88%E7%AA%97/">
+              <a class="btn" href="/2022/01/15/Angular-%E5%85%B1%E7%94%A8%E5%85%83%E4%BB%B6-%E5%BD%88%E7%AA%97-2/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -695,7 +689,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/06/26/Alex%E5%AE%85%E5%B9%B9%E5%98%9B-ReVue-Day15%E7%AD%86%E8%A8%98-Plugin%E5%92%8CFilter/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2022/01/13/Angular-%E5%85%B1%E7%94%A8%E5%85%83%E4%BB%B6-%E5%BD%88%E7%AA%97/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -709,7 +703,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2021/06/26/Alex%E5%AE%85%E5%B9%B9%E5%98%9B-ReVue-Day15%E7%AD%86%E8%A8%98-Plugin%E5%92%8CFilter/" class="post-title-link" itemprop="url">Alex宅幹嘛_ReVue_Day15筆記_Plugin和Filter</a>
+            <a href="/2022/01/13/Angular-%E5%85%B1%E7%94%A8%E5%85%83%E4%BB%B6-%E5%BD%88%E7%AA%97/" class="post-title-link" itemprop="url">Angular Custom Modal - 共用元件實作 - 彈窗 - 1</a>
         </h2>
 
         <div class="post-meta">
@@ -718,17 +712,23 @@ <h2 class="post-title" itemprop="name headline">
                 <i class="far fa-calendar"></i>
               </span>
               <span class="post-meta-item-text">發表於</span>
-              
 
-              <time title="創建時間：2021-06-26 12:34:46 / 修改時間：12:45:14" itemprop="dateCreated datePublished" datetime="2021-06-26T12:34:46+08:00">2021-06-26</time>
+              <time title="創建時間：2022-01-13 22:02:07" itemprop="dateCreated datePublished" datetime="2022-01-13T22:02:07+08:00">2022-01-13</time>
             </span>
+              <span class="post-meta-item">
+                <span class="post-meta-item-icon">
+                  <i class="far fa-calendar-check"></i>
+                </span>
+                <span class="post-meta-item-text">更新於</span>
+                <time title="修改時間：2022-01-15 16:43:24" itemprop="dateModified" datetime="2022-01-15T16:43:24+08:00">2022-01-15</time>
+              </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
                 <i class="far fa-folder"></i>
               </span>
               <span class="post-meta-item-text">分類於</span>
                 <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-                  <a href="/categories/Vue/" itemprop="url" rel="index"><span itemprop="name">Vue</span></a>
+                  <a href="/categories/Angular/" itemprop="url" rel="index"><span itemprop="name">Angular</span></a>
                 </span>
             </span>
 
@@ -743,10 +743,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>紀錄 Vue 中 Plugin 和 Filter 的用法，其中 Plugin 用於將常用內容包裹在一起來給 Vue 物件做全域使用，而 Mixin 功能差不多，只不過使用的範圍比 Plugin 還要小，可以給部分元件做使用。</p>
+          <p>紀錄如何在 Angular 中，製作彈窗共用組件</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2021/06/26/Alex%E5%AE%85%E5%B9%B9%E5%98%9B-ReVue-Day15%E7%AD%86%E8%A8%98-Plugin%E5%92%8CFilter/">
+              <a class="btn" href="/2022/01/13/Angular-%E5%85%B1%E7%94%A8%E5%85%83%E4%BB%B6-%E5%BD%88%E7%AA%97/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -770,7 +770,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/06/26/Alex%E5%AE%85%E5%B9%B9%E5%98%9B-ReVue-Day14%E7%AD%86%E8%A8%98-Mixin/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/06/26/Alex%E5%AE%85%E5%B9%B9%E5%98%9B-ReVue-Day15%E7%AD%86%E8%A8%98-Plugin%E5%92%8CFilter/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -784,7 +784,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2021/06/26/Alex%E5%AE%85%E5%B9%B9%E5%98%9B-ReVue-Day14%E7%AD%86%E8%A8%98-Mixin/" class="post-title-link" itemprop="url">Alex宅幹嘛_ReVue_Day14筆記_Mixin</a>
+            <a href="/2021/06/26/Alex%E5%AE%85%E5%B9%B9%E5%98%9B-ReVue-Day15%E7%AD%86%E8%A8%98-Plugin%E5%92%8CFilter/" class="post-title-link" itemprop="url">Alex宅幹嘛_ReVue_Day15筆記_Plugin和Filter</a>
         </h2>
 
         <div class="post-meta">
@@ -795,7 +795,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2021-06-26 12:23:27 / 修改時間：12:30:59" itemprop="dateCreated datePublished" datetime="2021-06-26T12:23:27+08:00">2021-06-26</time>
+              <time title="創建時間：2021-06-26 12:34:46 / 修改時間：12:45:14" itemprop="dateCreated datePublished" datetime="2021-06-26T12:34:46+08:00">2021-06-26</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -818,10 +818,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>Alex宅幹嘛ReVue-Day14 紀錄 Vue 中 Mixin 的用法</p>
+          <p>紀錄 Vue 中 Plugin 和 Filter 的用法，其中 Plugin 用於將常用內容包裹在一起來給 Vue 物件做全域使用，而 Mixin 功能差不多，只不過使用的範圍比 Plugin 還要小，可以給部分元件做使用。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2021/06/26/Alex%E5%AE%85%E5%B9%B9%E5%98%9B-ReVue-Day14%E7%AD%86%E8%A8%98-Mixin/">
+              <a class="btn" href="/2021/06/26/Alex%E5%AE%85%E5%B9%B9%E5%98%9B-ReVue-Day15%E7%AD%86%E8%A8%98-Plugin%E5%92%8CFilter/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -845,7 +845,7 @@ <h2 class="post-title" itemprop="name headline">
   
   
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/06/26/Alex%E5%AE%85%E5%B9%B9%E5%98%9B-ReVue-Day14%E7%AD%86%E8%A8%98-Directive/">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/06/26/Alex%E5%AE%85%E5%B9%B9%E5%98%9B-ReVue-Day14%E7%AD%86%E8%A8%98-Mixin/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -859,7 +859,7 @@ <h2 class="post-title" itemprop="name headline">
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
           
-            <a href="/2021/06/26/Alex%E5%AE%85%E5%B9%B9%E5%98%9B-ReVue-Day14%E7%AD%86%E8%A8%98-Directive/" class="post-title-link" itemprop="url">Alex宅幹嘛_ReVue_Day14筆記_Directive</a>
+            <a href="/2021/06/26/Alex%E5%AE%85%E5%B9%B9%E5%98%9B-ReVue-Day14%E7%AD%86%E8%A8%98-Mixin/" class="post-title-link" itemprop="url">Alex宅幹嘛_ReVue_Day14筆記_Mixin</a>
         </h2>
 
         <div class="post-meta">
@@ -870,7 +870,7 @@ <h2 class="post-title" itemprop="name headline">
               <span class="post-meta-item-text">發表於</span>
               
 
-              <time title="創建時間：2021-06-26 12:03:34 / 修改時間：12:21:29" itemprop="dateCreated datePublished" datetime="2021-06-26T12:03:34+08:00">2021-06-26</time>
+              <time title="創建時間：2021-06-26 12:23:27 / 修改時間：12:30:59" itemprop="dateCreated datePublished" datetime="2021-06-26T12:23:27+08:00">2021-06-26</time>
             </span>
             <span class="post-meta-item">
               <span class="post-meta-item-icon">
@@ -893,10 +893,10 @@ <h2 class="post-title" itemprop="name headline">
     <div class="post-body" itemprop="articleBody">
 
       
-          <p>Alex宅幹嘛ReVue-Day14 紀錄 Vue 中自訂義 Directive 的方法</p>
+          <p>Alex宅幹嘛ReVue-Day14 紀錄 Vue 中 Mixin 的用法</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/2021/06/26/Alex%E5%AE%85%E5%B9%B9%E5%98%9B-ReVue-Day14%E7%AD%86%E8%A8%98-Directive/">
+              <a class="btn" href="/2021/06/26/Alex%E5%AE%85%E5%B9%B9%E5%98%9B-ReVue-Day14%E7%AD%86%E8%A8%98-Mixin/">
                 閱讀全文 &raquo;
               </a>
             </div>
@@ -985,7 +985,7 @@ <h2 class="post-title" itemprop="name headline">
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/page/6/index.html b/page/6/index.html
index bd275c8e2..4d13ac19e 100644
--- a/page/6/index.html
+++ b/page/6/index.html
@@ -163,6 +163,81 @@ <h1 class="site-title">Landy Blog</h1>
       
   
   
+  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/06/26/Alex%E5%AE%85%E5%B9%B9%E5%98%9B-ReVue-Day14%E7%AD%86%E8%A8%98-Directive/">
+
+    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
+      <meta itemprop="image" content="/images/avatar.gif">
+      <meta itemprop="name" content="Landy">
+      <meta itemprop="description" content="">
+    </span>
+
+    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
+      <meta itemprop="name" content="Landy Blog">
+    </span>
+      <header class="post-header">
+        <h2 class="post-title" itemprop="name headline">
+          
+            <a href="/2021/06/26/Alex%E5%AE%85%E5%B9%B9%E5%98%9B-ReVue-Day14%E7%AD%86%E8%A8%98-Directive/" class="post-title-link" itemprop="url">Alex宅幹嘛_ReVue_Day14筆記_Directive</a>
+        </h2>
+
+        <div class="post-meta">
+            <span class="post-meta-item">
+              <span class="post-meta-item-icon">
+                <i class="far fa-calendar"></i>
+              </span>
+              <span class="post-meta-item-text">發表於</span>
+              
+
+              <time title="創建時間：2021-06-26 12:03:34 / 修改時間：12:21:29" itemprop="dateCreated datePublished" datetime="2021-06-26T12:03:34+08:00">2021-06-26</time>
+            </span>
+            <span class="post-meta-item">
+              <span class="post-meta-item-icon">
+                <i class="far fa-folder"></i>
+              </span>
+              <span class="post-meta-item-text">分類於</span>
+                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
+                  <a href="/categories/Vue/" itemprop="url" rel="index"><span itemprop="name">Vue</span></a>
+                </span>
+            </span>
+
+          
+
+        </div>
+      </header>
+
+    
+    
+    
+    <div class="post-body" itemprop="articleBody">
+
+      
+          <p>Alex宅幹嘛ReVue-Day14 紀錄 Vue 中自訂義 Directive 的方法</p>
+          <!--noindex-->
+            <div class="post-button">
+              <a class="btn" href="/2021/06/26/Alex%E5%AE%85%E5%B9%B9%E5%98%9B-ReVue-Day14%E7%AD%86%E8%A8%98-Directive/">
+                閱讀全文 &raquo;
+              </a>
+            </div>
+          <!--/noindex-->
+        
+      
+    </div>
+
+    
+    
+    
+      <footer class="post-footer">
+        <div class="post-eof"></div>
+      </footer>
+  </article>
+  
+  
+  
+
+      
+  
+  
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
     <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/06/22/Alex%E5%AE%85%E5%B9%B9%E5%98%9BReVue-Day13-State-Transition/">
 
@@ -876,72 +951,6 @@ <h2 class="post-title" itemprop="name headline">
   
   
 
-      
-  
-  
-  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/06/07/%E5%85%AD%E8%A7%92%E8%A8%88%E6%A6%82%E8%AA%B2%E7%A8%8B/">
-
-    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
-      <meta itemprop="image" content="/images/avatar.gif">
-      <meta itemprop="name" content="Landy">
-      <meta itemprop="description" content="">
-    </span>
-
-    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
-      <meta itemprop="name" content="Landy Blog">
-    </span>
-      <header class="post-header">
-        <h2 class="post-title" itemprop="name headline">
-          
-            <a href="/2021/06/07/%E5%85%AD%E8%A7%92%E8%A8%88%E6%A6%82%E8%AA%B2%E7%A8%8B/" class="post-title-link" itemprop="url">六角網路計概課程</a>
-        </h2>
-
-        <div class="post-meta">
-            <span class="post-meta-item">
-              <span class="post-meta-item-icon">
-                <i class="far fa-calendar"></i>
-              </span>
-              <span class="post-meta-item-text">發表於</span>
-              
-
-              <time title="創建時間：2021-06-07 09:04:15 / 修改時間：22:09:08" itemprop="dateCreated datePublished" datetime="2021-06-07T09:04:15+08:00">2021-06-07</time>
-            </span>
-
-          
-
-        </div>
-      </header>
-
-    
-    
-    
-    <div class="post-body" itemprop="articleBody">
-
-      
-          <p>紀錄當輸入網址到瀏覽器中，中間的 資料傳輸 和 網頁解析 分別經歷了那些過程</p>
-          <!--noindex-->
-            <div class="post-button">
-              <a class="btn" href="/2021/06/07/%E5%85%AD%E8%A7%92%E8%A8%88%E6%A6%82%E8%AA%B2%E7%A8%8B/">
-                閱讀全文 &raquo;
-              </a>
-            </div>
-          <!--/noindex-->
-        
-      
-    </div>
-
-    
-    
-    
-      <footer class="post-footer">
-        <div class="post-eof"></div>
-      </footer>
-  </article>
-  
-  
-  
-
 
   
   <nav class="pagination">
@@ -1011,7 +1020,7 @@ <h2 class="post-title" itemprop="name headline">
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/page/7/index.html b/page/7/index.html
index fd3f5471a..ce07ffde2 100644
--- a/page/7/index.html
+++ b/page/7/index.html
@@ -163,6 +163,72 @@ <h1 class="site-title">Landy Blog</h1>
       
   
   
+  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/06/07/%E5%85%AD%E8%A7%92%E8%A8%88%E6%A6%82%E8%AA%B2%E7%A8%8B/">
+
+    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
+      <meta itemprop="image" content="/images/avatar.gif">
+      <meta itemprop="name" content="Landy">
+      <meta itemprop="description" content="">
+    </span>
+
+    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
+      <meta itemprop="name" content="Landy Blog">
+    </span>
+      <header class="post-header">
+        <h2 class="post-title" itemprop="name headline">
+          
+            <a href="/2021/06/07/%E5%85%AD%E8%A7%92%E8%A8%88%E6%A6%82%E8%AA%B2%E7%A8%8B/" class="post-title-link" itemprop="url">六角網路計概課程</a>
+        </h2>
+
+        <div class="post-meta">
+            <span class="post-meta-item">
+              <span class="post-meta-item-icon">
+                <i class="far fa-calendar"></i>
+              </span>
+              <span class="post-meta-item-text">發表於</span>
+              
+
+              <time title="創建時間：2021-06-07 09:04:15 / 修改時間：22:09:08" itemprop="dateCreated datePublished" datetime="2021-06-07T09:04:15+08:00">2021-06-07</time>
+            </span>
+
+          
+
+        </div>
+      </header>
+
+    
+    
+    
+    <div class="post-body" itemprop="articleBody">
+
+      
+          <p>紀錄當輸入網址到瀏覽器中，中間的 資料傳輸 和 網頁解析 分別經歷了那些過程</p>
+          <!--noindex-->
+            <div class="post-button">
+              <a class="btn" href="/2021/06/07/%E5%85%AD%E8%A7%92%E8%A8%88%E6%A6%82%E8%AA%B2%E7%A8%8B/">
+                閱讀全文 &raquo;
+              </a>
+            </div>
+          <!--/noindex-->
+        
+      
+    </div>
+
+    
+    
+    
+      <footer class="post-footer">
+        <div class="post-eof"></div>
+      </footer>
+  </article>
+  
+  
+  
+
+      
+  
+  
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
     <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/06/05/ReVue-Vue%E7%9A%84emit%E5%92%8Cprops%E9%81%8B%E7%94%A8/">
 
@@ -848,83 +914,6 @@ <h2 id=""><a href="#" class="headerlink" title="%"></a>%</h2><p>% 是每個子
   
   
 
-      
-  
-  
-  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/04/22/JavaScript-%E6%B7%BA%E5%B1%A4%E6%8B%B7%E8%B2%9D%E5%92%8C%E6%B7%B1%E5%B1%A4%E6%8B%B7%E8%B2%9D/">
-
-    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
-      <meta itemprop="image" content="/images/avatar.gif">
-      <meta itemprop="name" content="Landy">
-      <meta itemprop="description" content="">
-    </span>
-
-    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
-      <meta itemprop="name" content="Landy Blog">
-    </span>
-      <header class="post-header">
-        <h2 class="post-title" itemprop="name headline">
-          
-            <a href="/2021/04/22/JavaScript-%E6%B7%BA%E5%B1%A4%E6%8B%B7%E8%B2%9D%E5%92%8C%E6%B7%B1%E5%B1%A4%E6%8B%B7%E8%B2%9D/" class="post-title-link" itemprop="url">JavaScript-淺層拷貝和深層拷貝</a>
-        </h2>
-
-        <div class="post-meta">
-            <span class="post-meta-item">
-              <span class="post-meta-item-icon">
-                <i class="far fa-calendar"></i>
-              </span>
-              <span class="post-meta-item-text">發表於</span>
-              
-
-              <time title="創建時間：2021-04-22 18:05:27 / 修改時間：18:10:58" itemprop="dateCreated datePublished" datetime="2021-04-22T18:05:27+08:00">2021-04-22</time>
-            </span>
-            <span class="post-meta-item">
-              <span class="post-meta-item-icon">
-                <i class="far fa-folder"></i>
-              </span>
-              <span class="post-meta-item-text">分類於</span>
-                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-                  <a href="/categories/JavaScript/" itemprop="url" rel="index"><span itemprop="name">JavaScript</span></a>
-                </span>
-            </span>
-
-          
-
-        </div>
-      </header>
-
-    
-    
-    
-    <div class="post-body" itemprop="articleBody">
-
-      
-          <p>在JS的專案中很常會使用到物件，那物件就很容易會複製來複製去的，很容易會因為js的物件參照特性而有一些bug，那這一偏就來記錄一下，淺層拷貝和<br>深層拷貝的關係跟使用方法。<br>深層拷貝 代表新的變數的值 跟 原本的變數值 沒有任何關係。<br>淺層拷貝 代表新的變數的值 跟 原本的變數值還是有關係。</p>
-<h1 id="淺層拷貝"><a href="#淺層拷貝" class="headerlink" title="淺層拷貝"></a>淺層拷貝</h1><p>JS的物件操作是call by reference，所以，當我們直接將某個物件複製給另一個變數時，會因為這他們都指向同一個記憶體位置，集他們都共用同一個物件內容，<br>此種狀況即為淺拷貝。</p>
-<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">let obj1 &#x3D; &#123; value:10 &#125;</span><br><span class="line">let obj2 &#x3D; obj1</span><br><span class="line">obj2.value &#x3D; 20</span><br><span class="line">console.log(obj1.value) &#x2F;&#x2F; 20 被更改到了，淺層複製</span><br></pre></td></tr></table></figure>
-          <!--noindex-->
-            <div class="post-button">
-              <a class="btn" href="/2021/04/22/JavaScript-%E6%B7%BA%E5%B1%A4%E6%8B%B7%E8%B2%9D%E5%92%8C%E6%B7%B1%E5%B1%A4%E6%8B%B7%E8%B2%9D/#more" rel="contents">
-                閱讀全文 &raquo;
-              </a>
-            </div>
-          <!--/noindex-->
-        
-      
-    </div>
-
-    
-    
-    
-      <footer class="post-footer">
-        <div class="post-eof"></div>
-      </footer>
-  </article>
-  
-  
-  
-
 
   
   <nav class="pagination">
@@ -994,7 +983,7 @@ <h1 id="淺層拷貝"><a href="#淺層拷貝" class="headerlink" title="淺層
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/page/8/index.html b/page/8/index.html
index 96f2e2251..86a7fa16d 100644
--- a/page/8/index.html
+++ b/page/8/index.html
@@ -163,6 +163,83 @@ <h1 class="site-title">Landy Blog</h1>
       
   
   
+  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/04/22/JavaScript-%E6%B7%BA%E5%B1%A4%E6%8B%B7%E8%B2%9D%E5%92%8C%E6%B7%B1%E5%B1%A4%E6%8B%B7%E8%B2%9D/">
+
+    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
+      <meta itemprop="image" content="/images/avatar.gif">
+      <meta itemprop="name" content="Landy">
+      <meta itemprop="description" content="">
+    </span>
+
+    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
+      <meta itemprop="name" content="Landy Blog">
+    </span>
+      <header class="post-header">
+        <h2 class="post-title" itemprop="name headline">
+          
+            <a href="/2021/04/22/JavaScript-%E6%B7%BA%E5%B1%A4%E6%8B%B7%E8%B2%9D%E5%92%8C%E6%B7%B1%E5%B1%A4%E6%8B%B7%E8%B2%9D/" class="post-title-link" itemprop="url">JavaScript-淺層拷貝和深層拷貝</a>
+        </h2>
+
+        <div class="post-meta">
+            <span class="post-meta-item">
+              <span class="post-meta-item-icon">
+                <i class="far fa-calendar"></i>
+              </span>
+              <span class="post-meta-item-text">發表於</span>
+              
+
+              <time title="創建時間：2021-04-22 18:05:27 / 修改時間：18:10:58" itemprop="dateCreated datePublished" datetime="2021-04-22T18:05:27+08:00">2021-04-22</time>
+            </span>
+            <span class="post-meta-item">
+              <span class="post-meta-item-icon">
+                <i class="far fa-folder"></i>
+              </span>
+              <span class="post-meta-item-text">分類於</span>
+                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
+                  <a href="/categories/JavaScript/" itemprop="url" rel="index"><span itemprop="name">JavaScript</span></a>
+                </span>
+            </span>
+
+          
+
+        </div>
+      </header>
+
+    
+    
+    
+    <div class="post-body" itemprop="articleBody">
+
+      
+          <p>在JS的專案中很常會使用到物件，那物件就很容易會複製來複製去的，很容易會因為js的物件參照特性而有一些bug，那這一偏就來記錄一下，淺層拷貝和<br>深層拷貝的關係跟使用方法。<br>深層拷貝 代表新的變數的值 跟 原本的變數值 沒有任何關係。<br>淺層拷貝 代表新的變數的值 跟 原本的變數值還是有關係。</p>
+<h1 id="淺層拷貝"><a href="#淺層拷貝" class="headerlink" title="淺層拷貝"></a>淺層拷貝</h1><p>JS的物件操作是call by reference，所以，當我們直接將某個物件複製給另一個變數時，會因為這他們都指向同一個記憶體位置，集他們都共用同一個物件內容，<br>此種狀況即為淺拷貝。</p>
+<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">let obj1 &#x3D; &#123; value:10 &#125;</span><br><span class="line">let obj2 &#x3D; obj1</span><br><span class="line">obj2.value &#x3D; 20</span><br><span class="line">console.log(obj1.value) &#x2F;&#x2F; 20 被更改到了，淺層複製</span><br></pre></td></tr></table></figure>
+          <!--noindex-->
+            <div class="post-button">
+              <a class="btn" href="/2021/04/22/JavaScript-%E6%B7%BA%E5%B1%A4%E6%8B%B7%E8%B2%9D%E5%92%8C%E6%B7%B1%E5%B1%A4%E6%8B%B7%E8%B2%9D/#more" rel="contents">
+                閱讀全文 &raquo;
+              </a>
+            </div>
+          <!--/noindex-->
+        
+      
+    </div>
+
+    
+    
+    
+      <footer class="post-footer">
+        <div class="post-eof"></div>
+      </footer>
+  </article>
+  
+  
+  
+
+      
+  
+  
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
     <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/04/22/%E9%99%A3%E5%88%97%E7%94%A8%E6%B3%95sort-pop-map-filter-reduce%E4%BB%8B%E7%B4%B9/">
 
@@ -868,86 +945,6 @@ <h1 id="為什麼需要Promise"><a href="#為什麼需要Promise" class="headerl
   
   
 
-      
-  
-  
-  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/04/02/JS%E6%A0%B8%E5%BF%83%E7%AF%87-%E6%A8%A3%E7%89%88%E5%AD%97%E9%9D%A2%E5%80%BC/">
-
-    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
-      <meta itemprop="image" content="/images/avatar.gif">
-      <meta itemprop="name" content="Landy">
-      <meta itemprop="description" content="">
-    </span>
-
-    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
-      <meta itemprop="name" content="Landy Blog">
-    </span>
-      <header class="post-header">
-        <h2 class="post-title" itemprop="name headline">
-          
-            <a href="/2021/04/02/JS%E6%A0%B8%E5%BF%83%E7%AF%87-%E6%A8%A3%E7%89%88%E5%AD%97%E9%9D%A2%E5%80%BC/" class="post-title-link" itemprop="url">JS核心篇-樣版字面值</a>
-        </h2>
-
-        <div class="post-meta">
-            <span class="post-meta-item">
-              <span class="post-meta-item-icon">
-                <i class="far fa-calendar"></i>
-              </span>
-              <span class="post-meta-item-text">發表於</span>
-              
-
-              <time title="創建時間：2021-04-02 18:01:37 / 修改時間：18:18:04" itemprop="dateCreated datePublished" datetime="2021-04-02T18:01:37+08:00">2021-04-02</time>
-            </span>
-            <span class="post-meta-item">
-              <span class="post-meta-item-icon">
-                <i class="far fa-folder"></i>
-              </span>
-              <span class="post-meta-item-text">分類於</span>
-                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-                  <a href="/categories/JavaScript/" itemprop="url" rel="index"><span itemprop="name">JavaScript</span></a>
-                </span>
-            </span>
-
-          
-
-        </div>
-      </header>
-
-    
-    
-    
-    <div class="post-body" itemprop="articleBody">
-
-      
-          <h1 id="樣板字面值（Template-literals）基本介紹"><a href="#樣板字面值（Template-literals）基本介紹" class="headerlink" title="樣板字面值（Template literals）基本介紹"></a>樣板字面值（Template literals）基本介紹</h1><p>我們希望在HTML中插入內容，那插入的內容有<strong>字串</strong>和<strong>變數</strong>混合在一起，<br>我們可以用樣板字面值來達成這種效果。</p>
-<iframe src="https://codepen.io/RandyChen/embed/qBRawEG?height=265&theme-id=light&default-tab=js,result" width="100%" height="300" frameborder="0" loading="lazy" allowfullscreen></iframe>
-<p>上面這個範例，你可以看到我們在變數insertContent使用樣板字面值，將我們想要插入的HTML格式寫在裡面，並利用<code>$&#123;&#125;</code>來將想要合併的變數也一起並在裡面。<br>那因為我們用樣板字面值來合併時，我們不需要利用傳統的<code>/</code>來合併字串斷行時的部分。<br>最後再用<code>innerHTML</code>來插入這個合併完的字串內容。</p>
-<h1 id="巢狀結構"><a href="#巢狀結構" class="headerlink" title="巢狀結構"></a>巢狀結構</h1><h2 id="加入表達式"><a href="#加入表達式" class="headerlink" title="加入表達式"></a>加入表達式</h2><p>樣板字面值除了可以加入變數以外，還可以加入表達式</p>
-<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">const person &#x3D; &#123;</span><br><span class="line">	name: &#39;小明&#39;,</span><br><span class="line">&#125;</span><br><span class="line">const sentence &#x3D; &#96;我的名字是$&#123; person.name &#125;，我總共有$&#123; person.cash || 1000 &#125;元&#96;</span><br></pre></td></tr></table></figure>
-<p>上面這個範例，你可以看到最後面那個表達式，若person.cash沒有值則回傳1000這個值。</p>
-          <!--noindex-->
-            <div class="post-button">
-              <a class="btn" href="/2021/04/02/JS%E6%A0%B8%E5%BF%83%E7%AF%87-%E6%A8%A3%E7%89%88%E5%AD%97%E9%9D%A2%E5%80%BC/#more" rel="contents">
-                閱讀全文 &raquo;
-              </a>
-            </div>
-          <!--/noindex-->
-        
-      
-    </div>
-
-    
-    
-    
-      <footer class="post-footer">
-        <div class="post-eof"></div>
-      </footer>
-  </article>
-  
-  
-  
-
 
   
   <nav class="pagination">
@@ -1017,7 +1014,7 @@ <h1 id="巢狀結構"><a href="#巢狀結構" class="headerlink" title="巢狀
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/page/9/index.html b/page/9/index.html
index 4a07e4c7e..0a0448d80 100644
--- a/page/9/index.html
+++ b/page/9/index.html
@@ -163,6 +163,86 @@ <h1 class="site-title">Landy Blog</h1>
       
   
   
+  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
+    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/04/02/JS%E6%A0%B8%E5%BF%83%E7%AF%87-%E6%A8%A3%E7%89%88%E5%AD%97%E9%9D%A2%E5%80%BC/">
+
+    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
+      <meta itemprop="image" content="/images/avatar.gif">
+      <meta itemprop="name" content="Landy">
+      <meta itemprop="description" content="">
+    </span>
+
+    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
+      <meta itemprop="name" content="Landy Blog">
+    </span>
+      <header class="post-header">
+        <h2 class="post-title" itemprop="name headline">
+          
+            <a href="/2021/04/02/JS%E6%A0%B8%E5%BF%83%E7%AF%87-%E6%A8%A3%E7%89%88%E5%AD%97%E9%9D%A2%E5%80%BC/" class="post-title-link" itemprop="url">JS核心篇-樣版字面值</a>
+        </h2>
+
+        <div class="post-meta">
+            <span class="post-meta-item">
+              <span class="post-meta-item-icon">
+                <i class="far fa-calendar"></i>
+              </span>
+              <span class="post-meta-item-text">發表於</span>
+              
+
+              <time title="創建時間：2021-04-02 18:01:37 / 修改時間：18:18:04" itemprop="dateCreated datePublished" datetime="2021-04-02T18:01:37+08:00">2021-04-02</time>
+            </span>
+            <span class="post-meta-item">
+              <span class="post-meta-item-icon">
+                <i class="far fa-folder"></i>
+              </span>
+              <span class="post-meta-item-text">分類於</span>
+                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
+                  <a href="/categories/JavaScript/" itemprop="url" rel="index"><span itemprop="name">JavaScript</span></a>
+                </span>
+            </span>
+
+          
+
+        </div>
+      </header>
+
+    
+    
+    
+    <div class="post-body" itemprop="articleBody">
+
+      
+          <h1 id="樣板字面值（Template-literals）基本介紹"><a href="#樣板字面值（Template-literals）基本介紹" class="headerlink" title="樣板字面值（Template literals）基本介紹"></a>樣板字面值（Template literals）基本介紹</h1><p>我們希望在HTML中插入內容，那插入的內容有<strong>字串</strong>和<strong>變數</strong>混合在一起，<br>我們可以用樣板字面值來達成這種效果。</p>
+<iframe src="https://codepen.io/RandyChen/embed/qBRawEG?height=265&theme-id=light&default-tab=js,result" width="100%" height="300" frameborder="0" loading="lazy" allowfullscreen></iframe>
+<p>上面這個範例，你可以看到我們在變數insertContent使用樣板字面值，將我們想要插入的HTML格式寫在裡面，並利用<code>$&#123;&#125;</code>來將想要合併的變數也一起並在裡面。<br>那因為我們用樣板字面值來合併時，我們不需要利用傳統的<code>/</code>來合併字串斷行時的部分。<br>最後再用<code>innerHTML</code>來插入這個合併完的字串內容。</p>
+<h1 id="巢狀結構"><a href="#巢狀結構" class="headerlink" title="巢狀結構"></a>巢狀結構</h1><h2 id="加入表達式"><a href="#加入表達式" class="headerlink" title="加入表達式"></a>加入表達式</h2><p>樣板字面值除了可以加入變數以外，還可以加入表達式</p>
+<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">const person &#x3D; &#123;</span><br><span class="line">	name: &#39;小明&#39;,</span><br><span class="line">&#125;</span><br><span class="line">const sentence &#x3D; &#96;我的名字是$&#123; person.name &#125;，我總共有$&#123; person.cash || 1000 &#125;元&#96;</span><br></pre></td></tr></table></figure>
+<p>上面這個範例，你可以看到最後面那個表達式，若person.cash沒有值則回傳1000這個值。</p>
+          <!--noindex-->
+            <div class="post-button">
+              <a class="btn" href="/2021/04/02/JS%E6%A0%B8%E5%BF%83%E7%AF%87-%E6%A8%A3%E7%89%88%E5%AD%97%E9%9D%A2%E5%80%BC/#more" rel="contents">
+                閱讀全文 &raquo;
+              </a>
+            </div>
+          <!--/noindex-->
+        
+      
+    </div>
+
+    
+    
+    
+      <footer class="post-footer">
+        <div class="post-eof"></div>
+      </footer>
+  </article>
+  
+  
+  
+
+      
+  
+  
   <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
     <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/04/02/JS%E6%A0%B8%E5%BF%83%E7%AF%87-%E7%AE%AD%E9%A0%AD%E5%87%BD%E5%BC%8F/">
 
@@ -890,86 +970,6 @@ <h2 id="很好詮釋範圍鍊設定的範例"><a href="#很好詮釋範圍鍊設
   
   
 
-      
-  
-  
-  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-TW">
-    <link itemprop="mainEntityOfPage" href="https://landy510.github.io/2021/03/11/JS%E6%A0%B8%E5%BF%83-%E5%87%BD%E5%BC%8F-Promise%E7%89%A9%E4%BB%B6/">
-
-    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
-      <meta itemprop="image" content="/images/avatar.gif">
-      <meta itemprop="name" content="Landy">
-      <meta itemprop="description" content="">
-    </span>
-
-    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
-      <meta itemprop="name" content="Landy Blog">
-    </span>
-      <header class="post-header">
-        <h2 class="post-title" itemprop="name headline">
-          
-            <a href="/2021/03/11/JS%E6%A0%B8%E5%BF%83-%E5%87%BD%E5%BC%8F-Promise%E7%89%A9%E4%BB%B6/" class="post-title-link" itemprop="url">JS核心-函式-Promise物件</a>
-        </h2>
-
-        <div class="post-meta">
-            <span class="post-meta-item">
-              <span class="post-meta-item-icon">
-                <i class="far fa-calendar"></i>
-              </span>
-              <span class="post-meta-item-text">發表於</span>
-              
-
-              <time title="創建時間：2021-03-11 10:38:31 / 修改時間：14:39:26" itemprop="dateCreated datePublished" datetime="2021-03-11T10:38:31+08:00">2021-03-11</time>
-            </span>
-            <span class="post-meta-item">
-              <span class="post-meta-item-icon">
-                <i class="far fa-folder"></i>
-              </span>
-              <span class="post-meta-item-text">分類於</span>
-                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-                  <a href="/categories/JavaScript/" itemprop="url" rel="index"><span itemprop="name">JavaScript</span></a>
-                </span>
-            </span>
-
-          
-
-        </div>
-      </header>
-
-    
-    
-    
-    <div class="post-body" itemprop="articleBody">
-
-      
-          <p>繼<a href="/2021/03/09/JS%E6%A0%B8%E5%BF%83-%E5%87%BD%E5%BC%8F/" title="上一篇">上一篇</a>，介紹了js中的函式與非同步環境會造成的callback Hell的前因後果，最終需要Promise來解決這個問題的過程後，此篇要記錄怎麼使用Promise物件。</p>
-<h1 id="Promise物件"><a href="#Promise物件" class="headerlink" title="Promise物件"></a>Promise物件</h1><p>Promise物件包含兩個東西，一個叫<code>reslove</code> 另一個叫<code>reject</code>。<br>當該Promise執行成功的話，就會去呼叫<code>reslove</code>，失敗的話，就會去執行<code>reject</code>的內容。</p>
-<h2 id="Promise物件創建的方法"><a href="#Promise物件創建的方法" class="headerlink" title="Promise物件創建的方法"></a>Promise物件創建的方法</h2><p>書中有提供兩種，其實意思差不多<br><strong>函式運算式用new來創建</strong></p>
-<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">const FirstPromise &#x3D; new Promise((resolve, reject) &#x3D;&gt; &#123;</span><br><span class="line">  resolve(某個資料);</span><br><span class="line">  reject(&#39;Promise failure&#39;);</span><br><span class="line">&#125;)</span><br></pre></td></tr></table></figure>
-<p><strong>函式回傳new Promise物件</strong></p>
-<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line">function FirstPromise() &#123;</span><br><span class="line">  return new Promise((resolve, reject) &#x3D;&gt; &#123;</span><br><span class="line">    resolve(某個資料);</span><br><span class="line">    reject(&#39;Promise failure&#39;);</span><br><span class="line">  &#125;)</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-          <!--noindex-->
-            <div class="post-button">
-              <a class="btn" href="/2021/03/11/JS%E6%A0%B8%E5%BF%83-%E5%87%BD%E5%BC%8F-Promise%E7%89%A9%E4%BB%B6/#more" rel="contents">
-                閱讀全文 &raquo;
-              </a>
-            </div>
-          <!--/noindex-->
-        
-      
-    </div>
-
-    
-    
-    
-      <footer class="post-footer">
-        <div class="post-eof"></div>
-      </footer>
-  </article>
-  
-  
-  
-
 
   
   <nav class="pagination">
@@ -1039,7 +1039,7 @@ <h2 id="Promise物件創建的方法"><a href="#Promise物件創建的方法" cl
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/practice/index.html b/practice/index.html
index b5d6d6e7d..0128b191a 100644
--- a/practice/index.html
+++ b/practice/index.html
@@ -260,7 +260,7 @@ <h1 class="post-title" itemprop="name headline">practice
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/scss/index.html b/scss/index.html
index d111418f4..b7f7f054f 100644
--- a/scss/index.html
+++ b/scss/index.html
@@ -260,7 +260,7 @@ <h1 class="post-title" itemprop="name headline">scss
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/sitemap.xml b/sitemap.xml
index 4a6b27af0..0289c9320 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -1,6 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   
+  <url>
+    <loc>https://landy510.github.io/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-Wrap-Up/</loc>
+    
+    <lastmod>2024-01-27</lastmod>
+    
+  </url>
+  
   <url>
     <loc>https://landy510.github.io/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-retrieveAll-method/</loc>
     
@@ -1348,21 +1355,21 @@
   </url>
   
   <url>
-    <loc>https://landy510.github.io/tags/Angular-class-binding/</loc>
+    <loc>https://landy510.github.io/tags/image-Preview/</loc>
     <lastmod>2024-01-27</lastmod>
     <changefreq>daily</changefreq>
     <priority>0.6</priority>
   </url>
   
   <url>
-    <loc>https://landy510.github.io/tags/Angular-style-binding/</loc>
+    <loc>https://landy510.github.io/tags/Angular-class-binding/</loc>
     <lastmod>2024-01-27</lastmod>
     <changefreq>daily</changefreq>
     <priority>0.6</priority>
   </url>
   
   <url>
-    <loc>https://landy510.github.io/tags/image-Preview/</loc>
+    <loc>https://landy510.github.io/tags/Angular-style-binding/</loc>
     <lastmod>2024-01-27</lastmod>
     <changefreq>daily</changefreq>
     <priority>0.6</priority>
@@ -1425,21 +1432,21 @@
   </url>
   
   <url>
-    <loc>https://landy510.github.io/tags/%E5%89%8D%E7%AB%AF%E9%AB%94%E9%A9%97%E7%87%9F%E5%88%87%E7%89%88/</loc>
+    <loc>https://landy510.github.io/tags/CSS-object-fix/</loc>
     <lastmod>2024-01-27</lastmod>
     <changefreq>daily</changefreq>
     <priority>0.6</priority>
   </url>
   
   <url>
-    <loc>https://landy510.github.io/tags/CSS-object-fix/</loc>
+    <loc>https://landy510.github.io/tags/CSS-align-self/</loc>
     <lastmod>2024-01-27</lastmod>
     <changefreq>daily</changefreq>
     <priority>0.6</priority>
   </url>
   
   <url>
-    <loc>https://landy510.github.io/tags/CSS-align-self/</loc>
+    <loc>https://landy510.github.io/tags/%E5%89%8D%E7%AB%AF%E9%AB%94%E9%A9%97%E7%87%9F%E5%88%87%E7%89%88/</loc>
     <lastmod>2024-01-27</lastmod>
     <changefreq>daily</changefreq>
     <priority>0.6</priority>
@@ -1460,21 +1467,21 @@
   </url>
   
   <url>
-    <loc>https://landy510.github.io/tags/target/</loc>
+    <loc>https://landy510.github.io/tags/flex-grow/</loc>
     <lastmod>2024-01-27</lastmod>
     <changefreq>daily</changefreq>
     <priority>0.6</priority>
   </url>
   
   <url>
-    <loc>https://landy510.github.io/tags/currentTarget/</loc>
+    <loc>https://landy510.github.io/tags/target/</loc>
     <lastmod>2024-01-27</lastmod>
     <changefreq>daily</changefreq>
     <priority>0.6</priority>
   </url>
   
   <url>
-    <loc>https://landy510.github.io/tags/flex-grow/</loc>
+    <loc>https://landy510.github.io/tags/currentTarget/</loc>
     <lastmod>2024-01-27</lastmod>
     <changefreq>daily</changefreq>
     <priority>0.6</priority>
@@ -1651,14 +1658,14 @@
   </url>
   
   <url>
-    <loc>https://landy510.github.io/categories/%E5%B0%88%E6%A1%88%E9%83%A8%E5%B1%AC%E5%B7%A5%E5%85%B7/</loc>
+    <loc>https://landy510.github.io/categories/TypeScript/TypeScript-%E7%AC%AC%E5%B9%BE%E6%8B%9B/</loc>
     <lastmod>2024-01-27</lastmod>
     <changefreq>daily</changefreq>
     <priority>0.6</priority>
   </url>
   
   <url>
-    <loc>https://landy510.github.io/categories/TypeScript/TypeScript-%E7%AC%AC%E5%B9%BE%E6%8B%9B/</loc>
+    <loc>https://landy510.github.io/categories/%E5%B0%88%E6%A1%88%E9%83%A8%E5%B1%AC%E5%B7%A5%E5%85%B7/</loc>
     <lastmod>2024-01-27</lastmod>
     <changefreq>daily</changefreq>
     <priority>0.6</priority>
diff --git "a/tags/008\351\207\215\346\226\260\350\252\215\350\255\230JavaScript\347\255\206\350\250\230/index.html" "b/tags/008\351\207\215\346\226\260\350\252\215\350\255\230JavaScript\347\255\206\350\250\230/index.html"
index ab997cefc..58d85bc33 100644
--- "a/tags/008\351\207\215\346\226\260\350\252\215\350\255\230JavaScript\347\255\206\350\250\230/index.html"
+++ "b/tags/008\351\207\215\346\226\260\350\252\215\350\255\230JavaScript\347\255\206\350\250\230/index.html"
@@ -268,7 +268,7 @@ <h2 class="collection-header">008重新認識JavaScript筆記
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/AJAX/index.html b/tags/AJAX/index.html
index 9b8877891..5eee90f8f 100644
--- a/tags/AJAX/index.html
+++ b/tags/AJAX/index.html
@@ -368,7 +368,7 @@ <h2 class="collection-header">AJAX
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/Angular-class-binding/index.html b/tags/Angular-class-binding/index.html
index 67280bdb8..2dbe3230d 100644
--- a/tags/Angular-class-binding/index.html
+++ b/tags/Angular-class-binding/index.html
@@ -288,7 +288,7 @@ <h2 class="collection-header">Angular class binding
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/Angular-custom-modal/index.html b/tags/Angular-custom-modal/index.html
index 1547141dd..6ffa21cfe 100644
--- a/tags/Angular-custom-modal/index.html
+++ b/tags/Angular-custom-modal/index.html
@@ -308,7 +308,7 @@ <h2 class="collection-header">Angular custom modal
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/Angular-style-binding/index.html b/tags/Angular-style-binding/index.html
index 0837f09d5..a0cc9c9e3 100644
--- a/tags/Angular-style-binding/index.html
+++ b/tags/Angular-style-binding/index.html
@@ -288,7 +288,7 @@ <h2 class="collection-header">Angular style binding
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/Angular/index.html b/tags/Angular/index.html
index 8fdf37e7d..5e8130364 100644
--- a/tags/Angular/index.html
+++ b/tags/Angular/index.html
@@ -391,7 +391,7 @@ <h2 class="collection-header">Angular
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/Bootstrap/index.html b/tags/Bootstrap/index.html
index 745afc271..c6332cf89 100644
--- a/tags/Bootstrap/index.html
+++ b/tags/Bootstrap/index.html
@@ -451,7 +451,7 @@ <h2 class="collection-header">Bootstrap
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/Bootstrap/page/2/index.html b/tags/Bootstrap/page/2/index.html
index 13bf6e6fd..5b6178981 100644
--- a/tags/Bootstrap/page/2/index.html
+++ b/tags/Bootstrap/page/2/index.html
@@ -314,7 +314,7 @@ <h2 class="collection-header">Bootstrap
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/CSS-align-self/index.html b/tags/CSS-align-self/index.html
index ccbec44f2..a2795791f 100644
--- a/tags/CSS-align-self/index.html
+++ b/tags/CSS-align-self/index.html
@@ -268,7 +268,7 @@ <h2 class="collection-header">CSS align-self
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/CSS-background/index.html b/tags/CSS-background/index.html
index 2f33741da..f7f8d3bd6 100644
--- a/tags/CSS-background/index.html
+++ b/tags/CSS-background/index.html
@@ -368,7 +368,7 @@ <h2 class="collection-header">CSS background
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/CSS-flex-shrink/index.html b/tags/CSS-flex-shrink/index.html
index c6fbac488..0b6ab21e4 100644
--- a/tags/CSS-flex-shrink/index.html
+++ b/tags/CSS-flex-shrink/index.html
@@ -288,7 +288,7 @@ <h2 class="collection-header">CSS flex-shrink
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/CSS-non-replaced-inline-element/index.html b/tags/CSS-non-replaced-inline-element/index.html
index 499d2023f..a7464d24b 100644
--- a/tags/CSS-non-replaced-inline-element/index.html
+++ b/tags/CSS-non-replaced-inline-element/index.html
@@ -268,7 +268,7 @@ <h2 class="collection-header">CSS non-replaced inline element
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/CSS-non-transformable-elements/index.html b/tags/CSS-non-transformable-elements/index.html
index 7470eb640..508f39620 100644
--- a/tags/CSS-non-transformable-elements/index.html
+++ b/tags/CSS-non-transformable-elements/index.html
@@ -268,7 +268,7 @@ <h2 class="collection-header">CSS non transformable elements
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/CSS-object-fix/index.html b/tags/CSS-object-fix/index.html
index e405d6f12..b16e2d1f0 100644
--- a/tags/CSS-object-fix/index.html
+++ b/tags/CSS-object-fix/index.html
@@ -268,7 +268,7 @@ <h2 class="collection-header">CSS object-fix
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/CSS-pseudo-element/index.html b/tags/CSS-pseudo-element/index.html
index a9c578234..b975201ab 100644
--- a/tags/CSS-pseudo-element/index.html
+++ b/tags/CSS-pseudo-element/index.html
@@ -268,7 +268,7 @@ <h2 class="collection-header">CSS pseudo element
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/CSS/index.html b/tags/CSS/index.html
index e74c26d49..3210ce86f 100644
--- a/tags/CSS/index.html
+++ b/tags/CSS/index.html
@@ -408,7 +408,7 @@ <h2 class="collection-header">CSS
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/DataStructure/index.html b/tags/DataStructure/index.html
index 5d14ad362..8dbc1104e 100644
--- a/tags/DataStructure/index.html
+++ b/tags/DataStructure/index.html
@@ -177,6 +177,26 @@ <h2 class="collection-header">DataStructure
       <span class="collection-header">2024</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+
+      <div class="post-meta">
+        <time itemprop="dateCreated"
+              datetime="2024-01-27T20:58:31+08:00"
+              content="2024-01-27">
+          01-27
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/2024/01/27/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-HashTable-Wrap-Up/" itemprop="url">
+            <span itemprop="name">資料結構-HashTable-Wrap Up</span>
+          </a>
+      </div>
+
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
 
@@ -357,26 +377,6 @@ <h2 class="collection-header">DataStructure
     </header>
   </article>
 
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-
-      <div class="post-meta">
-        <time itemprop="dateCreated"
-              datetime="2024-01-14T23:39:42+08:00"
-              content="2024-01-14">
-          01-14
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Breath-First-Traversal-part-2/" itemprop="url">
-            <span itemprop="name">資料結構-Binary Search Tree - Breath First Traversal - part 2</span>
-          </a>
-      </div>
-
-    </header>
-  </article>
-
     </div>
   </div>
   
@@ -451,7 +451,7 @@ <h2 class="collection-header">DataStructure
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/DataStructure/page/2/index.html b/tags/DataStructure/page/2/index.html
index fc4a1c0db..1c0ea9640 100644
--- a/tags/DataStructure/page/2/index.html
+++ b/tags/DataStructure/page/2/index.html
@@ -177,6 +177,26 @@ <h2 class="collection-header">DataStructure
       <span class="collection-header">2024</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+
+      <div class="post-meta">
+        <time itemprop="dateCreated"
+              datetime="2024-01-14T23:39:42+08:00"
+              content="2024-01-14">
+          01-14
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/2024/01/14/%E8%B3%87%E6%96%99%E7%B5%90%E6%A7%8B-Binary-Search-Tree-Breath-First-Traversal-part-2/" itemprop="url">
+            <span itemprop="name">資料結構-Binary Search Tree - Breath First Traversal - part 2</span>
+          </a>
+      </div>
+
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
 
@@ -414,7 +434,7 @@ <h2 class="collection-header">DataStructure
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/DesignPattern/index.html b/tags/DesignPattern/index.html
index 47e806fc6..aa14e0753 100644
--- a/tags/DesignPattern/index.html
+++ b/tags/DesignPattern/index.html
@@ -268,7 +268,7 @@ <h2 class="collection-header">DesignPattern
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/Github/index.html b/tags/Github/index.html
index a2b4b26cd..d1ecd724b 100644
--- a/tags/Github/index.html
+++ b/tags/Github/index.html
@@ -328,7 +328,7 @@ <h2 class="collection-header">Github
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/HTML/index.html b/tags/HTML/index.html
index 069862ba5..f73319dc2 100644
--- a/tags/HTML/index.html
+++ b/tags/HTML/index.html
@@ -308,7 +308,7 @@ <h2 class="collection-header">HTML
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/JavaScript/index.html b/tags/JavaScript/index.html
index 8c4c66893..7e0777e6f 100644
--- a/tags/JavaScript/index.html
+++ b/tags/JavaScript/index.html
@@ -454,7 +454,7 @@ <h2 class="collection-header">JavaScript
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/JavaScript/page/2/index.html b/tags/JavaScript/page/2/index.html
index 29a92e6b4..ff5cde6f9 100644
--- a/tags/JavaScript/page/2/index.html
+++ b/tags/JavaScript/page/2/index.html
@@ -451,7 +451,7 @@ <h2 class="collection-header">JavaScript
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/JavaScript/page/3/index.html b/tags/JavaScript/page/3/index.html
index 686bc2250..3d153cc77 100644
--- a/tags/JavaScript/page/3/index.html
+++ b/tags/JavaScript/page/3/index.html
@@ -451,7 +451,7 @@ <h2 class="collection-header">JavaScript
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/JavaScript/page/4/index.html b/tags/JavaScript/page/4/index.html
index 1b7dd919e..07a97b0ee 100644
--- a/tags/JavaScript/page/4/index.html
+++ b/tags/JavaScript/page/4/index.html
@@ -311,7 +311,7 @@ <h2 class="collection-header">JavaScript
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/Promise/index.html b/tags/Promise/index.html
index 5ec011d39..0f5658c5c 100644
--- a/tags/Promise/index.html
+++ b/tags/Promise/index.html
@@ -388,7 +388,7 @@ <h2 class="collection-header">Promise
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/SCAM/index.html b/tags/SCAM/index.html
index bc3328072..0f452ccca 100644
--- a/tags/SCAM/index.html
+++ b/tags/SCAM/index.html
@@ -268,7 +268,7 @@ <h2 class="collection-header">SCAM
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/tags/TypeScript-\347\254\254\345\271\276\346\213\233/index.html" "b/tags/TypeScript-\347\254\254\345\271\276\346\213\233/index.html"
index f7ea1a629..476db4d63 100644
--- "a/tags/TypeScript-\347\254\254\345\271\276\346\213\233/index.html"
+++ "b/tags/TypeScript-\347\254\254\345\271\276\346\213\233/index.html"
@@ -311,7 +311,7 @@ <h2 class="collection-header">TypeScript 第幾招
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/TypeScript/index.html b/tags/TypeScript/index.html
index 68267c3d8..33ab829f8 100644
--- a/tags/TypeScript/index.html
+++ b/tags/TypeScript/index.html
@@ -311,7 +311,7 @@ <h2 class="collection-header">TypeScript
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/Vue/index.html b/tags/Vue/index.html
index 3169419e7..22002f729 100644
--- a/tags/Vue/index.html
+++ b/tags/Vue/index.html
@@ -451,7 +451,7 @@ <h2 class="collection-header">Vue
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/Vue/page/2/index.html b/tags/Vue/page/2/index.html
index f0ee1093b..5499902e1 100644
--- a/tags/Vue/page/2/index.html
+++ b/tags/Vue/page/2/index.html
@@ -451,7 +451,7 @@ <h2 class="collection-header">Vue
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/Vue/page/3/index.html b/tags/Vue/page/3/index.html
index 45e70fe0b..a3c1207c7 100644
--- a/tags/Vue/page/3/index.html
+++ b/tags/Vue/page/3/index.html
@@ -451,7 +451,7 @@ <h2 class="collection-header">Vue
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/Vue/page/4/index.html b/tags/Vue/page/4/index.html
index af311cb46..42f1d44e8 100644
--- a/tags/Vue/page/4/index.html
+++ b/tags/Vue/page/4/index.html
@@ -451,7 +451,7 @@ <h2 class="collection-header">Vue
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/Vue/page/5/index.html b/tags/Vue/page/5/index.html
index 8f19096e1..caa4e1a8f 100644
--- a/tags/Vue/page/5/index.html
+++ b/tags/Vue/page/5/index.html
@@ -334,7 +334,7 @@ <h2 class="collection-header">Vue
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/currentTarget/index.html b/tags/currentTarget/index.html
index 4fbe12765..b68484447 100644
--- a/tags/currentTarget/index.html
+++ b/tags/currentTarget/index.html
@@ -268,7 +268,7 @@ <h2 class="collection-header">currentTarget
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/flex-grow/index.html b/tags/flex-grow/index.html
index f9cad673a..1a4d0aec0 100644
--- a/tags/flex-grow/index.html
+++ b/tags/flex-grow/index.html
@@ -268,7 +268,7 @@ <h2 class="collection-header">flex-grow
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/getBoundingClientRect/index.html b/tags/getBoundingClientRect/index.html
index c17e981bc..19046bee7 100644
--- a/tags/getBoundingClientRect/index.html
+++ b/tags/getBoundingClientRect/index.html
@@ -268,7 +268,7 @@ <h2 class="collection-header">getBoundingClientRect
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/image-Preview/index.html b/tags/image-Preview/index.html
index 3187019ee..e6ca9ff4a 100644
--- a/tags/image-Preview/index.html
+++ b/tags/image-Preview/index.html
@@ -268,7 +268,7 @@ <h2 class="collection-header">image Preview
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/index.html b/tags/index.html
index 250e80af7..40cada69c 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -268,7 +268,7 @@ <h1 class="post-title" itemprop="name headline">tags
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/jQuery/index.html b/tags/jQuery/index.html
index 2303f2c03..17218f04e 100644
--- a/tags/jQuery/index.html
+++ b/tags/jQuery/index.html
@@ -368,7 +368,7 @@ <h2 class="collection-header">jQuery
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/lazyload/index.html b/tags/lazyload/index.html
index 223475767..c1599c933 100644
--- a/tags/lazyload/index.html
+++ b/tags/lazyload/index.html
@@ -268,7 +268,7 @@ <h2 class="collection-header">lazyload
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/scss/index.html b/tags/scss/index.html
index 222e871cd..ea058b48a 100644
--- a/tags/scss/index.html
+++ b/tags/scss/index.html
@@ -288,7 +288,7 @@ <h2 class="collection-header">scss
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git a/tags/target/index.html b/tags/target/index.html
index 400643717..3da4de97d 100644
--- a/tags/target/index.html
+++ b/tags/target/index.html
@@ -268,7 +268,7 @@ <h2 class="collection-header">target
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/tags/\345\211\215\347\253\257\351\253\224\351\251\227\347\207\237\345\210\207\347\211\210/index.html" "b/tags/\345\211\215\347\253\257\351\253\224\351\251\227\347\207\237\345\210\207\347\211\210/index.html"
index 20a7fb090..5e2cdeae2 100644
--- "a/tags/\345\211\215\347\253\257\351\253\224\351\251\227\347\207\237\345\210\207\347\211\210/index.html"
+++ "b/tags/\345\211\215\347\253\257\351\253\224\351\251\227\347\207\237\345\210\207\347\211\210/index.html"
@@ -391,7 +391,7 @@ <h2 class="collection-header">前端體驗營切版
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/tags/\345\260\210\346\241\210\351\203\250\345\261\254\345\267\245\345\205\267/index.html" "b/tags/\345\260\210\346\241\210\351\203\250\345\261\254\345\267\245\345\205\267/index.html"
index 204694740..3904cb350 100644
--- "a/tags/\345\260\210\346\241\210\351\203\250\345\261\254\345\267\245\345\205\267/index.html"
+++ "b/tags/\345\260\210\346\241\210\351\203\250\345\261\254\345\267\245\345\205\267/index.html"
@@ -328,7 +328,7 @@ <h2 class="collection-header">專案部屬工具
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/tags/\351\207\215\346\226\260\350\252\215\350\255\230JavaScript/index.html" "b/tags/\351\207\215\346\226\260\350\252\215\350\255\230JavaScript/index.html"
index 0e913c671..140a45db5 100644
--- "a/tags/\351\207\215\346\226\260\350\252\215\350\255\230JavaScript/index.html"
+++ "b/tags/\351\207\215\346\226\260\350\252\215\350\255\230JavaScript/index.html"
@@ -288,7 +288,7 @@ <h2 class="collection-header">重新認識JavaScript
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/\345\211\215\347\253\257\351\253\224\351\251\227\347\207\237/index.html" "b/\345\211\215\347\253\257\351\253\224\351\251\227\347\207\237/index.html"
index dc2422f9b..b10a2664b 100644
--- "a/\345\211\215\347\253\257\351\253\224\351\251\227\347\207\237/index.html"
+++ "b/\345\211\215\347\253\257\351\253\224\351\251\227\347\207\237/index.html"
@@ -260,7 +260,7 @@ <h1 class="post-title" itemprop="name headline">前端體驗營
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day01-\347\255\206\350\250\23003.html" "b/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day01-\347\255\206\350\250\23003.html"
index a4741b2cc..f97e72f98 100644
--- "a/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day01-\347\255\206\350\250\23003.html"
+++ "b/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day01-\347\255\206\350\250\23003.html"
@@ -311,7 +311,7 @@ <h3 id="表達式"><a href="#表達式" class="headerlink" title="表達式"></a
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day01-\347\255\206\350\250\23004.html" "b/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day01-\347\255\206\350\250\23004.html"
index 94a7bb236..5f659452e 100644
--- "a/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day01-\347\255\206\350\250\23004.html"
+++ "b/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day01-\347\255\206\350\250\23004.html"
@@ -298,7 +298,7 @@ <h5 id="所以，強烈建議用-取代-，不然，會出現無法理解的結
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day01_\347\255\206\350\250\23001.html" "b/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day01_\347\255\206\350\250\23001.html"
index c8d8ba37f..d9686b54a 100644
--- "a/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day01_\347\255\206\350\250\23001.html"
+++ "b/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day01_\347\255\206\350\250\23001.html"
@@ -310,7 +310,7 @@ <h4 id="它是由反引號-所包覆，並由-一般字串-和-所組成"><a hre
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day01_\347\255\206\350\250\23002.html" "b/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day01_\347\255\206\350\250\23002.html"
index 490967cb1..329f8d543 100644
--- "a/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day01_\347\255\206\350\250\23002.html"
+++ "b/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day01_\347\255\206\350\250\23002.html"
@@ -284,7 +284,7 @@ <h1 id="null-與-undefined"><a href="#null-與-undefined" class="headerlink" tit
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day02-\347\255\206\350\250\23001.html" "b/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day02-\347\255\206\350\250\23001.html"
index f71865104..4e74ed70b 100644
--- "a/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day02-\347\255\206\350\250\23001.html"
+++ "b/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day02-\347\255\206\350\250\23001.html"
@@ -279,7 +279,7 @@ <h1 id="邏輯運算子-Logical-Operator"><a href="#邏輯運算子-Logical-Oper
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day02-\347\255\206\350\250\23002.html" "b/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day02-\347\255\206\350\250\23002.html"
index b2d32ef80..b1e137407 100644
--- "a/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day02-\347\255\206\350\250\23002.html"
+++ "b/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day02-\347\255\206\350\250\23002.html"
@@ -275,7 +275,7 @@ <h3 id="定義函式的方法"><a href="#定義函式的方法" class="headerlin
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day02-\347\255\206\350\250\23003.html" "b/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day02-\347\255\206\350\250\23003.html"
index a8cbbf2a6..7e94cd1bb 100644
--- "a/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day02-\347\255\206\350\250\23003.html"
+++ "b/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day02-\347\255\206\350\250\23003.html"
@@ -289,7 +289,7 @@ <h2 id="「全域物件」是什麼"><a href="#「全域物件」是什麼" clas
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day02-\347\255\206\350\250\23004.html" "b/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day02-\347\255\206\350\250\23004.html"
index bb6beeab6..fe48e6f89 100644
--- "a/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day02-\347\255\206\350\250\23004.html"
+++ "b/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day02-\347\255\206\350\250\23004.html"
@@ -284,7 +284,7 @@ <h1 id="「傳值」還是「傳址」-Pass-by-sharing"><a href="#「傳值」
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day03-\347\255\206\350\250\23001.html" "b/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day03-\347\255\206\350\250\23001.html"
index b668ed6bb..13b04a9e4 100644
--- "a/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day03-\347\255\206\350\250\23001.html"
+++ "b/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day03-\347\255\206\350\250\23001.html"
@@ -285,7 +285,7 @@ <h1 id="DOM-和-BOM-的區別？"><a href="#DOM-和-BOM-的區別？" class="hea
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day03-\347\255\206\350\250\23002.html" "b/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day03-\347\255\206\350\250\23002.html"
index 963bb6851..8a5a37472 100644
--- "a/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day03-\347\255\206\350\250\23002.html"
+++ "b/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day03-\347\255\206\350\250\23002.html"
@@ -329,7 +329,7 @@ <h1 id="利用JavaScript直接寫入CSS樣式"><a href="#利用JavaScript直接
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>
diff --git "a/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day03-\347\255\206\350\250\23003.html" "b/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day03-\347\255\206\350\250\23003.html"
index 77d759054..105208463 100644
--- "a/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day03-\347\255\206\350\250\23003.html"
+++ "b/\351\207\215\346\226\260\350\252\215\350\255\230JS\346\226\207\347\253\240/Day03-\347\255\206\350\250\23003.html"
@@ -285,7 +285,7 @@ <h2 id="history物件"><a href="#history物件" class="headerlink" title="histor
       <div class="site-state-item site-state-posts">
           <a href="/archives/">
         
-          <span class="site-state-item-count">164</span>
+          <span class="site-state-item-count">165</span>
           <span class="site-state-item-name">文章</span>
         </a>
       </div>