From d57c3c081544038f352bd9149cfda2ae9c357b1d Mon Sep 17 00:00:00 2001
From: Ember <emberlqr@gmail.com>
Date: Sun, 28 Jul 2024 11:31:51 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=90=9C=E7=B4=A2=E7=83=AD?=
 =?UTF-8?q?=E9=97=A8=E5=85=B3=E9=94=AE=E8=AF=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 log/index.html    |   6 ++-
 search/index.html | 107 ++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 112 insertions(+), 1 deletion(-)

diff --git a/log/index.html b/log/index.html
index 61c441e..5b2c7b3 100644
--- a/log/index.html
+++ b/log/index.html
@@ -7,7 +7,7 @@
 <meta name="robots" content="index, follow">
 <title>更新日志 | NEU小站</title>
 <meta name="keywords" content="">
-<meta name="description" content="2024.07 07.26 修复部分情况下加载草稿不展示最新草稿内容的Bug。 07.25 修复了内容详情页面不展示最新头像的Bug。 配置并优化资源存储子域名。 07.03 升级资源内容系统，接入投稿用户系统。 升级投稿系统为投稿者中心，引入投稿用户系统。 07.02 新增资源投稿系统。 投稿系统优化CORS安全机制以保护文件。 2024.06 06.30 优化了资源密码验证机制。 06.29 增加资源密码保护功能。 06.27 新增 $LaTeX$ 数学公式支持。 新增投稿者头像。 06.24 优化首页“新生指南”样式。 为网站配置资源防盗链。 优化评论区表情稳定性。 06.23 新增“新生指南”板块。 06.22 优化主页背景图片稳定性。 06.20 更新主页LOGO。 更新404页面样式。 06.19 更新网站主页样式（电脑端和手机端）。 更新主页按钮样式。 06.18 更新网站图标。
+<meta name="description" content="2024.07 07.28 搜索页新增热门关键词。 07.26 修复部分情况下加载草稿不展示最新草稿内容的Bug。 07.25 修复了内容详情页面不展示最新头像的Bug。 配置并优化资源存储子域名。 07.03 升级资源内容系统，接入投稿用户系统。 升级投稿系统为投稿者中心，引入投稿用户系统。 07.02 新增资源投稿系统。 投稿系统优化CORS安全机制以保护文件。 2024.06 06.30 优化了资源密码验证机制。 06.29 增加资源密码保护功能。 06.27 新增 $LaTeX$ 数学公式支持。 新增投稿者头像。 06.24 优化首页“新生指南”样式。 为网站配置资源防盗链。 优化评论区表情稳定性。 06.23 新增“新生指南”板块。 06.22 优化主页背景图片稳定性。 06.20 更新主页LOGO。 更新404页面样式。 06.19 更新网站主页样式（电脑端和手机端）。 更新主页按钮样式。 06.18 更新网站图标。
 评论区启用贴吧表情。
 优化投稿作者样式。
 优化网站夜间模式样式。
@@ -238,6 +238,10 @@
 <div class="post-content">
   
   <h2 id="202407">2024.07<a hidden class="anchor" aria-hidden="true" href="#202407">#</a></h2>
+<h3 id="0728">07.28<a hidden class="anchor" aria-hidden="true" href="#0728">#</a></h3>
+<ul>
+<li>搜索页新增热门关键词。</li>
+</ul>
 <h3 id="0726">07.26<a hidden class="anchor" aria-hidden="true" href="#0726">#</a></h3>
 <ul>
 <li>修复部分情况下加载草稿不展示最新草稿内容的Bug。</li>
diff --git a/search/index.html b/search/index.html
index 5618c65..67b43d8 100644
--- a/search/index.html
+++ b/search/index.html
@@ -253,11 +253,118 @@
     <div class="post-meta"></div>
 </header>
 
+
+<section class="hot-searches">
+    <h3>🔥热门关键词🔥</h3>
+    <div class="search-tags">
+        <div class="search-tag-card" onclick="fillSearch('高数')">
+            高数
+        </div>
+        <div class="search-tag-card" onclick="fillSearch('宿舍')">
+            宿舍
+        </div>
+        <div class="search-tag-card" onclick="fillSearch('线性代数')">
+            线性代数
+        </div>
+        <div class="search-tag-card" onclick="fillSearch('毛概')">
+            毛概
+        </div>
+        <div class="search-tag-card" onclick="fillSearch('概率论')">
+            概率论
+        </div>
+        <div class="search-tag-card" onclick="fillSearch('大英')">
+            大英
+        </div>
+        <div class="search-tag-card" onclick="fillSearch('C语言')">
+            C语言
+        </div>
+    </div>
+</section>
+
 <div id="searchbox">
     <input id="searchInput" autofocus placeholder="期末真题"
         aria-label="search" type="search" autocomplete="off" maxlength="64">
     <ul id="searchResults" aria-label="search results"></ul>
 </div>
+
+<script>
+
+function fillSearch(term) {
+    
+    var searchInput = document.getElementById('searchInput');
+    
+
+    
+    searchInput.value = term;
+
+    
+    var event = new Event('keyup', {
+        bubbles: true,
+        cancelable: true
+    });
+    searchInput.dispatchEvent(event);
+}
+
+
+function autoFillSearchFromQuery() {
+    
+    const urlParams = new URLSearchParams(window.location.search);
+    const searchQuery = urlParams.get('searchquery');
+
+    fillSearch(searchQuery);
+}
+
+
+document.addEventListener('DOMContentLoaded', function() {
+    autoFillSearchFromQuery();
+});
+
+
+</script>
+
+<style>
+.search-tag-card {
+    display: inline-block;
+    padding: 10px;
+    margin: 5px;
+    margin-top: 15px;
+    margin-bottom: 15px;
+    border-radius: 8px;
+    background-color: #f5f5f5;  
+    cursor: pointer;
+    transition: transform 0.2s ease, box-shadow 0.2s ease;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);  
+}
+
+.search-tag-card:hover {
+    transform: scale(1.05);
+    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);  
+}
+
+.search-tag-card:active {
+    transform: scale(0.95);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);  
+}
+
+ 
+.dark .search-tag-card {
+    background-color: #333333;  
+    color: #ffffff;  
+    box-shadow: 0 4px 6px rgba(255, 255, 255, 0.1);  
+}
+
+.dark .search-tag-card:hover {
+    transform: scale(1.05);
+    box-shadow: 0 6px 8px rgba(255, 255, 255, 0.2);  
+}
+
+.dark .search-tag-card:active {
+    transform: scale(0.95);
+    box-shadow: 0 2px 4px rgba(255, 255, 255, 0.1);  
+}
+
+
+</style>
     </main>
     
 <footer class="footer">