From b32079a912298916dec96570c791d7122f99362a Mon Sep 17 00:00:00 2001
From: danni-cool <danni-cool@users.noreply.github.com>
Date: Mon, 6 May 2024 04:03:06 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=8E=B8=20=E6=9B=BF=E6=8D=A2?=
 =?UTF-8?q?=E5=A4=B4=E7=A7=83=20danni-cool/blog-edit@229bcdccc1fe2ef40c71f?=
 =?UTF-8?q?428c11ea24fd4554d5c?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 about/index.html                | 4 ++--
 archives/2019/09/index.html     | 2 +-
 archives/2019/index.html        | 2 +-
 archives/2021/09/index.html     | 2 +-
 archives/2021/index.html        | 2 +-
 archives/2023/10/index.html     | 2 +-
 archives/2023/index.html        | 2 +-
 archives/index.html             | 2 +-
 categories/Tech/index.html      | 2 +-
 categories/index.html           | 2 +-
 tags/Canvas/index.html          | 2 +-
 tags/G2/index.html              | 2 +-
 tags/Github-Actions/index.html  | 2 +-
 tags/Micro-Frontends/index.html | 2 +-
 tags/Next-js/index.html         | 2 +-
 tags/Notion/index.html          | 2 +-
 tags/Pnpm/index.html            | 2 +-
 tags/SVG/index.html             | 2 +-
 tags/Yarn/index.html            | 2 +-
 tags/index.html                 | 2 +-
 tags/single-spa/index.html      | 2 +-
 21 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/about/index.html b/about/index.html
index 79aced5..6cef80f 100644
--- a/about/index.html
+++ b/about/index.html
@@ -25,8 +25,8 @@
 <meta property="og:locale" content="en_US">
 <meta property="og:image" content="http://example.com/img/alipay.png">
 <meta property="og:image" content="http://example.com/img/wechatpay.png">
-<meta property="article:published_time" content="2024-05-06T03:45:11.906Z">
-<meta property="article:modified_time" content="2024-05-06T03:45:11.906Z">
+<meta property="article:published_time" content="2024-05-06T04:02:48.686Z">
+<meta property="article:modified_time" content="2024-05-06T04:02:48.686Z">
 <meta property="article:author" content="Daniel Chan">
 <meta property="article:tag" content="front-end">
 <meta property="article:tag" content="javascript">
diff --git a/archives/2019/09/index.html b/archives/2019/09/index.html
index 9fac933..2af7818 100644
--- a/archives/2019/09/index.html
+++ b/archives/2019/09/index.html
@@ -256,7 +256,7 @@
   
 
 <div id="banner" class="banner" parallax=true
-     style="background: url('/img/default.png') no-repeat center center; background-size: cover;">
+     style="background: url('https://images.unsplash.com/photo-1516898263-bc9e1a4e7e8d?q=80&w=2048&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') no-repeat center center; background-size: cover;">
   <div class="full-bg-img">
     <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
       <div class="banner-text text-center fade-in-up">
diff --git a/archives/2019/index.html b/archives/2019/index.html
index 1ebfd16..9ab0af5 100644
--- a/archives/2019/index.html
+++ b/archives/2019/index.html
@@ -256,7 +256,7 @@
   
 
 <div id="banner" class="banner" parallax=true
-     style="background: url('/img/default.png') no-repeat center center; background-size: cover;">
+     style="background: url('https://images.unsplash.com/photo-1516898263-bc9e1a4e7e8d?q=80&w=2048&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') no-repeat center center; background-size: cover;">
   <div class="full-bg-img">
     <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
       <div class="banner-text text-center fade-in-up">
diff --git a/archives/2021/09/index.html b/archives/2021/09/index.html
index e971afe..1ef2334 100644
--- a/archives/2021/09/index.html
+++ b/archives/2021/09/index.html
@@ -256,7 +256,7 @@
   
 
 <div id="banner" class="banner" parallax=true
-     style="background: url('/img/default.png') no-repeat center center; background-size: cover;">
+     style="background: url('https://images.unsplash.com/photo-1516898263-bc9e1a4e7e8d?q=80&w=2048&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') no-repeat center center; background-size: cover;">
   <div class="full-bg-img">
     <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
       <div class="banner-text text-center fade-in-up">
diff --git a/archives/2021/index.html b/archives/2021/index.html
index 67b2030..c090fbe 100644
--- a/archives/2021/index.html
+++ b/archives/2021/index.html
@@ -256,7 +256,7 @@
   
 
 <div id="banner" class="banner" parallax=true
-     style="background: url('/img/default.png') no-repeat center center; background-size: cover;">
+     style="background: url('https://images.unsplash.com/photo-1516898263-bc9e1a4e7e8d?q=80&w=2048&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') no-repeat center center; background-size: cover;">
   <div class="full-bg-img">
     <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
       <div class="banner-text text-center fade-in-up">
diff --git a/archives/2023/10/index.html b/archives/2023/10/index.html
index 313fa53..ef4d4f2 100644
--- a/archives/2023/10/index.html
+++ b/archives/2023/10/index.html
@@ -256,7 +256,7 @@
   
 
 <div id="banner" class="banner" parallax=true
-     style="background: url('/img/default.png') no-repeat center center; background-size: cover;">
+     style="background: url('https://images.unsplash.com/photo-1516898263-bc9e1a4e7e8d?q=80&w=2048&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') no-repeat center center; background-size: cover;">
   <div class="full-bg-img">
     <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
       <div class="banner-text text-center fade-in-up">
diff --git a/archives/2023/index.html b/archives/2023/index.html
index e862493..ec4aa3c 100644
--- a/archives/2023/index.html
+++ b/archives/2023/index.html
@@ -256,7 +256,7 @@
   
 
 <div id="banner" class="banner" parallax=true
-     style="background: url('/img/default.png') no-repeat center center; background-size: cover;">
+     style="background: url('https://images.unsplash.com/photo-1516898263-bc9e1a4e7e8d?q=80&w=2048&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') no-repeat center center; background-size: cover;">
   <div class="full-bg-img">
     <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
       <div class="banner-text text-center fade-in-up">
diff --git a/archives/index.html b/archives/index.html
index bd41922..982e500 100644
--- a/archives/index.html
+++ b/archives/index.html
@@ -256,7 +256,7 @@
   
 
 <div id="banner" class="banner" parallax=true
-     style="background: url('/img/default.png') no-repeat center center; background-size: cover;">
+     style="background: url('https://images.unsplash.com/photo-1516898263-bc9e1a4e7e8d?q=80&w=2048&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') no-repeat center center; background-size: cover;">
   <div class="full-bg-img">
     <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
       <div class="banner-text text-center fade-in-up">
diff --git a/categories/Tech/index.html b/categories/Tech/index.html
index 04ee34d..cdf80bc 100644
--- a/categories/Tech/index.html
+++ b/categories/Tech/index.html
@@ -256,7 +256,7 @@
   
 
 <div id="banner" class="banner" parallax=true
-     style="background: url('/img/default.png') no-repeat center center; background-size: cover;">
+     style="background: url('https://assets.speeddial2.com/themes/63.jpg') no-repeat center center; background-size: cover;">
   <div class="full-bg-img">
     <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
       <div class="banner-text text-center fade-in-up">
diff --git a/categories/index.html b/categories/index.html
index 84c3565..acbbc1d 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -256,7 +256,7 @@
   
 
 <div id="banner" class="banner" parallax=true
-     style="background: url('/img/default.png') no-repeat center center; background-size: cover;">
+     style="background: url('https://assets.speeddial2.com/themes/63.jpg') no-repeat center center; background-size: cover;">
   <div class="full-bg-img">
     <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
       <div class="banner-text text-center fade-in-up">
diff --git a/tags/Canvas/index.html b/tags/Canvas/index.html
index 51bc897..3e31296 100644
--- a/tags/Canvas/index.html
+++ b/tags/Canvas/index.html
@@ -256,7 +256,7 @@
   
 
 <div id="banner" class="banner" parallax=true
-     style="background: url('/img/default.png') no-repeat center center; background-size: cover;">
+     style="background: url('https://images.unsplash.com/photo-1714572877777-59bf4765f462?q=80&w=3640&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') no-repeat center center; background-size: cover;">
   <div class="full-bg-img">
     <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
       <div class="banner-text text-center fade-in-up">
diff --git a/tags/G2/index.html b/tags/G2/index.html
index 4415315..e33a45d 100644
--- a/tags/G2/index.html
+++ b/tags/G2/index.html
@@ -256,7 +256,7 @@
   
 
 <div id="banner" class="banner" parallax=true
-     style="background: url('/img/default.png') no-repeat center center; background-size: cover;">
+     style="background: url('https://images.unsplash.com/photo-1714572877777-59bf4765f462?q=80&w=3640&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') no-repeat center center; background-size: cover;">
   <div class="full-bg-img">
     <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
       <div class="banner-text text-center fade-in-up">
diff --git a/tags/Github-Actions/index.html b/tags/Github-Actions/index.html
index 9858813..359f6c6 100644
--- a/tags/Github-Actions/index.html
+++ b/tags/Github-Actions/index.html
@@ -256,7 +256,7 @@
   
 
 <div id="banner" class="banner" parallax=true
-     style="background: url('/img/default.png') no-repeat center center; background-size: cover;">
+     style="background: url('https://images.unsplash.com/photo-1714572877777-59bf4765f462?q=80&w=3640&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') no-repeat center center; background-size: cover;">
   <div class="full-bg-img">
     <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
       <div class="banner-text text-center fade-in-up">
diff --git a/tags/Micro-Frontends/index.html b/tags/Micro-Frontends/index.html
index b1073b4..f3aba87 100644
--- a/tags/Micro-Frontends/index.html
+++ b/tags/Micro-Frontends/index.html
@@ -256,7 +256,7 @@
   
 
 <div id="banner" class="banner" parallax=true
-     style="background: url('/img/default.png') no-repeat center center; background-size: cover;">
+     style="background: url('https://images.unsplash.com/photo-1714572877777-59bf4765f462?q=80&w=3640&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') no-repeat center center; background-size: cover;">
   <div class="full-bg-img">
     <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
       <div class="banner-text text-center fade-in-up">
diff --git a/tags/Next-js/index.html b/tags/Next-js/index.html
index d0eea36..9f8ae1f 100644
--- a/tags/Next-js/index.html
+++ b/tags/Next-js/index.html
@@ -256,7 +256,7 @@
   
 
 <div id="banner" class="banner" parallax=true
-     style="background: url('/img/default.png') no-repeat center center; background-size: cover;">
+     style="background: url('https://images.unsplash.com/photo-1714572877777-59bf4765f462?q=80&w=3640&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') no-repeat center center; background-size: cover;">
   <div class="full-bg-img">
     <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
       <div class="banner-text text-center fade-in-up">
diff --git a/tags/Notion/index.html b/tags/Notion/index.html
index 153af47..f71203d 100644
--- a/tags/Notion/index.html
+++ b/tags/Notion/index.html
@@ -256,7 +256,7 @@
   
 
 <div id="banner" class="banner" parallax=true
-     style="background: url('/img/default.png') no-repeat center center; background-size: cover;">
+     style="background: url('https://images.unsplash.com/photo-1714572877777-59bf4765f462?q=80&w=3640&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') no-repeat center center; background-size: cover;">
   <div class="full-bg-img">
     <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
       <div class="banner-text text-center fade-in-up">
diff --git a/tags/Pnpm/index.html b/tags/Pnpm/index.html
index 3857f94..ca29a5c 100644
--- a/tags/Pnpm/index.html
+++ b/tags/Pnpm/index.html
@@ -256,7 +256,7 @@
   
 
 <div id="banner" class="banner" parallax=true
-     style="background: url('/img/default.png') no-repeat center center; background-size: cover;">
+     style="background: url('https://images.unsplash.com/photo-1714572877777-59bf4765f462?q=80&w=3640&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') no-repeat center center; background-size: cover;">
   <div class="full-bg-img">
     <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
       <div class="banner-text text-center fade-in-up">
diff --git a/tags/SVG/index.html b/tags/SVG/index.html
index be3f185..ba4c72c 100644
--- a/tags/SVG/index.html
+++ b/tags/SVG/index.html
@@ -256,7 +256,7 @@
   
 
 <div id="banner" class="banner" parallax=true
-     style="background: url('/img/default.png') no-repeat center center; background-size: cover;">
+     style="background: url('https://images.unsplash.com/photo-1714572877777-59bf4765f462?q=80&w=3640&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') no-repeat center center; background-size: cover;">
   <div class="full-bg-img">
     <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
       <div class="banner-text text-center fade-in-up">
diff --git a/tags/Yarn/index.html b/tags/Yarn/index.html
index f39e899..f917b7e 100644
--- a/tags/Yarn/index.html
+++ b/tags/Yarn/index.html
@@ -256,7 +256,7 @@
   
 
 <div id="banner" class="banner" parallax=true
-     style="background: url('/img/default.png') no-repeat center center; background-size: cover;">
+     style="background: url('https://images.unsplash.com/photo-1714572877777-59bf4765f462?q=80&w=3640&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') no-repeat center center; background-size: cover;">
   <div class="full-bg-img">
     <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
       <div class="banner-text text-center fade-in-up">
diff --git a/tags/index.html b/tags/index.html
index 63a7ed6..0476598 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -256,7 +256,7 @@
   
 
 <div id="banner" class="banner" parallax=true
-     style="background: url('/img/default.png') no-repeat center center; background-size: cover;">
+     style="background: url('https://images.unsplash.com/photo-1714572877777-59bf4765f462?q=80&w=3640&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') no-repeat center center; background-size: cover;">
   <div class="full-bg-img">
     <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
       <div class="banner-text text-center fade-in-up">
diff --git a/tags/single-spa/index.html b/tags/single-spa/index.html
index dbb7be7..87caf67 100644
--- a/tags/single-spa/index.html
+++ b/tags/single-spa/index.html
@@ -256,7 +256,7 @@
   
 
 <div id="banner" class="banner" parallax=true
-     style="background: url('/img/default.png') no-repeat center center; background-size: cover;">
+     style="background: url('https://images.unsplash.com/photo-1714572877777-59bf4765f462?q=80&w=3640&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') no-repeat center center; background-size: cover;">
   <div class="full-bg-img">
     <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
       <div class="banner-text text-center fade-in-up">