fix

dist/stylesheets/designer.css

@@ -29,4 +29,12 @@
 
 .card .info p {
   margin: 5px 0;
+}
+
+/* 响应式设计, 如果是手机屏幕 */
+@media (max-width: 768px) {
+  .container {
+    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
+  }
+
 }

dist/stylesheets/header.css

@@ -7,6 +7,19 @@
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 
+.logo {
+  height: 42px;
+  border: 1px solid #ddd;
+  border-radius: 8px;
+}
+
+.header-left {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+  align-items: center;
+}
+
 .header-right {
   display: flex;
   flex-direction: row;

service/cron-jobs/fetch-meta.js

@@ -80,7 +80,7 @@ async function run() {
 
 
   // 筛选出所有已经ready并且还没有title的图
-  let query = { status: { $gte: 9000 }, $or: [{ title: { $exists: false } }, { title: null }] };
+  let query = { status: { $gte: 7000 }, $or: [{ title: { $exists: false } }, { title: null }] };
   let docs = await models.Art.find(query).sort({ publishTime: 'desc' });
 
   let total = docs.length;

views/header.ejs

@@ -1,55 +1,62 @@
 <link rel="stylesheet" href="/stylesheets/header.css">
 
 <header class="header">
-  <div class="dropdown">
-    <svg class="dropbtn" style="margin-right: 5px;" width="24px" height="24px" viewBox="0 0 24 24" fill="none"
-      xmlns="http://www.w3.org/2000/svg">
-      <path opacity="0.5" d="M21 6L3 6" stroke="#1C274C" stroke-width="2.0" stroke-linecap="round" />
-      <path opacity="0.5" d="M21 10L3 10" stroke="#1C274C" stroke-width="2.0" stroke-linecap="round" />
-      <path opacity="0.5" d="M10 14H3" stroke="#1C274C" stroke-width="2.0" stroke-linecap="round" />
-      <path opacity="0.5" d="M10 18H3" stroke="#1C274C" stroke-width="2.0" stroke-linecap="round" />
-      <path d="M14 15L17.5 18L21 15" stroke="#1C274C" stroke-width="2.5" stroke-linecap="round"
-        stroke-linejoin="round" />
-    </svg>
-    <div class="dropdown-home-content">
-      <a href="/<%= lang %>" class="<%= uri == `/${lang}` ? 'selected' : '' %>">
-        <%= translate.homePage[lang] %>
-      </a>
-      <a href="/<%= lang %>/category" class="<%= uri.includes(`/${lang}/category`) ? 'selected' : '' %>">
-        <%= translate.categoryPage[lang] %>
-      </a>
-      <a href="/<%= lang %>/tag" class="<%= uri.includes(`/${lang}/tag`) ? 'selected' : '' %>">
-        <%= translate.tagPage[lang] %>
-      </a>
-      <a href="/<%= lang %>/albums" class="<%= uri.includes(`/${lang}/albums`) ? 'selected' : '' %>">
-        <%= translate.album[lang] %>
-      </a>
-      <a href="/<%= lang %>/special" class="<%= uri.includes(`/${lang}/special`) ? 'selected' : '' %>">
-        <%= translate.special[lang] %>
-      </a>
-      <a href="/<%= lang %>/designers" class="<%= uri.includes(`/${lang}/designers`) ? 'selected' : '' %>">
-        <%= translate.designerColumn[lang] %>
-      </a>
-      <div class="divider"></div>
-      <!--
-      <a href="/<%= lang %>/my-works"><%= translate.my[lang] %></a>
-      <div class="divider"></div>
-      -->
-      <a href="/<%= lang %>/info#app" class="<%= uri.includes(`/${lang}/info#app`) ? 'selected' : '' %>">
-        <%= translate.app[lang] %>
-      </a>
-      <a href="/<%= lang %>/info#about" class="<%= uri.includes(`/${lang}/info#about`) ? 'selected' : '' %>">
-        <%= translate.about[lang] %>
-      </a>
-      <a href="/<%= lang %>/info#contact" class="<%= uri.includes(`/${lang}/info#contact`) ? 'selected' : '' %>">
-        <%= translate.contactUs[lang] %>
-      </a>
-      <div class="divider"></div>
-      <p class="copyright">Copyright &copy; 2025 Art Number Coloring All Rights Reserved</p>
+  <div class="header-left">
+    <div class="dropdown">
+      <svg class="dropbtn" style="margin-right: 5px;" width="24px" height="24px" viewBox="0 0 24 24" fill="none"
+        xmlns="http://www.w3.org/2000/svg">
+        <path opacity="0.5" d="M21 6L3 6" stroke="#1C274C" stroke-width="2.0" stroke-linecap="round" />
+        <path opacity="0.5" d="M21 10L3 10" stroke="#1C274C" stroke-width="2.0" stroke-linecap="round" />
+        <path opacity="0.5" d="M10 14H3" stroke="#1C274C" stroke-width="2.0" stroke-linecap="round" />
+        <path opacity="0.5" d="M10 18H3" stroke="#1C274C" stroke-width="2.0" stroke-linecap="round" />
+        <path d="M14 15L17.5 18L21 15" stroke="#1C274C" stroke-width="2.5" stroke-linecap="round"
+          stroke-linejoin="round" />
+      </svg>
+      <div class="dropdown-home-content">
+        <a href="/<%= lang %>" class="<%= uri == `/${lang}` ? 'selected' : '' %>">
+          <%= translate.homePage[lang] %>
+        </a>
+        <a href="/<%= lang %>/category" class="<%= uri.includes(`/${lang}/category`) ? 'selected' : '' %>">
+          <%= translate.categoryPage[lang] %>
+        </a>
+        <a href="/<%= lang %>/tag" class="<%= uri.includes(`/${lang}/tag`) ? 'selected' : '' %>">
+          <%= translate.tagPage[lang] %>
+        </a>
+        <a href="/<%= lang %>/albums" class="<%= uri.includes(`/${lang}/albums`) ? 'selected' : '' %>">
+          <%= translate.album[lang] %>
+        </a>
+        <a href="/<%= lang %>/special" class="<%= uri.includes(`/${lang}/special`) ? 'selected' : '' %>">
+          <%= translate.special[lang] %>
+        </a>
+        <a href="/<%= lang %>/designers" class="<%= uri.includes(`/${lang}/designers`) ? 'selected' : '' %>">
+          <%= translate.designerColumn[lang] %>
+        </a>
+        <div class="divider"></div>
+        <!--
+        <a href="/<%= lang %>/my-works"><%= translate.my[lang] %></a>
+        <div class="divider"></div>
+        -->
+        <a href="/<%= lang %>/info#app" class="<%= uri.includes(`/${lang}/info#app`) ? 'selected' : '' %>">
+          <%= translate.app[lang] %>
+        </a>
+        <a href="/<%= lang %>/info#about" class="<%= uri.includes(`/${lang}/info#about`) ? 'selected' : '' %>">
+          <%= translate.about[lang] %>
+        </a>
+        <a href="/<%= lang %>/info#contact" class="<%= uri.includes(`/${lang}/info#contact`) ? 'selected' : '' %>">
+          <%= translate.contactUs[lang] %>
+        </a>
+        <div class="divider"></div>
+        <p class="copyright">Copyright &copy; 2025 Art Number Coloring All Rights Reserved</p>
+      </div>
     </div>
+
+    <!-- <a href="/<%= lang %>"><img src="/assets/svg/logo.svg" , alt="Art Number Coloring"></a> -->
+
+    <a href="/<%= lang %>"><img src="/assets/icon/icon.png" , class="logo" , alt="Art Number Coloring Logo"></a>
+    <a href="/<%= lang %>"><img src="/assets/svg/logo.svg" , alt="Art Number Coloring"></a>
+
   </div>
 
-  <a href="/<%= lang %>"><img src="/assets/svg/logo.svg" , alt="Art Number Coloring"></a>
 
   <div class="search-container">
     <form action="/<%= lang %>/search" method="GET" class="search-box">

views/play.ejs

@@ -3,6 +3,7 @@
 
 <head>
   <meta charset="UTF-8" />
+  <link rel="icon" href="/assets/icon/favicon.ico" type="image/x-icon">
   <title>
     <%= title %>
   </title>