diff --git a/templates/default/html/about.html b/templates/default/html/about.html
index ad10fb4..24a7682 100644
--- a/templates/default/html/about.html
+++ b/templates/default/html/about.html
@@ -6,7 +6,8 @@
     <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="../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/github-dark.css">
     <link rel="stylesheet" href="../assets/css/global.css">
@@ -14,7 +15,8 @@
     <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/fontawesome.all.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>
 
     <!-- statistics script -->
     {{ if .statistics.enable }}
diff --git a/templates/default/html/archive.html b/templates/default/html/archive.html
index 5c5d43d..222f7ed 100644
--- a/templates/default/html/archive.html
+++ b/templates/default/html/archive.html
@@ -6,13 +6,15 @@
     <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="../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/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/fontawesome.all.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>
 
     <!-- statistics script -->
     {{ if .statistics.enable }}
diff --git a/templates/default/html/category.html b/templates/default/html/category.html
index 79feaa4..f2cad68 100644
--- a/templates/default/html/category.html
+++ b/templates/default/html/category.html
@@ -6,13 +6,15 @@
     <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="../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/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/fontawesome.all.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>
 
     <!-- statistics script -->
     {{ if .statistics.enable }}
diff --git a/templates/default/html/friend.html b/templates/default/html/friend.html
index 63985dc..2156e36 100644
--- a/templates/default/html/friend.html
+++ b/templates/default/html/friend.html
@@ -6,7 +6,8 @@
     <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="../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/github-dark.css">
     <link rel="stylesheet" href="../assets/css/global.css">
@@ -14,7 +15,8 @@
     <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/fontawesome.all.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>
 
     <!-- statistics script -->
     {{ if .statistics.enable }}
diff --git a/templates/default/html/index.html b/templates/default/html/index.html
index 3078a7c..fb01475 100644
--- a/templates/default/html/index.html
+++ b/templates/default/html/index.html
@@ -6,14 +6,16 @@
     <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="../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/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/fontawesome.all.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>
 
     <!-- statistics script -->
     {{ if .statistics.enable }}
diff --git a/templates/default/html/music.html b/templates/default/html/music.html
index bcbbac8..8cdb777 100644
--- a/templates/default/html/music.html
+++ b/templates/default/html/music.html
@@ -6,7 +6,8 @@
     <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="../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/meplayer.css">
     <link rel="stylesheet" href="../assets/css/global.css">
@@ -14,7 +15,8 @@
     <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/fontawesome.all.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>
 
     <!-- statistics script -->
     {{ if .statistics.enable }}
diff --git a/templates/default/html/post.html b/templates/default/html/post.html
index c3ee3e9..9c7b4ed 100644
--- a/templates/default/html/post.html
+++ b/templates/default/html/post.html
@@ -6,14 +6,16 @@
     <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="../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/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/fontawesome.all.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>
 
     <!-- statistics script -->
     {{ if .statistics.enable }}
diff --git a/templates/default/html/search.html b/templates/default/html/search.html
index 63abf9d..dd09496 100644
--- a/templates/default/html/search.html
+++ b/templates/default/html/search.html
@@ -6,13 +6,15 @@
     <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="../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/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/fontawesome.all.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>
 
     <!-- statistics script -->
     {{ if .statistics.enable }}
diff --git a/templates/default/html/tag.html b/templates/default/html/tag.html
index 951cad7..6ae5c69 100644
--- a/templates/default/html/tag.html
+++ b/templates/default/html/tag.html
@@ -6,13 +6,15 @@
     <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="../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/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/fontawesome.all.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>
 
     <!-- statistics script -->