From 635198570a2f7e8d397b2505ffdfb42abb4748f5 Mon Sep 17 00:00:00 2001
From: yvling <me@yvling.cn>
Date: Wed, 22 Jan 2025 09:41:51 +0800
Subject: [PATCH] fix: Use CDN to speed up bootstrap and optimize code
 structure

---
 templates/default/html/about.html    | 13 +++++++++----
 templates/default/html/archive.html  | 11 ++++++++---
 templates/default/html/category.html | 11 ++++++++---
 templates/default/html/friend.html   | 13 +++++++++----
 templates/default/html/index.html    | 13 +++++++++----
 templates/default/html/music.html    | 13 +++++++++----
 templates/default/html/post.html     | 11 ++++++++---
 templates/default/html/search.html   | 11 ++++++++---
 templates/default/html/tag.html      | 11 ++++++++---
 9 files changed, 76 insertions(+), 31 deletions(-)

diff --git a/templates/default/html/about.html b/templates/default/html/about.html
index 24a7682..fc05fbf 100644
--- a/templates/default/html/about.html
+++ b/templates/default/html/about.html
@@ -6,17 +6,22 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ .site_info.title }} | {{ .about.title }}</title>
     <link rel="icon" type="image/x-icon" href="../assets/img/logo.png"/>
+
     <!--    <link rel="stylesheet" href="../assets/css/lib/fontawesome.all.min.css">-->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
-    <link rel="stylesheet" href="../assets/css/lib/bootstrap.min.css">
+    <!--    <link rel="stylesheet" href="../assets/css/lib/bootstrap.min.css">-->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.1/css/bootstrap.min.css">
     <link rel="stylesheet" href="../assets/css/lib/github-dark.css">
     <link rel="stylesheet" href="../assets/css/global.css">
     <link rel="stylesheet" href="../assets/css/about.css">
-    <script src="../assets/js/lib/typed.umd.js"></script>
-    <script src="../assets/js/lib/jquery.min.js"></script>
-    <script src="../assets/js/lib/bootstrap.min.js"></script>
+
+    <!--    <script src="../assets/js/lib/jquery.min.js"></script>-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+    <!--    <script src="../assets/js/lib/bootstrap.min.js"></script>-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.1/js/bootstrap.min.js"></script>
     <!--    <script src="../assets/js/lib/fontawesome.all.min.js"></script>-->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/fontawesome.min.js"></script>
+    <script src="../assets/js/lib/typed.umd.js"></script>
 
     <!-- statistics script -->
     {{ if .statistics.enable }}
diff --git a/templates/default/html/archive.html b/templates/default/html/archive.html
index 222f7ed..d9318be 100644
--- a/templates/default/html/archive.html
+++ b/templates/default/html/archive.html
@@ -6,13 +6,18 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ .site_info.title }} | {{ .history_post.title }}</title>
     <link rel="icon" type="image/x-icon" href="../assets/img/logo.png"/>
+
     <!--    <link rel="stylesheet" href="../assets/css/lib/fontawesome.all.min.css">-->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
-    <link rel="stylesheet" href="../assets/css/lib/bootstrap.min.css">
+    <!--    <link rel="stylesheet" href="../assets/css/lib/bootstrap.min.css">-->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.1/css/bootstrap.min.css">
     <link rel="stylesheet" href="../assets/css/global.css">
     <link rel="stylesheet" href="../assets/css/archive.css">
-    <script src="../assets/js/lib/jquery.min.js"></script>
-    <script src="../assets/js/lib/bootstrap.min.js"></script>
+
+    <!--    <script src="../assets/js/lib/jquery.min.js"></script>-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+    <!--    <script src="../assets/js/lib/bootstrap.min.js"></script>-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.1/js/bootstrap.min.js"></script>
     <!--    <script src="../assets/js/lib/fontawesome.all.min.js"></script>-->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/fontawesome.min.js"></script>
 
diff --git a/templates/default/html/category.html b/templates/default/html/category.html
index f2cad68..f793779 100644
--- a/templates/default/html/category.html
+++ b/templates/default/html/category.html
@@ -6,13 +6,18 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ .site_info.title }}</title>
     <link rel="icon" type="image/x-icon" href="../assets/img/logo.png"/>
+
     <!--    <link rel="stylesheet" href="../assets/css/lib/fontawesome.all.min.css">-->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
-    <link rel="stylesheet" href="../assets/css/lib/bootstrap.min.css">
+    <!--    <link rel="stylesheet" href="../assets/css/lib/bootstrap.min.css">-->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.1/css/bootstrap.min.css">
     <link rel="stylesheet" href="../assets/css/global.css">
     <link rel="stylesheet" href="../assets/css/category.css">
-    <script src="../assets/js/lib/jquery.min.js"></script>
-    <script src="../assets/js/lib/bootstrap.min.js"></script>
+
+    <!--    <script src="../assets/js/lib/jquery.min.js"></script>-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+    <!--    <script src="../assets/js/lib/bootstrap.min.js"></script>-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.1/js/bootstrap.min.js"></script>
     <!--    <script src="../assets/js/lib/fontawesome.all.min.js"></script>-->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/fontawesome.min.js"></script>
 
diff --git a/templates/default/html/friend.html b/templates/default/html/friend.html
index 2156e36..2dc4f53 100644
--- a/templates/default/html/friend.html
+++ b/templates/default/html/friend.html
@@ -6,17 +6,22 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ .site_info.title }} | {{ .friend.title }}</title>
     <link rel="icon" type="image/x-icon" href="../assets/img/logo.png"/>
+
     <!--    <link rel="stylesheet" href="../assets/css/lib/fontawesome.all.min.css">-->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
-    <link rel="stylesheet" href="../assets/css/lib/bootstrap.min.css">
+    <!--    <link rel="stylesheet" href="../assets/css/lib/bootstrap.min.css">-->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.1/css/bootstrap.min.css">
     <link rel="stylesheet" href="../assets/css/lib/github-dark.css">
     <link rel="stylesheet" href="../assets/css/global.css">
     <link rel="stylesheet" href="../assets/css/friend.css">
-    <script src="../assets/js/lib/typed.umd.js"></script>
-    <script src="../assets/js/lib/jquery.min.js"></script>
-    <script src="../assets/js/lib/bootstrap.min.js"></script>
+
+    <!--    <script src="../assets/js/lib/jquery.min.js"></script>-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+    <!--    <script src="../assets/js/lib/bootstrap.min.js"></script>-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.1/js/bootstrap.min.js"></script>
     <!--    <script src="../assets/js/lib/fontawesome.all.min.js"></script>-->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/fontawesome.min.js"></script>
+    <script src="../assets/js/lib/typed.umd.js"></script>
 
     <!-- statistics script -->
     {{ if .statistics.enable }}
diff --git a/templates/default/html/index.html b/templates/default/html/index.html
index fb01475..cf08cb8 100644
--- a/templates/default/html/index.html
+++ b/templates/default/html/index.html
@@ -6,16 +6,21 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ .site_info.title }}</title>
     <link rel="icon" type="image/x-icon" href="../assets/img/logo.png"/>
+
     <!--    <link rel="stylesheet" href="../assets/css/lib/fontawesome.all.min.css">-->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
-    <link rel="stylesheet" href="../assets/css/lib/bootstrap.min.css">
+    <!--    <link rel="stylesheet" href="../assets/css/lib/bootstrap.min.css">-->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.1/css/bootstrap.min.css">
     <link rel="stylesheet" href="../assets/css/global.css">
     <link rel="stylesheet" href="../assets/css/index.css">
-    <script src="../assets/js/lib/typed.umd.js"></script>
-    <script src="../assets/js/lib/jquery.min.js"></script>
-    <script src="../assets/js/lib/bootstrap.min.js"></script>
+
+    <!--    <script src="../assets/js/lib/jquery.min.js"></script>-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+    <!--    <script src="../assets/js/lib/bootstrap.min.js"></script>-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.1/js/bootstrap.min.js"></script>
     <!--    <script src="../assets/js/lib/fontawesome.all.min.js"></script>-->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/fontawesome.min.js"></script>
+    <script src="../assets/js/lib/typed.umd.js"></script>
 
     <!-- statistics script -->
     {{ if .statistics.enable }}
diff --git a/templates/default/html/music.html b/templates/default/html/music.html
index 8cdb777..10f5764 100644
--- a/templates/default/html/music.html
+++ b/templates/default/html/music.html
@@ -6,17 +6,22 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ .site_info.title }}</title>
     <link rel="icon" type="image/x-icon" href="../assets/img/logo.png"/>
+
     <!--    <link rel="stylesheet" href="../assets/css/lib/fontawesome.all.min.css">-->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
-    <link rel="stylesheet" href="../assets/css/lib/bootstrap.min.css">
+    <!--    <link rel="stylesheet" href="../assets/css/lib/bootstrap.min.css">-->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.1/css/bootstrap.min.css">
     <link rel="stylesheet" href="../assets/css/lib/meplayer.css">
     <link rel="stylesheet" href="../assets/css/global.css">
     <link rel="stylesheet" href="../assets/css/music.css">
-    <script src="../assets/js/lib/meplayer.js"></script>
-    <script src="../assets/js/lib/jquery.min.js"></script>
-    <script src="../assets/js/lib/bootstrap.min.js"></script>
+
+    <!--    <script src="../assets/js/lib/jquery.min.js"></script>-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+    <!--    <script src="../assets/js/lib/bootstrap.min.js"></script>-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.1/js/bootstrap.min.js"></script>
     <!--    <script src="../assets/js/lib/fontawesome.all.min.js"></script>-->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/fontawesome.min.js"></script>
+    <script src="../assets/js/lib/meplayer.js"></script>
 
     <!-- statistics script -->
     {{ if .statistics.enable }}
diff --git a/templates/default/html/post.html b/templates/default/html/post.html
index 9c7b4ed..3e6355a 100644
--- a/templates/default/html/post.html
+++ b/templates/default/html/post.html
@@ -6,14 +6,19 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ .site_info.title }}</title>
     <link rel="icon" type="image/x-icon" href="../assets/img/logo.png"/>
+
     <!--    <link rel="stylesheet" href="../assets/css/lib/fontawesome.all.min.css">-->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
-    <link rel="stylesheet" href="../assets/css/lib/bootstrap.min.css">
+    <!--    <link rel="stylesheet" href="../assets/css/lib/bootstrap.min.css">-->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.1/css/bootstrap.min.css">
     <link rel="stylesheet" href="../assets/css/lib/github-dark.css">
     <link rel="stylesheet" href="../assets/css/global.css">
     <link rel="stylesheet" href="../assets/css/post.css">
-    <script src="../assets/js/lib/jquery.min.js"></script>
-    <script src="../assets/js/lib/bootstrap.min.js"></script>
+
+    <!--    <script src="../assets/js/lib/jquery.min.js"></script>-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+    <!--    <script src="../assets/js/lib/bootstrap.min.js"></script>-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.1/js/bootstrap.min.js"></script>
     <!--    <script src="../assets/js/lib/fontawesome.all.min.js"></script>-->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/fontawesome.min.js"></script>
 
diff --git a/templates/default/html/search.html b/templates/default/html/search.html
index dd09496..aadc1d4 100644
--- a/templates/default/html/search.html
+++ b/templates/default/html/search.html
@@ -6,13 +6,18 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ .site_info.title }}</title>
     <link rel="icon" type="image/x-icon" href="../assets/img/logo.png"/>
+
     <!--    <link rel="stylesheet" href="../assets/css/lib/fontawesome.all.min.css">-->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
-    <link rel="stylesheet" href="../assets/css/lib/bootstrap.min.css">
+    <!--    <link rel="stylesheet" href="../assets/css/lib/bootstrap.min.css">-->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.1/css/bootstrap.min.css">
     <link rel="stylesheet" href="../assets/css/global.css">
     <link rel="stylesheet" href="../assets/css/search.css">
-    <script src="../assets/js/lib/jquery.min.js"></script>
-    <script src="../assets/js/lib/bootstrap.min.js"></script>
+
+    <!--    <script src="../assets/js/lib/jquery.min.js"></script>-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+    <!--    <script src="../assets/js/lib/bootstrap.min.js"></script>-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.1/js/bootstrap.min.js"></script>
     <!--    <script src="../assets/js/lib/fontawesome.all.min.js"></script>-->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/fontawesome.min.js"></script>
 
diff --git a/templates/default/html/tag.html b/templates/default/html/tag.html
index 6ae5c69..ceccb11 100644
--- a/templates/default/html/tag.html
+++ b/templates/default/html/tag.html
@@ -6,13 +6,18 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ .site_info.title }}</title>
     <link rel="icon" type="image/x-icon" href="../assets/img/logo.png"/>
+
     <!--    <link rel="stylesheet" href="../assets/css/lib/fontawesome.all.min.css">-->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
-    <link rel="stylesheet" href="../assets/css/lib/bootstrap.min.css">
+    <!--    <link rel="stylesheet" href="../assets/css/lib/bootstrap.min.css">-->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.1/css/bootstrap.min.css">
     <link rel="stylesheet" href="../assets/css/global.css">
     <link rel="stylesheet" href="../assets/css/tag.css">
-    <script src="../assets/js/lib/jquery.min.js"></script>
-    <script src="../assets/js/lib/bootstrap.min.js"></script>
+
+    <!--    <script src="../assets/js/lib/jquery.min.js"></script>-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+    <!--    <script src="../assets/js/lib/bootstrap.min.js"></script>-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.1/js/bootstrap.min.js"></script>
     <!--    <script src="../assets/js/lib/fontawesome.all.min.js"></script>-->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/fontawesome.min.js"></script>
     <script src="../assets/js/lib/wordcloud2.js"></script>