feat(footer): 添加CDN链接部分提升资源获取方式

Drswith · Drswith · commit 36ffbd316ffa · 2025-09-02T07:26:41.000Z
- 替换GitHub和NPM图标为SVG官方图标
- 新增CDN区块，包含JSDelivr和UNPKG两个CDN链接
- 提供直接通过CDN访问usb.ids包和资源的快捷方式
- 统一了底部链接样式，提升用户体验和视觉一致性
diff --git a/index.html b/index.html
@@ -260,22 +260,28 @@ <h3>No matching results found</h3>
               <h3 class="footer-title">Project</h3>
               <div class="footer-links">
                 <a href="https://github.com/Drswith/usb.ids" target="_blank" rel="noopener noreferrer" class="footer-link">
-                  <svg class="link-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" aria-hidden="true">
-                    <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"/>
-                  </svg>
-                  GitHub Repository
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><!-- Icon from Simple Icons by Simple Icons Collaborators - https://github.com/simple-icons/simple-icons/blob/develop/LICENSE.md --><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
+                GitHub Repository
                 </a>
                 <a href="https://www.npmjs.com/package/usb.ids" target="_blank" rel="noopener noreferrer" class="footer-link">
-                  <svg class="link-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" aria-hidden="true">
-                    <rect x="2" y="3" width="20" height="14" rx="2" ry="2"/>
-                    <line x1="8" y1="21" x2="16" y2="21"/>
-                    <line x1="12" y1="17" x2="12" y2="21"/>
-                  </svg>
+                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 15 15"><!-- Icon from Teenyicons by smhmd - https://github.com/teenyicons/teenyicons/blob/master/LICENSE --><path fill="none" stroke="currentColor" d="M4.5 10.5v2h2v-2h8v-6H.5v6zm0 0v-6m4 0v6M6.5 6v3m-4-3v4.5m8-4.5v4.5m2-4.5v4.5"/></svg>
                   NPM Package
                 </a>
               </div>
             </div>
-            
+            <div class="footer-section">
+              <h3 class="footer-title">CDN</h3>
+              <div class="footer-links">
+                <a href="https://www.jsdelivr.com/package/npm/usb.ids" target="_blank" rel="noopener noreferrer" class="footer-link">
+                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><!-- Icon from Simple Icons by Simple Icons Collaborators - https://github.com/simple-icons/simple-icons/blob/develop/LICENSE.md --><path fill="currentColor" d="M11.851 0L.811 4.02l1.56 14.7L11.85 24l9.6-5.28l1.74-14.76zm.062 4.622a6.668 6.75 0 0 1 2.666.572a12.5 12.5 0 0 0-2.59 1.95c-.045-.02-.092-.031-.138-.045a1.2 1.2 0 0 0-.346-.056c-.071 0-.141.01-.21.021a9 9 0 0 1-.615-2.318a6.668 6.75 0 0 1 1.171-.122a6.668 6.75 0 0 1 .062-.002m-1.99.312a9.8 9.8 0 0 0 .69 2.504a1.2 1.2 0 0 0-.328.825a1.2 1.2 0 0 0 .18.63c-.937 1.294-1.656 2.803-1.905 4.31c-.01.056-.013.11-.02.166c-.282.09-.515.284-.656.54c-.987-.333-1.885-.968-2.615-2.022a6.668 6.75 0 0 1-.026-.515a6.668 6.75 0 0 1 4.68-6.438m5.507.709a6.668 6.75 0 0 1 2.53 2.9c-.377.953-1.049 1.892-1.893 2.727a1.24 1.24 0 0 0-.644-.184a1.24 1.24 0 0 0-.768.27a11 11 0 0 1-1.318-1.168c-.333-.35-.637-.73-.921-1.123c.19-.215.31-.494.31-.802a1.2 1.2 0 0 0-.159-.586c1.058-1.008 2.112-1.67 2.863-2.034m-3.925 1.982a.6.6 0 0 1 .346.114a.62.62 0 0 1 .292.524a.62.62 0 0 1-.292.524a.63.63 0 0 1-.346.113a.634.634 0 0 1-.638-.637c0-.355.283-.638.638-.638m-.441 1.771a1.2 1.2 0 0 0 .675.062l.112.148a11 11 0 0 0 .921 1.119a12 12 0 0 0 1.446 1.277c-.032.11-.054.224-.054.342a1.2 1.2 0 0 0 .066.38a10 10 0 0 1-2.118 1.042c-.087.029-.173.052-.261.078a7.7 7.7 0 0 1-1.87.332a1.15 1.15 0 0 0-.66-.773l.01-.073c.219-1.333.873-2.73 1.733-3.934m7.272.19a6.668 6.75 0 0 1 .245 1.786a6.668 6.75 0 0 1-.259 1.856a10 10 0 0 1-1.666-.63a1.24 1.24 0 0 0-.065-.713a9.4 9.4 0 0 0 1.745-2.3zm-2.913 2.101c.367 0 .657.291.657.658s-.291.657-.657.657s-.658-.29-.658-.657s.29-.658.658-.658m.837 1.59a11 11 0 0 0 1.802.688a6.668 6.75 0 0 1-6.149 4.157a6.668 6.75 0 0 1-.062-.004a6.668 6.75 0 0 1-.042 0c-.087-.042-.168-.08-.266-.129c-.312-.154-.667-.352-.846-.5a3.8 3.8 0 0 1-1.294-2.03c.21-.111.38-.284.487-.495a8.4 8.4 0 0 0 1.96-.306a9 9 0 0 0 .513-.154a11 11 0 0 0 2.341-1.13c.205.143.452.23.719.23a1.25 1.25 0 0 0 .837-.328zm-10.707.116a5.8 5.8 0 0 0 2.212 1.298a1.15 1.15 0 0 0 .857.87a4.6 4.6 0 0 0 1.24 2.222a6.668 6.75 0 0 1-4.31-4.39zm3.327.464c.331 0 .595.263.595.596s-.264.595-.595.595a.59.59 0 0 1-.596-.595a.59.59 0 0 1 .596-.596"/></svg>
+                 JSDelivr
+                </a>
+                  <a href="https://unpkg.com/usb.ids/usb.ids.json" target="_blank" rel="noopener noreferrer" class="footer-link">
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><!-- Icon from Simple Icons by Simple Icons Collaborators - https://github.com/simple-icons/simple-icons/blob/develop/LICENSE.md --><path fill="currentColor" d="M0 0v24h24V0zm4.322 2.977l4.37.002a.043.043 0 0 1 .044.04a9543 9543 0 0 1 0 9.165q0 1.126.09 1.957q.057.505.287 1.03q.503 1.153 1.715 1.405q.94.195 1.893-.008c1.166-.248 1.813-1.268 1.96-2.404q.1-.77.1-2.018q-.002-4.724.002-9.119q0-.05.049-.05h4.338a.033.033 0 0 1 .033.033v9.869c0 1.465-.17 2.918-.746 4.234c-.777 1.775-2.323 2.836-4.195 3.211q-2.55.513-5.07-.013c-2.226-.465-3.808-1.828-4.46-4.03a10.2 10.2 0 0 1-.416-2.586a65 65 0 0 1-.029-1.88q-.003-4.555 0-8.801q0-.037.035-.037"/></svg>
+                 UNPKG
+                </a>
+              </div>
+            </div>
             <div class="footer-section">
               <h3 class="footer-title">Data Sources</h3>
               <div class="footer-links">
