draw icon and config favicon (#387)

JavaProgrammerLB · web-flow · commit 1cec856fc846 · 2025-12-18T18:54:22.000+08:00
* config favicon

* put logo in navigation

* set mobile log big

* upload logo

* use remote logo file

* edit title

* update alt content
diff --git a/index.html b/index.html
@@ -2,6 +2,11 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="https://webp.yitianyigexiangfa.com/1766053623_3c67f075.svg" />
+    <link rel="icon" type="image/png" sizes="32x32" href="https://webp.yitianyigexiangfa.com/1766053624_80abc6d3.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="https://webp.yitianyigexiangfa.com/1766053611_f80be3bd.png" />
+    <link rel="shortcut icon" href="https://webp.yitianyigexiangfa.com/1766053614_2d2616b5.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="https://webp.yitianyigexiangfa.com/1766053616_0276731f.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>With them you are not alone</title>
     <!-- GitHub Pages SPA support -->
diff --git a/public/logo.svg b/public/logo.svg
diff --git a/src/App.tsx b/src/App.tsx
@@ -99,7 +99,14 @@ function App() {
     <div>
       {/* 导航栏 */}
       <nav className="bg-gray-100 p-4 mb-4">
-        <div className="max-w-7xl mx-auto flex gap-10">
+        <div className="max-w-7xl mx-auto flex gap-10 items-center">
+          <Link to="/" className="flex items-center">
+            <img
+              src="https://webp.yitianyigexiangfa.com/1766053621_3c67f075.svg"
+              alt="kuzi ai logo"
+              className="h-16 w-16 shrink-0 md:h-12 md:w-12"
+            />
+          </Link>
           <div className='flex flex-col'>
             <Link to="/">
               <div>
