refactor: 完成Handlebars模板组件化

templates/components/navigation.hbs

@@ -1,6 +1,6 @@
 {{#each this}}
 <div class="nav-item-wrapper">
-    <a href="#" class="nav-item{{#if active}} active{{/if}}" data-page="{{id}}">
+    <a href="#" class="nav-item{{#if isActive}} active{{/if}}{{#if active}} active{{/if}}" data-page="{{id}}">
         <div class="icon-container">
             <i class="{{icon}}"></i>
         </div>

templates/components/search-results.hbs

@@ -0,0 +1,11 @@
+<!-- 搜索结果组件 -->
+<div class="welcome-section">
+    <h2>搜索结果</h2>
+    <p class="subtitle">在所有页面中找到的匹配项</p>
+</div>
+{{#each navigation}}
+<section class="category search-section" data-section="{{id}}" style="display: none;">
+    <h2><i class="{{icon}}"></i> {{name}}匹配项</h2>
+    <div class="sites-grid"></div>
+</section>
+{{/each}} 

templates/components/site-card.hbs

@@ -1,5 +1,5 @@
 {{#if url}}
-<a href="{{url}}" class="site-card" title="{{name}} - {{description}}">
+<a href="{{url}}" class="site-card{{#if style}} site-card-{{style}}{{/if}}" title="{{name}} - {{description}}" {{#if external}}target="_blank" rel="noopener"{{/if}}>
     <i class="{{#if icon}}{{icon}}{{else}}fas fa-link{{/if}}"></i>
     <h3>{{#if name}}{{name}}{{else}}未命名站点{{/if}}</h3>
     <p>{{description}}</p>

templates/components/social-links.hbs

@@ -0,0 +1,11 @@
+{{#if this}}
+{{#each this}}
+<a href="{{url}}" class="nav-item" target="_blank" rel="noopener">
+    <div class="icon-container">
+        <i class="{{icon}}"></i>
+    </div>
+    <span class="nav-text">{{name}}</span>
+    <i class="fas fa-external-link-alt external-icon"></i>
+</a>
+{{/each}}
+{{/if}}