diff --git a/403.html b/403.html
index 048335a..df15423 100644
--- a/403.html
+++ b/403.html
@@ -8,6 +8,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.jpg" type="image/jpeg">
     <link type="text/css" rel="stylesheet" href="./static/css/errors.css" />
+    <link rel="stylesheet" href="https://cdn.ghink.net/assembly/aplayer/1.10.0/APlayer.min.css">
 </head>
 
 <body>
@@ -15,14 +16,112 @@
         <div>
             <h1 data-h1="403">403</h1>
             <p data-p="FORBIDDEN">FORBIDDEN</p>
+            <div id="aplayer"></div>
         </div>
     </div>
 
-    <div id="tsparticles"></div>
-
-    <script type="text/javascript"
-        src="https://cdn.ghink.net/js/tsparticles/1.18.11/tsparticles.min.js"></script>
-    <script type="text/javascript" src="./static/js/errors.js"></script>
+    <script src="https://cdn.ghink.net/assembly/aplayer/1.10.0/APlayer.min.js"></script>
+    <script>
+        const ap = new APlayer({
+        container: document.getElementById('aplayer'),
+        autoplay: false,
+        loop: 'all',
+        listFolded: true,
+        order: "random",
+        audio: [
+            {
+                name: 'Roots',
+                artist: 'Josh Leake',
+                url: 'https://cdn.ghink.net/site/public/404/musics/Josh%20Leake%20-%20Roots.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'Fall To Light',
+                artist: 'Laszlo',
+                url: 'https://cdn.ghink.net/site/public/404/musics/Laszlo%20-%20Fall%20To%20Light.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'Here We Are',
+                artist: 'Laszlo',
+                url: 'https://cdn.ghink.net/site/public/404/musics/Laszlo%20-%20Here%20We%20Are.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'Imaginary Friends',
+                artist: 'Laszlo',
+                url: 'https://cdn.ghink.net/site/public/404/musics/Laszlo%20-%20Imaginary%20Friends.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'Flares',
+                artist: 'NIVIRO',
+                url: 'https://cdn.ghink.net/site/public/404/musics/NIVIRO%20-%20Flares.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'The Ghost',
+                artist: 'NIVIRO',
+                url: 'https://cdn.ghink.net/site/public/404/musics/NIVIRO%20-%20The%20Ghost.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'Candyland',
+                artist: 'Tobu',
+                url: 'https://cdn.ghink.net/site/public/404/musics/Tobu%20-%20Candyland.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'Hope (Original Mix)',
+                artist: 'Tobu',
+                url: 'https://cdn.ghink.net/site/public/404/musics/Tobu%20-%20Hope%20(Original%20Mix).mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'Life',
+                artist: 'Tobu',
+                url: 'https://cdn.ghink.net/site/public/404/musics/Tobu%20-%20Life.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'Mesmerize',
+                artist: 'Tobu',
+                url: 'https://cdn.ghink.net/site/public/404/musics/Tobu%20-%20Mesmerize.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'Seven',
+                artist: 'Tobu',
+                url: 'https://cdn.ghink.net/site/public/404/musics/Tobu%20-%20Seven.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'Cloud 9',
+                artist: 'Tobu,Itro',
+                url: 'https://cdn.ghink.net/site/public/404/musics/Tobu,Itro%20-%20Cloud%209.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'Sunburst',
+                artist: 'Tobu,Itro',
+                url: 'https://cdn.ghink.net/site/public/404/musics/Tobu,Itro%20-%20Sunburst.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'Force',
+                artist: 'Alan Walker',
+                url: 'https://cdn.ghink.net/site/public/404/musics/Alan%20Walker%20-%20Force.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'Spectre',
+                artist: 'Alan Walker',
+                url: 'https://cdn.ghink.net/site/public/404/musics/Alan%20Walker%20-%20Spectre.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+        ]
+        });
+    </script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/404.html b/404.html
index e322e50..1b54770 100644
--- a/404.html
+++ b/404.html
@@ -8,6 +8,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.jpg" type="image/jpeg">
     <link type="text/css" rel="stylesheet" href="./static/css/errors.css" />
+    <link rel="stylesheet" href="https://cdn.ghink.net/assembly/aplayer/1.10.0/APlayer.min.css">
 </head>
 
 <body>
@@ -15,14 +16,112 @@
         <div>
             <h1 data-h1="404">404</h1>
             <p data-p="NOT FOUND">NOT FOUND</p>
+            <div id="aplayer"></div>
         </div>
     </div>
 
-    <div id="tsparticles"></div>
-
-    <script type="text/javascript"
-        src="https://cdn.ghink.net/js/tsparticles/1.18.11/tsparticles.min.js"></script>
-    <script type="text/javascript" src="./static/js/errors.js"></script>
+    <script src="https://cdn.ghink.net/assembly/aplayer/1.10.0/APlayer.min.js"></script>
+    <script>
+        const ap = new APlayer({
+        container: document.getElementById('aplayer'),
+        autoplay: false,
+        loop: 'all',
+        listFolded: true,
+        order: "random",
+        audio: [
+            {
+                name: 'Roots',
+                artist: 'Josh Leake',
+                url: 'https://cdn.ghink.net/site/public/404/musics/Josh%20Leake%20-%20Roots.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'Fall To Light',
+                artist: 'Laszlo',
+                url: 'https://cdn.ghink.net/site/public/404/musics/Laszlo%20-%20Fall%20To%20Light.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'Here We Are',
+                artist: 'Laszlo',
+                url: 'https://cdn.ghink.net/site/public/404/musics/Laszlo%20-%20Here%20We%20Are.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'Imaginary Friends',
+                artist: 'Laszlo',
+                url: 'https://cdn.ghink.net/site/public/404/musics/Laszlo%20-%20Imaginary%20Friends.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'Flares',
+                artist: 'NIVIRO',
+                url: 'https://cdn.ghink.net/site/public/404/musics/NIVIRO%20-%20Flares.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'The Ghost',
+                artist: 'NIVIRO',
+                url: 'https://cdn.ghink.net/site/public/404/musics/NIVIRO%20-%20The%20Ghost.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'Candyland',
+                artist: 'Tobu',
+                url: 'https://cdn.ghink.net/site/public/404/musics/Tobu%20-%20Candyland.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'Hope (Original Mix)',
+                artist: 'Tobu',
+                url: 'https://cdn.ghink.net/site/public/404/musics/Tobu%20-%20Hope%20(Original%20Mix).mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'Life',
+                artist: 'Tobu',
+                url: 'https://cdn.ghink.net/site/public/404/musics/Tobu%20-%20Life.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'Mesmerize',
+                artist: 'Tobu',
+                url: 'https://cdn.ghink.net/site/public/404/musics/Tobu%20-%20Mesmerize.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'Seven',
+                artist: 'Tobu',
+                url: 'https://cdn.ghink.net/site/public/404/musics/Tobu%20-%20Seven.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'Cloud 9',
+                artist: 'Tobu,Itro',
+                url: 'https://cdn.ghink.net/site/public/404/musics/Tobu,Itro%20-%20Cloud%209.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'Sunburst',
+                artist: 'Tobu,Itro',
+                url: 'https://cdn.ghink.net/site/public/404/musics/Tobu,Itro%20-%20Sunburst.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'Force',
+                artist: 'Alan Walker',
+                url: 'https://cdn.ghink.net/site/public/404/musics/Alan%20Walker%20-%20Force.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+            {
+                name: 'Spectre',
+                artist: 'Alan Walker',
+                url: 'https://cdn.ghink.net/site/public/404/musics/Alan%20Walker%20-%20Spectre.mp3',
+                cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
+            },
+        ]
+        });
+    </script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/about.html b/about.html
index 0e82907..24ef6af 100644
--- a/about.html
+++ b/about.html
@@ -1,7 +1,22 @@
-<script>
-if(navigator.language=="zh-CN"){
-	window.location.href="./zh_CN/about.html";
-}else{
-	window.location.href="./en_US/about.html";
-}
-</script>
\ No newline at end of file
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<meta name="author" content="Bigsk">
+		<meta name="description" content="Bigsk's personal website">
+		<meta name="keywords" content="bigsk,ianxia,xiaxinzhe,blog,photography,developer,opensource,fullstack">
+		<title>Ian Xia - About</title>
+		<script>
+			if (navigator.language == "zh-CN") {
+				window.location.href = "./zh_CN/about.html";
+			} else {
+				window.location.href = "./en_US/about.html";
+			}
+		</script>
+	</head>
+	<body>
+
+	</body>
+</html>
\ No newline at end of file
diff --git a/en_US/about.html b/en_US/about.html
index 8c06e52..bcef3d7 100644
--- a/en_US/about.html
+++ b/en_US/about.html
@@ -7,12 +7,17 @@
     <title>Ian Xia - About</title>
     <!-- Bootstrap -->
     <link href="https://cdn.ghink.net/assembly/bootstrap/4.6.1/css/bootstrap.min.css" rel="stylesheet">
-	<!-- Font Awesome -->
-	<link rel="stylesheet" href="https://cdn.ghink.net/assembly/font-awesome/4.7.0/css/font-awesome.min.css">
+    <!-- Font Awesome -->
+    <link rel="stylesheet" href="https://cdn.ghink.net/assembly/font-awesome/4.7.0/css/font-awesome.min.css">
     <!-- Modal -->
     <link rel="stylesheet" href="../static/css/modal.css">
-	<!-- Favicon -->
-	<link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.png" type="image/png">
+    <!-- Favicon -->
+    <link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.png" type="image/png">
+    
+		<meta name="author" content="Bigsk">
+		<meta name="description" content="Bigsk's personal website">
+		<meta name="keywords" content="bigsk,ianxia,xiaxinzhe,blog,photography,developer,opensource,fullstack">
+    
     <style>
       .table-bordered > tbody > tr > td
       {
@@ -39,8 +44,8 @@
             </li>
             <li class="nav-item dropdown">
               <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-			    <b>More</b>
-			  </a>
+                <b>More</b>
+              </a>
               <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                 <a class="dropdown-item" href="https://blog.ianxia.com"><b>Blog (In Chinese)</b></a>
                 <a class="dropdown-item" href="https://demo.ianxia.com"><b>DEMO</b></a>
@@ -93,7 +98,7 @@
             </tr>
             <tr>
               <td class="h6 font-weight-normal">
-                QSL ADDR：
+                QSL ADDR:
               </td>
               <td class="h6 font-weight-bold">No.691 Jiaochang Rd. Tongxiang Zhejiang, P.R.C. 314500</td>
             </tr>
@@ -106,9 +111,9 @@
       </div>
     </div>
     <br>
-	<script>
-		let date = new Date();
-	</script>
+    <script>
+      let date = new Date();
+    </script>
     <footer class="text-center">
       <div class="container">
         <div class="row">
@@ -190,42 +195,42 @@
         }
       });
     </script>
-  <!-- owl carousel -->
-  <script src="https://cdn.ghink.net/site/ghink/v2/js/owl.carousel.js"></script>
-  <!-- script for tesimonials carousel slider -->
-  <!-- script for owlcarousel -->
-  <script>
-    $(document).ready(function () {
-      $('.owl-testimonial').owlCarousel({
-        loop: true,
-        margin: 0,
-        nav: false,
-        responsiveClass: true,
-        autoplay: false,
-        autoplayTimeout: 5000,
-        autoplaySpeed: 1000,
-        autoplayHoverPause: false,
-        responsive: {
-          0: {
-            items: 1,
-            nav: false
-          },
-          480: {
-            items: 1,
-            nav: false
-          },
-          667: {
-            items: 1,
-            nav: false
-          },
-          1000: {
-            items: 1,
-            nav: false
+    <!-- owl carousel -->
+    <script src="https://cdn.ghink.net/site/ghink/v2/js/owl.carousel.js"></script>
+    <!-- script for tesimonials carousel slider -->
+    <!-- script for owlcarousel -->
+    <script>
+      $(document).ready(function () {
+        $('.owl-testimonial').owlCarousel({
+          loop: true,
+          margin: 0,
+          nav: false,
+          responsiveClass: true,
+          autoplay: false,
+          autoplayTimeout: 5000,
+          autoplaySpeed: 1000,
+          autoplayHoverPause: false,
+          responsive: {
+            0: {
+              items: 1,
+              nav: false
+            },
+            480: {
+              items: 1,
+              nav: false
+            },
+            667: {
+              items: 1,
+              nav: false
+            },
+            1000: {
+              items: 1,
+              nav: false
+            }
           }
-        }
+        })
       })
-    })
-  </script>
+    </script>
     <!-- Include all compiled plugins (below), or include individual files as needed -->
     <script src="https://cdn.ghink.net/js/popper/1.16.1/popper.min.js"></script>
     <script src="https://cdn.ghink.net/assembly/bootstrap/4.6.1/js/bootstrap.min.js"></script>
diff --git a/en_US/index.html b/en_US/index.html
index a6dfac3..70fdb96 100644
--- a/en_US/index.html
+++ b/en_US/index.html
@@ -7,12 +7,16 @@
     <title>Ian Xia - Index</title>
     <!-- Bootstrap -->
     <link href="https://cdn.ghink.net/assembly/bootstrap/4.6.1/css/bootstrap.min.css" rel="stylesheet">
-	<!-- Font Awesome -->
-	<link rel="stylesheet" href="https://cdn.ghink.net/assembly/font-awesome/4.7.0/css/font-awesome.min.css">
+    <!-- Font Awesome -->
+    <link rel="stylesheet" href="https://cdn.ghink.net/assembly/font-awesome/4.7.0/css/font-awesome.min.css">
     <!-- Modal -->
     <link rel="stylesheet" href="../static/css/modal.css">
-	<!-- Favicon -->
-	<link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.png" type="image/png">
+    <!-- Favicon -->
+    <link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.png" type="image/png">
+    
+		<meta name="author" content="Bigsk">
+		<meta name="description" content="Bigsk's personal website">
+		<meta name="keywords" content="bigsk,ianxia,xiaxinzhe,blog,photography,developer,opensource,fullstack">
   </head>
   <body>
     <nav class="navbar navbar-expand-lg navbar-light bg-light">
@@ -33,8 +37,8 @@
             </li>
             <li class="nav-item dropdown">
               <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-			    <b>More</b>
-			  </a>
+                <b>More</b>
+              </a>
               <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                 <a class="dropdown-item" href="https://blog.ianxia.com"><b>Blog (In Chinese)</b></a>
                 <a class="dropdown-item" href="https://demo.ianxia.com"><b>DEMO</b></a>
@@ -109,7 +113,7 @@
     </div>
     <br>
     <h2 class="text-center">PROGRAMMING WORKS</h2>
-	<br>
+	  <br>
     <div class="container">
       <div class="row text-center">
         <div class="col-md-4 pb-1 pb-md-0">
@@ -145,9 +149,9 @@
       </div>
     </div>
     <br>
-	<script>
-		let date = new Date();
-	</script>
+	  <script>
+		  let date = new Date();
+	  </script>
     <footer class="text-center">
       <div class="container">
         <div class="row">
@@ -229,42 +233,42 @@
         }
       });
     </script>
-  <!-- owl carousel -->
-  <script src="https://cdn.ghink.net/site/ghink/v2/js/owl.carousel.js"></script>
-  <!-- script for tesimonials carousel slider -->
-  <!-- script for owlcarousel -->
-  <script>
-    $(document).ready(function () {
-      $('.owl-testimonial').owlCarousel({
-        loop: true,
-        margin: 0,
-        nav: false,
-        responsiveClass: true,
-        autoplay: false,
-        autoplayTimeout: 5000,
-        autoplaySpeed: 1000,
-        autoplayHoverPause: false,
-        responsive: {
-          0: {
-            items: 1,
-            nav: false
-          },
-          480: {
-            items: 1,
-            nav: false
-          },
-          667: {
-            items: 1,
-            nav: false
-          },
-          1000: {
-            items: 1,
-            nav: false
+    <!-- owl carousel -->
+    <script src="https://cdn.ghink.net/site/ghink/v2/js/owl.carousel.js"></script>
+    <!-- script for tesimonials carousel slider -->
+    <!-- script for owlcarousel -->
+    <script>
+      $(document).ready(function () {
+        $('.owl-testimonial').owlCarousel({
+          loop: true,
+          margin: 0,
+          nav: false,
+          responsiveClass: true,
+          autoplay: false,
+          autoplayTimeout: 5000,
+          autoplaySpeed: 1000,
+          autoplayHoverPause: false,
+          responsive: {
+            0: {
+              items: 1,
+              nav: false
+            },
+            480: {
+              items: 1,
+              nav: false
+            },
+            667: {
+              items: 1,
+              nav: false
+            },
+            1000: {
+              items: 1,
+              nav: false
+            }
           }
-        }
+        })
       })
-    })
-  </script>
+    </script>
     <!-- Include all compiled plugins (below), or include individual files as needed -->
     <script src="https://cdn.ghink.net/js/popper/1.16.1/popper.min.js"></script>
     <script src="https://cdn.ghink.net/assembly/bootstrap/4.6.1/js/bootstrap.min.js"></script>
diff --git a/index.html b/index.html
index e63d0dc..b18a5bb 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,22 @@
-<script>
-if(navigator.language=="zh-CN"){
-	window.location.href="./zh_CN/index.html";
-}else{
-	window.location.href="./en_US/index.html";
-}
-</script>
\ No newline at end of file
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<meta name="author" content="Bigsk">
+		<meta name="description" content="Bigsk's personal website">
+		<meta name="keywords" content="bigsk,ianxia,xiaxinzhe,blog,photography,developer,opensource,fullstack">
+		<title>Ian Xia - Index</title>
+		<script>
+			if (navigator.language == "zh-CN") {
+				window.location.href = "./zh_CN/index.html";
+			} else {
+				window.location.href = "./en_US/index.html";
+			}
+		</script>
+	</head>
+	<body>
+
+	</body>
+</html>
\ No newline at end of file
diff --git a/static/js/errors.js b/static/js/errors.js
deleted file mode 100644
index afad646..0000000
--- a/static/js/errors.js
+++ /dev/null
@@ -1,56 +0,0 @@
-tsParticles.load("tsparticles", {
-    fpsLimit: 60,
-    particles: {
-        number: {
-            value: 5,
-            density: {
-                enable: true,
-                area: 800
-            }
-        },
-        color: {
-            value: "#fcfcfc"
-        },
-        shape: {
-            type: "circle"
-        },
-        opacity: {
-            value: 0.5,
-            random: {
-                enable: true,
-                minimumValue: 0.1
-            },
-        },
-        size: {
-            value: 140,
-            random: {
-                enable: true,
-                minimumValue: 40
-            },
-            animation: {
-                enable: true,
-                speed: 10,
-                minimumValue: 40,
-                sync: false
-            }
-        },
-        move: {
-            enable: true,
-            speed: 8,
-            direction: "none",
-            random: false,
-            straight: false,
-            outModes: {
-                default: "out"
-            }
-        }
-    },
-    interactivity: {
-        detectsOn: "canvas",
-        events: {
-            resize: true
-        }
-    },
-    detectRetina: true
-});
-
diff --git a/zh_CN/about.html b/zh_CN/about.html
index 04e6772..a5ae241 100644
--- a/zh_CN/about.html
+++ b/zh_CN/about.html
@@ -7,12 +7,17 @@
     <title>Ian Xia - 关于</title>
     <!-- Bootstrap -->
     <link href="https://cdn.ghink.net/assembly/bootstrap/4.6.1/css/bootstrap.min.css" rel="stylesheet">
-	<!-- Font Awesome -->
-	<link rel="stylesheet" href="https://cdn.ghink.net/assembly/font-awesome/4.7.0/css/font-awesome.min.css">
+    <!-- Font Awesome -->
+    <link rel="stylesheet" href="https://cdn.ghink.net/assembly/font-awesome/4.7.0/css/font-awesome.min.css">
     <!-- Modal -->
     <link rel="stylesheet" href="../static/css/modal.css">
-	<!-- Favicon -->
-	<link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.png" type="image/png">
+    <!-- Favicon -->
+    <link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.png" type="image/png">
+
+		<meta name="author" content="Bigsk">
+		<meta name="description" content="Bigsk的个人网站">
+		<meta name="keywords" content="bigsk,ianxia,xiaxinzhe,blog,摄影,开发,开源,全栈,博客">
+    
     <style>
       .table-bordered > tbody > tr > td
       {
@@ -189,42 +194,42 @@
         }
       });
     </script>
-  <!-- owl carousel -->
-  <script src="https://cdn.ghink.net/site/ghink/v2/js/owl.carousel.js"></script>
-  <!-- script for tesimonials carousel slider -->
-  <!-- script for owlcarousel -->
-  <script>
-    $(document).ready(function () {
-      $('.owl-testimonial').owlCarousel({
-        loop: true,
-        margin: 0,
-        nav: false,
-        responsiveClass: true,
-        autoplay: false,
-        autoplayTimeout: 5000,
-        autoplaySpeed: 1000,
-        autoplayHoverPause: false,
-        responsive: {
-          0: {
-            items: 1,
-            nav: false
-          },
-          480: {
-            items: 1,
-            nav: false
-          },
-          667: {
-            items: 1,
-            nav: false
-          },
-          1000: {
-            items: 1,
-            nav: false
+    <!-- owl carousel -->
+    <script src="https://cdn.ghink.net/site/ghink/v2/js/owl.carousel.js"></script>
+    <!-- script for tesimonials carousel slider -->
+    <!-- script for owlcarousel -->
+    <script>
+      $(document).ready(function () {
+        $('.owl-testimonial').owlCarousel({
+          loop: true,
+          margin: 0,
+          nav: false,
+          responsiveClass: true,
+          autoplay: false,
+          autoplayTimeout: 5000,
+          autoplaySpeed: 1000,
+          autoplayHoverPause: false,
+          responsive: {
+            0: {
+              items: 1,
+              nav: false
+            },
+            480: {
+              items: 1,
+              nav: false
+            },
+            667: {
+              items: 1,
+              nav: false
+            },
+            1000: {
+              items: 1,
+              nav: false
+            }
           }
-        }
+        })
       })
-    })
-  </script>
+    </script>
     <!-- Include all compiled plugins (below), or include individual files as needed -->
     <script src="https://cdn.ghink.net/js/popper/1.16.1/popper.min.js"></script>
     <script src="https://cdn.ghink.net/assembly/bootstrap/4.6.1/js/bootstrap.min.js"></script>
diff --git a/zh_CN/index.html b/zh_CN/index.html
index dd7bbac..b241968 100644
--- a/zh_CN/index.html
+++ b/zh_CN/index.html
@@ -7,12 +7,16 @@
     <title>Ian Xia - 首页</title>
     <!-- Bootstrap -->
     <link href="https://cdn.ghink.net/assembly/bootstrap/4.6.1/css/bootstrap.min.css" rel="stylesheet">
-	<!-- Font Awesome -->
-	<link rel="stylesheet" href="https://cdn.ghink.net/assembly/font-awesome/4.7.0/css/font-awesome.min.css">
+    <!-- Font Awesome -->
+    <link rel="stylesheet" href="https://cdn.ghink.net/assembly/font-awesome/4.7.0/css/font-awesome.min.css">
     <!-- Modal -->
     <link rel="stylesheet" href="../static/css/modal.css">
-	<!-- Favicon -->
-	<link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.png" type="image/png">
+    <!-- Favicon -->
+    <link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.png" type="image/png">
+
+		<meta name="author" content="Bigsk">
+		<meta name="description" content="Bigsk的个人网站">
+		<meta name="keywords" content="bigsk,ianxia,xiaxinzhe,blog,摄影,开发,开源,全栈,博客">
   </head>
   <body>
     <nav class="navbar navbar-expand-lg navbar-light bg-light">
@@ -176,95 +180,95 @@
     </div>
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
     <script src="https://cdn.ghink.net/js/jquery/jquery-3.6.0.min.js"></script><!-- Grey Filter Detector -->
-  <script>
-    $.ajax({
-      type: "GET",
-      url: "https://open.geh.ink/grey_filter",
-      dataType: "json",
-      success: function(data, textStatus){
-        for (let i=0;i<data["content"]["accurate_slot"].length;i++) {
-          // Accurate Slot
-          if (Date.now()/1000 >= data["content"]["accurate_slot"][i][0] && Date.now()/1000 <= data["content"]["accurate_slot"][i][1]) {
-            $("html").css({
-              '-webkit-filter': 'grayscale(100%)',
-              '-moz-filter': 'grayscale(100%)',
-              '-ms-filter': 'grayscale(100%)',
-              '-o-filter': 'grayscale(100%)',
-              'filter': 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)',
-              '_filter': 'none'
-            });
-            break;
+    <script>
+      $.ajax({
+        type: "GET",
+        url: "https://open.geh.ink/grey_filter",
+        dataType: "json",
+        success: function(data, textStatus){
+          for (let i=0;i<data["content"]["accurate_slot"].length;i++) {
+            // Accurate Slot
+            if (Date.now()/1000 >= data["content"]["accurate_slot"][i][0] && Date.now()/1000 <= data["content"]["accurate_slot"][i][1]) {
+              $("html").css({
+                '-webkit-filter': 'grayscale(100%)',
+                '-moz-filter': 'grayscale(100%)',
+                '-ms-filter': 'grayscale(100%)',
+                '-o-filter': 'grayscale(100%)',
+                'filter': 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)',
+                '_filter': 'none'
+              });
+              break;
+            }
+          }
+          for (let i=0;i<data["content"]["day_slot"].length;i++) {
+            // Day Slot
+            let begin = new Date(
+              date.getFullYear().toString() + "-" + 
+              data["content"]["day_slot"][i][0][0].toString() + "-" + 
+              data["content"]["day_slot"][i][0][1].toString() + " " + 
+              data["content"]["day_slot"][i][0][2].toString() + ":" +
+              data["content"]["day_slot"][i][0][3].toString() + ":" +
+              data["content"]["day_slot"][i][0][4].toString()
+            )
+            let end = new Date(
+              date.getFullYear().toString() + "-" + 
+              data["content"]["day_slot"][i][1][0].toString() + "-" + 
+              data["content"]["day_slot"][i][1][1].toString() + " " + 
+              data["content"]["day_slot"][i][1][2].toString() + ":" +
+              data["content"]["day_slot"][i][1][3].toString() + ":" +
+              data["content"]["day_slot"][i][1][4].toString()
+            )
+            if (Date.now() >= begin.getTime() && Date.now() <= end.getTime()) {
+              $("html").css({
+                '-webkit-filter': 'grayscale(100%)',
+                '-moz-filter': 'grayscale(100%)',
+                '-ms-filter': 'grayscale(100%)',
+                '-o-filter': 'grayscale(100%)',
+                'filter': 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)',
+                '_filter': 'none'
+              });
+              break;
+            }
           }
         }
-        for (let i=0;i<data["content"]["day_slot"].length;i++) {
-          // Day Slot
-          let begin = new Date(
-            date.getFullYear().toString() + "-" + 
-            data["content"]["day_slot"][i][0][0].toString() + "-" + 
-            data["content"]["day_slot"][i][0][1].toString() + " " + 
-            data["content"]["day_slot"][i][0][2].toString() + ":" +
-            data["content"]["day_slot"][i][0][3].toString() + ":" +
-            data["content"]["day_slot"][i][0][4].toString()
-          )
-          let end = new Date(
-            date.getFullYear().toString() + "-" + 
-            data["content"]["day_slot"][i][1][0].toString() + "-" + 
-            data["content"]["day_slot"][i][1][1].toString() + " " + 
-            data["content"]["day_slot"][i][1][2].toString() + ":" +
-            data["content"]["day_slot"][i][1][3].toString() + ":" +
-            data["content"]["day_slot"][i][1][4].toString()
-          )
-          if (Date.now() >= begin.getTime() && Date.now() <= end.getTime()) {
-            $("html").css({
-              '-webkit-filter': 'grayscale(100%)',
-              '-moz-filter': 'grayscale(100%)',
-              '-ms-filter': 'grayscale(100%)',
-              '-o-filter': 'grayscale(100%)',
-              'filter': 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)',
-              '_filter': 'none'
-            });
-            break;
+      });
+    </script>
+    <!-- owl carousel -->
+    <script src="https://cdn.ghink.net/site/ghink/v2/js/owl.carousel.js"></script>
+    <!-- script for tesimonials carousel slider -->
+    <!-- script for owlcarousel -->
+    <script>
+      $(document).ready(function () {
+        $('.owl-testimonial').owlCarousel({
+          loop: true,
+          margin: 0,
+          nav: false,
+          responsiveClass: true,
+          autoplay: false,
+          autoplayTimeout: 5000,
+          autoplaySpeed: 1000,
+          autoplayHoverPause: false,
+          responsive: {
+            0: {
+              items: 1,
+              nav: false
+            },
+            480: {
+              items: 1,
+              nav: false
+            },
+            667: {
+              items: 1,
+              nav: false
+            },
+            1000: {
+              items: 1,
+              nav: false
+            }
           }
-        }
-      }
-    });
-  </script>
-  <!-- owl carousel -->
-  <script src="https://cdn.ghink.net/site/ghink/v2/js/owl.carousel.js"></script>
-  <!-- script for tesimonials carousel slider -->
-  <!-- script for owlcarousel -->
-  <script>
-    $(document).ready(function () {
-      $('.owl-testimonial').owlCarousel({
-        loop: true,
-        margin: 0,
-        nav: false,
-        responsiveClass: true,
-        autoplay: false,
-        autoplayTimeout: 5000,
-        autoplaySpeed: 1000,
-        autoplayHoverPause: false,
-        responsive: {
-          0: {
-            items: 1,
-            nav: false
-          },
-          480: {
-            items: 1,
-            nav: false
-          },
-          667: {
-            items: 1,
-            nav: false
-          },
-          1000: {
-            items: 1,
-            nav: false
-          }
-        }
+        })
       })
-    })
-  </script>
+    </script>
     <!-- Include all compiled plugins (below), or include individual files as needed -->
     <script src="https://cdn.ghink.net/js/popper/1.16.1/popper.min.js"></script>
     <script src="https://cdn.ghink.net/assembly/bootstrap/4.6.1/js/bootstrap.min.js"></script>
