Use esm.sh for cdn links

yuanchuan · yuanchuan · commit 7fedbed719a5 · 2024-10-07T21:48:06.000+08:00
diff --git a/index.html b/index.html
@@ -12,7 +12,7 @@
   <link rel="preconnect" href="https://fonts.gstatic.com">
   <link href="https://fonts.googleapis.com/css2?family=PT+Mono&display=swap" rel="stylesheet">
   <script>(window.customElements && document.head.attachShadow) || (document.querySelector('html').className += ' oldie')</script>
-  <script type="module">import 'https://esm.sh/css-doodle@0.40.5'</script>
+  <script type="module">import 'https://esm.sh/css-doodle@0.40.6'</script>
 </head>
 <body>
 
@@ -22,7 +22,7 @@
       <h1>
         <span class="title">
           &lt; <em>css-doodle</em> /&gt;
-          <a class="version" href="https://cdn.jsdelivr.net/npm/css-doodle@0.40.5/css-doodle.min.js">v0.40.5</a>
+          <a class="version" href="https://esm.sh/css-doodle@0.40.6/css-doodle.min.js?raw">v0.40.6</a>
         </span>
         </span>
       </h1>
@@ -87,11 +87,11 @@ <h3>
     <section class="gettting-started wrap">
       <h2><a name="getting-started"></a>Getting Started</h2>
       <p>
-        Download the <a href="https://cdn.jsdelivr.net/npm/css-doodle/css-doodle.min.js">latest version</a> or include it directly from a CDN:
+        Download the <a href="https://esm.sh/css-doodle/css-doodle.min.js?raw">latest version</a> or include it directly from a CDN:
       </p>
       <p class="first-code-sample">
         <textarea code>
-          <script src="https://cdn.jsdelivr.net/npm/css-doodle/css-doodle.min.js"></script>
+          <script src="https://esm.sh/css-doodle/css-doodle.min.js?raw"></script>
         </textarea>
       </p>
       <p>You can also use ES Modules in modern browsers:</p>
