diff --git a/data.json b/data.json
index 8a6fe6a..c74d953 100644
--- a/data.json
+++ b/data.json
@@ -374,13 +374,13 @@
       "url": "https://api.github.com/repos/996icu/996.ICU",
       "languages_url": "https://api.github.com/repos/996icu/996.ICU/languages",
       "created_at": "2019-03-26T07:31:14Z",
-      "updated_at": "2024-07-02T08:49:17Z",
+      "updated_at": "2024-07-02T10:15:46Z",
       "git_url": "git://github.com/996icu/996.ICU.git",
       "ssh_url": "git@github.com:996icu/996.ICU.git",
       "clone_url": "https://github.com/996icu/996.ICU.git",
       "homepage": "https://996.icu",
-      "stargazers_count": 269408,
-      "watchers_count": 269408,
+      "stargazers_count": 269409,
+      "watchers_count": 269409,
       "language": null,
       "topics": []
     },
@@ -888,13 +888,13 @@
       "url": "https://api.github.com/repos/NginxProxyManager/nginx-proxy-manager",
       "languages_url": "https://api.github.com/repos/NginxProxyManager/nginx-proxy-manager/languages",
       "created_at": "2017-12-20T23:01:16Z",
-      "updated_at": "2024-07-02T09:32:37Z",
+      "updated_at": "2024-07-02T10:13:25Z",
       "git_url": "git://github.com/NginxProxyManager/nginx-proxy-manager.git",
       "ssh_url": "git@github.com:NginxProxyManager/nginx-proxy-manager.git",
       "clone_url": "https://github.com/NginxProxyManager/nginx-proxy-manager.git",
       "homepage": "https://nginxproxymanager.com",
-      "stargazers_count": 20770,
-      "watchers_count": 20770,
+      "stargazers_count": 20771,
+      "watchers_count": 20771,
       "language": "JavaScript",
       "topics": [
         "nginx",
@@ -1572,13 +1572,13 @@
       "url": "https://api.github.com/repos/ZuodaoTech/everyone-can-use-english",
       "languages_url": "https://api.github.com/repos/ZuodaoTech/everyone-can-use-english/languages",
       "created_at": "2019-03-15T16:33:53Z",
-      "updated_at": "2024-07-02T09:55:30Z",
+      "updated_at": "2024-07-02T10:12:41Z",
       "git_url": "git://github.com/ZuodaoTech/everyone-can-use-english.git",
       "ssh_url": "git@github.com:ZuodaoTech/everyone-can-use-english.git",
       "clone_url": "https://github.com/ZuodaoTech/everyone-can-use-english.git",
       "homepage": null,
-      "stargazers_count": 21155,
-      "watchers_count": 21155,
+      "stargazers_count": 21156,
+      "watchers_count": 21156,
       "language": "TypeScript",
       "topics": []
     },
@@ -1834,7 +1834,7 @@
       "url": "https://api.github.com/repos/kamranahmedse/developer-roadmap",
       "languages_url": "https://api.github.com/repos/kamranahmedse/developer-roadmap/languages",
       "created_at": "2017-03-15T13:45:52Z",
-      "updated_at": "2024-07-02T09:57:21Z",
+      "updated_at": "2024-07-02T10:16:28Z",
       "git_url": "git://github.com/kamranahmedse/developer-roadmap.git",
       "ssh_url": "git@github.com:kamranahmedse/developer-roadmap.git",
       "clone_url": "https://github.com/kamranahmedse/developer-roadmap.git",
@@ -2405,7 +2405,7 @@
       "url": "https://api.github.com/repos/RVC-Boss/GPT-SoVITS",
       "languages_url": "https://api.github.com/repos/RVC-Boss/GPT-SoVITS/languages",
       "created_at": "2024-01-14T18:05:21Z",
-      "updated_at": "2024-07-02T09:53:16Z",
+      "updated_at": "2024-07-02T10:12:18Z",
       "git_url": "git://github.com/RVC-Boss/GPT-SoVITS.git",
       "ssh_url": "git@github.com:RVC-Boss/GPT-SoVITS.git",
       "clone_url": "https://github.com/RVC-Boss/GPT-SoVITS.git",
@@ -2569,13 +2569,13 @@
       "url": "https://api.github.com/repos/labmlai/annotated_deep_learning_paper_implementations",
       "languages_url": "https://api.github.com/repos/labmlai/annotated_deep_learning_paper_implementations/languages",
       "created_at": "2020-08-25T02:29:34Z",
-      "updated_at": "2024-07-02T09:59:39Z",
+      "updated_at": "2024-07-02T10:12:07Z",
       "git_url": "git://github.com/labmlai/annotated_deep_learning_paper_implementations.git",
       "ssh_url": "git@github.com:labmlai/annotated_deep_learning_paper_implementations.git",
       "clone_url": "https://github.com/labmlai/annotated_deep_learning_paper_implementations.git",
       "homepage": "https://nn.labml.ai",
-      "stargazers_count": 51166,
-      "watchers_count": 51166,
+      "stargazers_count": 51167,
+      "watchers_count": 51167,
       "language": "Python",
       "topics": [
         "attention",
@@ -2745,13 +2745,13 @@
       "url": "https://api.github.com/repos/weiyourumeng/RM-Toolbox",
       "languages_url": "https://api.github.com/repos/weiyourumeng/RM-Toolbox/languages",
       "created_at": "2022-07-07T17:24:12Z",
-      "updated_at": "2024-06-27T18:33:54Z",
+      "updated_at": "2024-07-02T10:15:37Z",
       "git_url": "git://github.com/weiyourumeng/RM-Toolbox.git",
       "ssh_url": "git@github.com:weiyourumeng/RM-Toolbox.git",
       "clone_url": "https://github.com/weiyourumeng/RM-Toolbox.git",
       "homepage": null,
-      "stargazers_count": 317,
-      "watchers_count": 317,
+      "stargazers_count": 318,
+      "watchers_count": 318,
       "language": "C#",
       "topics": []
     },
@@ -2811,7 +2811,7 @@
       "url": "https://api.github.com/repos/GrowingGit/GitHub-Chinese-Top-Charts",
       "languages_url": "https://api.github.com/repos/GrowingGit/GitHub-Chinese-Top-Charts/languages",
       "created_at": "2019-09-05T03:01:56Z",
-      "updated_at": "2024-07-02T10:06:07Z",
+      "updated_at": "2024-07-02T10:15:52Z",
       "git_url": "git://github.com/GrowingGit/GitHub-Chinese-Top-Charts.git",
       "ssh_url": "git@github.com:GrowingGit/GitHub-Chinese-Top-Charts.git",
       "clone_url": "https://github.com/GrowingGit/GitHub-Chinese-Top-Charts.git",
@@ -2838,13 +2838,13 @@
       "url": "https://api.github.com/repos/krahets/hello-algo",
       "languages_url": "https://api.github.com/repos/krahets/hello-algo/languages",
       "created_at": "2022-11-04T11:08:34Z",
-      "updated_at": "2024-07-02T09:41:34Z",
+      "updated_at": "2024-07-02T10:18:02Z",
       "git_url": "git://github.com/krahets/hello-algo.git",
       "ssh_url": "git@github.com:krahets/hello-algo.git",
       "clone_url": "https://github.com/krahets/hello-algo.git",
       "homepage": "https://hello-algo.com",
-      "stargazers_count": 79329,
-      "watchers_count": 79329,
+      "stargazers_count": 79330,
+      "watchers_count": 79330,
       "language": "Java",
       "topics": [
         "algo",
@@ -3181,13 +3181,13 @@
       "url": "https://api.github.com/repos/XIU2/CloudflareSpeedTest",
       "languages_url": "https://api.github.com/repos/XIU2/CloudflareSpeedTest/languages",
       "created_at": "2020-08-30T14:24:52Z",
-      "updated_at": "2024-07-02T10:03:26Z",
+      "updated_at": "2024-07-02T10:18:40Z",
       "git_url": "git://github.com/XIU2/CloudflareSpeedTest.git",
       "ssh_url": "git@github.com:XIU2/CloudflareSpeedTest.git",
       "clone_url": "https://github.com/XIU2/CloudflareSpeedTest.git",
       "homepage": "",
-      "stargazers_count": 17831,
-      "watchers_count": 17831,
+      "stargazers_count": 17832,
+      "watchers_count": 17832,
       "language": "Go",
       "topics": [
         "cdn",
diff --git a/index.html b/index.html
index dce7e9e..fbf6805 100644
--- a/index.html
+++ b/index.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Resetsix's Github Star 导航</title>
+  <title>XJFKKK Star 导航</title>
   <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
   <style>
     .container {
@@ -14,11 +15,13 @@
       padding-right: 20px;
       overflow-x: hidden;
     }
+
     .repo-card {
       flex-basis: calc(25% - 1rem);
       min-width: 300px;
       max-width: 350px;
     }
+
     #sidebar {
       position: fixed;
       top: 80px;
@@ -27,40 +30,50 @@
       overflow-y: auto;
       width: 200px;
     }
+
     @media (max-width: 1024px) {
       .repo-card {
         flex-basis: calc(50% - 1rem);
       }
     }
+
     @media (max-width: 640px) {
       .repo-card {
         flex-basis: calc(100% - 1rem);
       }
-      .container{
+
+      .container {
         padding: 0;
       }
+
       #main-content {
         margin-left: 0 !important;
         padding-left: 8px;
       }
-      #categories-container{
-        padding-top:76px;
+
+      #categories-container {
+        padding-top: 76px;
       }
+
       .sticky-header h1 {
         display: none;
       }
+
       #search {
         width: 100%;
       }
     }
+
     .highlight {
       background-color: yellow;
     }
+
     .inline-block {
       position: absolute;
       bottom: 0;
       margin-bottom: 15px;
     }
+
     .sticky-header {
       position: fixed;
       top: 0;
@@ -69,9 +82,11 @@
       z-index: 10;
       background-color: white;
     }
+
     #main-content {
       margin-left: 200px;
     }
+
     #back-to-top {
       position: fixed;
       bottom: 20px;
@@ -85,102 +100,126 @@
       box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
       transition: opacity 0.3s;
     }
+
     #back-to-top:hover {
       background-color: #2d3748;
     }
   </style>
 </head>
+
 <body class="bg-gray-100">
-  <div class="sticky-header flex justify-between items-center px-4 py-2 bg-white shadow-md">
+  <div class="header flex justify-between items-center px-4 py-2 bg-white shadow-md">
     <h1 class="text-2xl font-bold">
-      <a href="/" class="hidden md:block">Github Star 导航</a>
+      <a href="/" class="text-blue-500 hover:underline">XJFKKK github Star 导航</a>
     </h1>
-    <input id="search" type="text" placeholder="Search repositories..." class="p-2 border rounded md:w-1/3 w-full mx-auto">
+    <input id="search" type="text" placeholder="Search repositories..." class="p-2 border rounded w-1/3 mx-auto">
   </div>
-  <div class="container mx-auto p-4 py-16">
-    <div class="block md:flex">
-      <div id="sidebar" class="hidden md:block">
+  <div class="container mx-auto p-4">
+    <div class="flex">
+      <div id="sidebar">
         <h2 class="text-xl font-bold mb-4">语言分类</h2>
-        <ul id="sidebar-links"></ul>
+        <ul id="sidebarLinks">
+          <!-- 语言分类链接将在这里动态生成 -->
+        </ul>
       </div>
       <div id="main-content">
-        <div id="categories-container"></div>
+        <div id="categories-container">
+          <!-- 仓库卡片将在这里动态生成 -->
+        </div>
       </div>
     </div>
   </div>
   <button id="back-to-top">↑</button>
   <script>
-    async function fetchData() {
-      const response = await fetch('https://gcore.jsdelivr.net/gh/resetsix/starts/data.json'); // 修改为自己的仓库地址
-      return response.json();
-    }
+    document.addEventListener('DOMContentLoaded', function () {
+      const searchInput = document.getElementById('search');
+      const categoriesContainer = document.getElementById('categories-container');
+      const sidebarLinks = document.getElementById('sidebarLinks');
+      const backToTopButton = document.getElementById('back-to-top');
 
-    function generateHTML(data) {
-      const repoCardsHtml = (repos) => {
-        return repos.map((repo) => {
-          const truncatedDescription = repo.description && repo.description.length > 200 ? repo.description.slice(0, 200) + '...' : repo.description;
-          return `
-            <div class="repo-card max-w-sm rounded-2xl overflow-hidden shadow-lg m-4 bg-white transition-transform transform hover:scale-105">
-              <div class="h-48 overflow-hidden flex items-center justify-center mt-4 rounded-t-2xl">
-                <img class="object-contain h-full w-full rounded-t-2xl" src="${repo.owner.avatar_url}" alt="${repo.owner.login}">
-              </div>
-              <div class="px-6 py-4">
-                <div class="font-bold text-xl mb-2">
-                  <a href="${repo.html_url}" class="text-blue-500">${repo.full_name}</a>
-                </div>
-                <p class="text-gray-700 text-base">${truncatedDescription}</p>
+      fetch('https://raw.githubusercontent.com/你的github名字/some-stars/main/data.json')
+        .then(response => response.json())
+        .then(data => {
+          generateContent(data);
+          searchInput.addEventListener('input', function () {
+            const query = this.value.trim().toLowerCase();
+            searchAndDisplay(query, data);
+          });
+        });
+
+      function generateContent(data) {
+        let categoriesHtml = '';
+        let sidebarLinksHtml = '';
+
+        for (const language in data) {
+          categoriesHtml += `
+            <div id="${language}" class="mb-8 category">
+              <h2 class="text-2xl font-bold mb-4">${language} Repositories</h2>
+              <div class="flex flex-wrap justify-center">
+                ${generateRepoCards(data[language])}
               </div>
-              <div class="px-6 pt-4 pb-2">
-                <span class="inline-block bg-blue-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">Stars: ${repo.stargazers_count}</span>
+            </div>
+          `;
+          sidebarLinksHtml += `
+            <li class="mb-2"><a href="#${language}" class="text-blue-500 hover:underline">${language}</a></li>
+          `;
+        }
+
+        categoriesContainer.innerHTML = categoriesHtml;
+        sidebarLinks.innerHTML = sidebarLinksHtml;
+      }
+
+      function generateRepoCards(repos) {
+        return repos.map(repo => `
+          <div class="repo-card max-w-sm rounded-2xl overflow-hidden shadow-lg m-4 bg-white transition-transform transform hover:scale-105">
+            <div class="h-48 overflow-hidden flex items-center justify-center mt-4 rounded-t-2xl">
+              <img class="object-contain h-full w-full rounded-t-2xl" src="${repo.owner.avatar_url}" alt="${repo.owner.login}">
+            </div>
+            <div class="px-6 py-4">
+              <div class="font-bold text-xl mb-2">
+                <a href="${repo.html_url}" class="text-blue-500">${repo.full_name}</a>
               </div>
-            </div>`;
-        }).join('');
-      };
-
-      const categoriesHtml = Object.keys(data).map(language => `
-        <div id="${language}" class="mb-8 category">
-          <h2 class="text-2xl font-bold mb-4">${language} Repositories</h2>
-          <div class="flex flex-wrap justify-center">
-            ${repoCardsHtml(data[language])}
+              <p class="text-gray-700 text-base">${truncateDescription(repo.description)}</p>
+            </div>
+            <div class="px-6 pt-4 pb-2 topics-container">
+              ${repo.topics.map(topic => `<span class="topic inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#${topic}</span>`).join('')}
+            </div>
+            <div class="px-6 pt-4 pb-2">
+              <span class="inline-block bg-blue-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">Stars: ${repo.stargazers_count}</span>
+              <span class="inline-block bg-green-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">Watchers: ${repo.watchers_count}</span>
+            </div>
           </div>
-        </div>`).join('');
-
-      const sidebarLinks = Object.keys(data).map(language => `
-        <li class="mb-2"><a href="#${language}" class="text-blue-500 hover:underline">${language}</a></li>`).join('');
+        `).join('');
+      }
 
-      document.getElementById('sidebar-links').innerHTML = sidebarLinks;
-      document.getElementById('categories-container').innerHTML = categoriesHtml;
-    }
+      function truncateDescription(description) {
+        return description && description.length > 200 ? description.slice(0, 200) + '...' : description;
+      }
 
-    document.addEventListener('DOMContentLoaded', async function() {
-      const searchInput = document.getElementById('search');
-      const categoriesContainer = document.getElementById('categories-container');
-      const backToTopButton = document.getElementById('back-to-top');
-      const data = await fetchData();
-      generateHTML(data);
-
-      function repoCardsHtml(repos) {
-        return repos.map(function(repo) {
-          const truncatedDescription = repo.description && repo.description.length > 200 ? repo.description.slice(0, 200) + '...' : repo.description;
-          return `
-            <div class="repo-card max-w-sm rounded-2xl overflow-hidden shadow-lg m-4 bg-white transition-transform transform hover:scale-105">
-              <div class="h-48 overflow-hidden flex items-center justify-center mt-4 rounded-t-2xl">
-                <img class="object-contain h-full w-full rounded-t-2xl" src="${repo.owner.avatar_url}" alt="${repo.owner.login}">
-              </div>
-              <div class="px-6 py-4">
-                <div class="font-bold text-xl mb-2">
-                  <a href="${repo.html_url}" class="text-blue-500">${repo.full_name}</a>
-                </div>
-                <p class="text-gray-700 text-base">${truncatedDescription}</p>
-              </div>
-              <div class="px-6 pt-4 pb-2">
-                <span class="inline-block bg-blue-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">Stars: ${repo.stargazers_count}</span>
+      function searchAndDisplay(query, data) {
+        if (query) {
+          const matchedRepos = [];
+          for (const language in data) {
+            matchedRepos.push(...data[language].filter(repo => {
+              return repo.full_name.toLowerCase().includes(query) ||
+                (repo.description && repo.description.toLowerCase().includes(query)) ||
+                repo.topics.some(topic => topic.toLowerCase().includes(query));
+            }));
+          }
+          categoriesContainer.innerHTML = `
+            <div class="mb-8">
+              <h2 class="text-2xl font-bold mb-4">Search Results</h2>
+              <div class="flex flex-wrap justify-center">
+                ${generateRepoCards(matchedRepos)}
               </div>
-            </div>`;
-        }).join('');
+            </div>
+          `;
+        } else {
+          generateContent(data);
+        }
       }
 
-      window.addEventListener('scroll', function() {
+      window.addEventListener('scroll', function () {
         if (window.scrollY > 200) {
           backToTopButton.style.display = 'block';
         } else {
@@ -188,41 +227,11 @@ <h2 class="text-2xl font-bold mb-4">${language} Repositories</h2>
         }
       });
 
-      backToTopButton.addEventListener('click', function() {
+      backToTopButton.addEventListener('click', function () {
         window.scrollTo({ top: 0, behavior: 'smooth' });
       });
-
-      function searchRepositories(query) {
-        const normalizedQuery = query.toLowerCase();
-        return Object.values(data).flat().filter(repo => {
-          return repo.full_name.toLowerCase().includes(normalizedQuery) ||
-                 (repo.description && repo.description.toLowerCase().includes(normalizedQuery)) ||
-                 repo.topics.some(topic => topic.toLowerCase().includes(normalizedQuery));
-        });
-      }
-
-      searchInput.addEventListener('input', function() {
-        const query = this.value.trim();
-        if (query) {
-          const matchedRepos = searchRepositories(query);
-          const highlightedHtml = repoCardsHtml(matchedRepos).replace(new RegExp(query, 'gi'), function(match) {
-            return '<span class="highlight">' + match + '</span>';
-          });
-
-          categoriesContainer.innerHTML = '<div class="mb-8"><h2 class="text-2xl font-bold mb-4">Search Results</h2><div class="flex flex-wrap justify-center">' + highlightedHtml + '</div></div>';
-        } else {
-          const categoriesHtml = Object.keys(data).map(function(language) {
-            return '<div id="' + language + '" class="mb-8 category">' +
-              '<h2 class="text-2xl font-bold mb-4">' + language + ' Repositories</h2>' +
-              '<div class="flex flex-wrap justify-center">' +
-                repoCardsHtml(data[language]) +
-              '</div>' +
-            '</div>';
-          }).join('');
-          categoriesContainer.innerHTML = categoriesHtml;
-        }
-      });
     });
   </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file