added 搜索功能

themes/Ying/layouts/_default/home.html

@@ -2,7 +2,22 @@
 <div id="pjax-container">
     <article>
         <div class="recent-posts section">
-            <h2 class="section-header" uk-scrollspy="cls: uk-animation-slide-left-small; delay: 200">随笔<i class="ri-quill-pen-line"></i></h2>
+            <!-- Searchable Header Container -->
+            <div class="searchable-header-container">
+                <h2 class="section-header normal-mode" id="essay-header" onclick="toggleSearchMode(true)" uk-scrollspy="cls: uk-animation-slide-left-small; delay: 200">
+                    随笔<i class="ri-quill-pen-line"></i>
+                    <span class="search-hint">点击随笔，开始搜索</span>
+                </h2>
+                <div class="search-mode" id="search-container" style="display: none;">
+                    <div class="search-input-group">
+                        <i class="ri-search-line search-icon"></i>
+                        <input type="text" id="inline-search-input" placeholder="搜索文章..." autocomplete="off">
+                        <i class="ri-close-line close-icon" onclick="toggleSearchMode(false)"></i>
+                    </div>
+                </div>
+                <div id="inline-search-results" class="search-dropdown"></div>
+            </div>
+            
             <div class="posts" uk-scrollspy="target: > .post; cls: uk-animation-slide-bottom-small; delay: 150">
                 <!-- 使用 sort 对文章按 Weight 排序 -->
                 {{ $posts := sort (where (where .Site.RegularPages "Type" "post") "Params.status" "ne" "hidden")