diff --git a/boofilsic/settings.py b/boofilsic/settings.py
index 4b051871..3a914bf2 100644
--- a/boofilsic/settings.py
+++ b/boofilsic/settings.py
@@ -179,6 +179,9 @@ SITE_INFO = {
     "site_description": env("NEODB_SITE_DESCRIPTION"),
     "site_head": env("NEODB_SITE_HEAD"),
     "site_links": [{"title": k, "url": v} for k, v in env("NEODB_SITE_LINKS").items()],
+    # "cdn_url": "/cdn",
+    # "cdn_url": "https://cdn.jsdelivr.net",
+    "cdn_url": "https://fastly.jsdelivr.net",
 }
 
 SETUP_ADMIN_USERNAMES = env("NEODB_ADMIN_USERNAMES")
diff --git a/catalog/templates/discover.html b/catalog/templates/discover.html
index 53deb566..0e1408b7 100644
--- a/catalog/templates/discover.html
+++ b/catalog/templates/discover.html
@@ -20,8 +20,8 @@
     <meta property="og:site_name" content="{{ site_name }}">
     <title>{{ site_name }} - {% trans '发现' %}</title>
     {% include "common_libs.html" %}
-    <script src="https://cdn.jsdelivr.net/npm/shikwasa@2.2.1/dist/shikwasa.min.js"></script>
-    <link href="https://cdn.jsdelivr.net/npm/shikwasa@2.2.1/dist/style.min.css"
+    <script src="{{ cdn_url }}/npm/shikwasa@2.2.1/dist/shikwasa.min.js"></script>
+    <link href="{{ cdn_url }}/npm/shikwasa@2.2.1/dist/style.min.css"
           rel="stylesheet"></link>
   <script src="{% static 'js/podcast.js' %}"></script>
 </head>
@@ -101,7 +101,7 @@
           <input type="hidden" name="name" value="discover">
           <input type="hidden" name="layout">
         </form>
-        <script src="https://cdn.staticfile.org/html5sortable/0.13.3/html5sortable.min.js"
+        <script src="{{ cdn_url }}/npm/html5sortable@0.13.3/dist/html5sortable.min.js"
                 crossorigin="anonymous"></script>
         <script src="{% static 'js/sort_layout.js' %}"></script>
         {{ layout|json_script:"layout-data" }}
diff --git a/catalog/templates/embed_base.html b/catalog/templates/embed_base.html
index 11461ff9..f9647895 100644
--- a/catalog/templates/embed_base.html
+++ b/catalog/templates/embed_base.html
@@ -13,7 +13,7 @@
   <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="https://cdn.staticfile.org/cash/8.1.3/cash.min.js"></script>
+    <script src="{{ cdn_url }}/npm/cash-dom@8.1.5/dist/cash.min.js"></script>
     {% block head %}{% endblock %}
     <title>{{ site_name }} - {% trans item.category.label %} | {{ item.title }}</title>
   </head>
diff --git a/catalog/templates/embed_podcast.html b/catalog/templates/embed_podcast.html
index fa720632..7b6766ca 100644
--- a/catalog/templates/embed_podcast.html
+++ b/catalog/templates/embed_podcast.html
@@ -10,8 +10,8 @@
 {% load strip_scheme %}
 {% load thumb %}
 {% block head %}
-  <script src="https://cdn.jsdelivr.net/npm/shikwasa@2.2.1/dist/shikwasa.min.js"></script>
-  <link href="https://cdn.jsdelivr.net/npm/shikwasa@2.2.1/dist/style.min.css"
+  <script src="{{ cdn_url }}/npm/shikwasa@2.2.1/dist/shikwasa.min.js"></script>
+  <link href="{{ cdn_url }}/npm/shikwasa@2.2.1/dist/style.min.css"
         rel="stylesheet"></link>
 <style>
 .shk-player {
diff --git a/catalog/templates/podcast.html b/catalog/templates/podcast.html
index 313fe64a..53b12749 100644
--- a/catalog/templates/podcast.html
+++ b/catalog/templates/podcast.html
@@ -10,8 +10,8 @@
 {% load strip_scheme %}
 {% load thumb %}
 {% block head %}
-  <script src="https://cdn.jsdelivr.net/npm/shikwasa@2.2.1/dist/shikwasa.min.js"></script>
-  <link href="https://cdn.jsdelivr.net/npm/shikwasa@2.2.1/dist/style.min.css"
+  <script src="{{ cdn_url }}/npm/shikwasa@2.2.1/dist/shikwasa.min.js"></script>
+  <link href="{{ cdn_url }}/npm/shikwasa@2.2.1/dist/style.min.css"
         rel="stylesheet"></link>
 <script src="{% static 'js/podcast.js' %}"></script>
 {% endblock %}
diff --git a/common/templates/common_libs.html b/common/templates/common_libs.html
index 750cbe43..13751444 100644
--- a/common/templates/common_libs.html
+++ b/common/templates/common_libs.html
@@ -4,7 +4,7 @@
 {% if request.user.is_authenticated %}
   {% tz_detect %}
 {% endif %}
-<script src="https://cdn.jsdelivr.net/npm/cash-dom@8.1.5/dist/cash.min.js"></script>
+<script src="{{ cdn_url }}/npm/cash-dom@8.1.5/dist/cash.min.js"></script>
 <script type="text/javascript">
   if (!$.fn.is_visible) $.fn.is_visible = function () {
     return this.filter((_, elt) => (elt.offsetWidth || elt.offsetHeight || elt.getClientRects().length)).length > 0;
@@ -17,14 +17,14 @@
     return this;
   };
 </script>
-<script src="https://cdn.jsdelivr.net/npm/htmx.org@1.9.10/dist/htmx.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/hyperscript.org@0.9.12"></script>
+<script src="{{ cdn_url }}/npm/htmx.org@1.9.11/dist/htmx.min.js"></script>
+<script src="{{ cdn_url }}/npm/hyperscript.org@0.9.12"></script>
 <link rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css" />
+      href="{{ cdn_url }}/npm/@picocss/pico@2/css/pico.min.css" />
 <link href="{% sass_src 'scss/neodb.scss' %}"
       rel="stylesheet"
       type="text/css" />
-<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.1/css/all.min.css"
+<link href="{{ cdn_url }}/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css"
       rel="stylesheet"
       type="text/css">
 <link rel="search"
diff --git a/developer/templates/console.html b/developer/templates/console.html
index 9aa251bf..c1845edc 100644
--- a/developer/templates/console.html
+++ b/developer/templates/console.html
@@ -3,9 +3,7 @@
 <html lang="en">
   <head>
     <link rel="stylesheet"
-          href="https://unpkg.com/swagger-ui-dist@5.11.1/swagger-ui.css"
-          crossorigin="anonymous"
-          referrerpolicy="no-referrer" />
+          href="{{ cdn_url }}/npm/swagger-ui-dist@5.13.0/swagger-ui.min.css">
     <title>{{ api.title }} Developer Console</title>
     {% include "common_libs.html" %}
     <style type="text/css">
@@ -92,9 +90,7 @@
         more endpoints can be found in API Documentation below.
       </details>
       <div id="swagger-ui" data-theme="light"></div>
-      <script src="https://unpkg.com/swagger-ui-dist@5.11.1/swagger-ui-bundle.js"
-              crossorigin="anonymous"
-              referrerpolicy="no-referrer"></script>
+      <script src="{{ cdn_url }}/npm/swagger-ui-dist@5.13.0/swagger-ui-bundle.min.js"></script>
       <script>
         const ui = SwaggerUIBundle({
         url: '{{ openapi_json_url }}',
diff --git a/journal/templates/collection_edit.html b/journal/templates/collection_edit.html
index c4c6c116..408a511f 100644
--- a/journal/templates/collection_edit.html
+++ b/journal/templates/collection_edit.html
@@ -11,8 +11,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ site_name }} - 编辑收藏单 - {{ title }}</title>
     {% include "common_libs.html" %}
-    <script src="https://cdn.staticfile.org/html5sortable/0.13.3/html5sortable.min.js"
-            crossorigin="anonymous"></script>
+    <script src="{{ cdn_url }}/npm/html5sortable@0.13.3/dist/html5sortable.min.js"></script>
     <style type="text/css">
       #id_collaborative li, #id_visibility li {display: inline-block !important;}
       .grid__main details {
diff --git a/journal/templates/profile.html b/journal/templates/profile.html
index ea5400e6..cd9333de 100644
--- a/journal/templates/profile.html
+++ b/journal/templates/profile.html
@@ -223,8 +223,7 @@
             <input type="hidden" name="name" value="profile">
             <input type="hidden" name="layout">
           </form>
-          <script src="https://cdn.staticfile.org/html5sortable/0.13.3/html5sortable.min.js"
-                  crossorigin="anonymous"></script>
+          <script src="{{ cdn_url }}/npm/html5sortable@0.13.3/dist/html5sortable.min.js"></script>
           <script src="{% static 'js/sort_layout.js' %}"></script>
         {% endif %}
         {{ layout|json_script:"layout-data" }}
diff --git a/journal/templates/wrapped.html b/journal/templates/wrapped.html
index 4d5885fb..1eaed2af 100644
--- a/journal/templates/wrapped.html
+++ b/journal/templates/wrapped.html
@@ -16,10 +16,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ site_name }} - {{ identity.display_name }} - {{ year }} 年度统计</title>
     {% include "common_libs.html" %}
-    {% comment %} <script src="https://unpkg.com/rough-viz@2.0.5"></script> {% endcomment %}
+    {% comment %} <script src="{{ cdn_url }}/npm/rough-viz@2.0.5/dist/roughviz.umd.min.js"></script> {% endcomment %}
     <script src="{% static 'js/roughviz.umd.js' %}"></script>
-    {% comment %} <script src="{% static 'js/saveSvgAsPng.js' %}"></script> {% endcomment %}
-    <script src="https://cdn.jsdelivr.net/npm/save-svg-as-png@1.4.17/lib/saveSvgAsPng.min.js"></script>
+    <script src="{{ cdn_url }}/npm/save-svg-as-png@1.4.17/lib/saveSvgAsPng.min.js"></script>
     <style>
       .yAxisviz0, .rough-yAxisviz0 {
         display: none;
diff --git a/social/templates/feed.html b/social/templates/feed.html
index 8f80d547..a81e8568 100644
--- a/social/templates/feed.html
+++ b/social/templates/feed.html
@@ -13,8 +13,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ site_name }} - {% trans '动态' %}</title>
     {% include "common_libs.html" %}
-    <script src="https://cdn.jsdelivr.net/npm/shikwasa@2.2.1/dist/shikwasa.min.js"></script>
-    <link href="https://cdn.jsdelivr.net/npm/shikwasa@2.2.1/dist/style.min.css"
+    <script src="{{ cdn_url }}/npm/shikwasa@2.2.1/dist/shikwasa.min.js"></script>
+    <link href="{{ cdn_url }}/npm/shikwasa@2.2.1/dist/style.min.css"
           rel="stylesheet"></link>
   <script src="{% static 'js/podcast.js' %}"></script>
 </head>
diff --git a/users/templates/users/login.html b/users/templates/users/login.html
index 661f7f1f..37725c1a 100644
--- a/users/templates/users/login.html
+++ b/users/templates/users/login.html
@@ -14,9 +14,9 @@
     <meta property="og:image" content="{{ site_logo }}">
     <meta property="og:site_name" content="{{ site_name }}">
     <title>{{ site_name }} - {% trans '登录' %}</title>
-    <script src="https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@10.2.7/dist/autoComplete.min.js"></script>
     {% include "common_libs.html" %}
-    <script src="https://cdn.staticfile.org/js-cookie/3.0.1/js.cookie.min.js"></script>
+    <script src="{{ cdn_url }}/npm/@tarekraafat/autocomplete.js@10.2.7/dist/autoComplete.min.js"></script>
+    <script src="{{ cdn_url }}/npm/js-cookie@3.0.5/dist/js.cookie.min.js"></script>
     <script>
     $(document).ready(function () {
       if (!window.htmx || !window._hyperscript) return; // disable login if cash, htmx or hyperscript not loaded
