全文搜索

themes/hexo-theme-xups/layout/_partial/after-footer.ejs

@@ -1,2 +1,5 @@
 <!-- 这里放网站js脚本 -->
-<%- js('js/main') %>
+<%- js('js/main') %>
+<%- js('js/lib/vue.min') %>
+<%- js('js/lib/axios.min') %>
+<%- js('js/local_search') %>

themes/hexo-theme-xups/layout/_partial/header.ejs

@@ -3,12 +3,13 @@
         <div class="logo">
             <a href="<%- url_for() %>">
                 <div class="cover">
-                    <span class="name"><%= config.title %></span>
-                    <span class="description"><%= config.subtitle %></span>
+                    <div class="name"><%= config.title %></div>
+                    <div class="description"><%= config.subtitle %></div>
                 </div>
             </a>
         </div>
         <div class="dropnav icon-paragraph-justify" id="JELON__btnDropNav"></div>
+        <!-- 导航栏 -->
         <ul class="menu hidden" id="JELON__menu">
             <% for (var i in theme.menu) { %>
             <li rel="<%= url_for(path) %>" class="item <%= url_for(theme.menu[i].link) == url_for(path).substring(0, url_for(path).lastIndexOf('/') + 1) ? 'current' : ''   %>">
@@ -16,6 +17,17 @@
             </li>
             <% } %>
         </ul>
+        <!-- 搜索框 -->
+        <div id="search-box">
+            <div class="icon"><span class="icon-search"></span></div>
+            <div class="input-box"><input type="text" id="search-input" v-model="queryText" placeholder="站内搜索"/></div>
+            <!-- 搜索结果区 -->
+            <div id="search-result-box" v-show="queryText">
+                 <div v-html="searchResult"></div>
+                 <!-- 无匹配时显示 -->
+                 <p class="no-result" v-if="!searchResult">没有搜索到任何结果</p>
+            </div>
+        </div>
         <div class="profile clearfix">
             <div class="feeds fl">
                 <% if (theme.head_links.enable) { %>