站内搜索优化,归档

This commit is contained in:
结发受长生
2018-05-21 15:24:55 +08:00
parent ee2b5a2da4
commit 9fde270ea6
10 changed files with 170 additions and 221 deletions
@@ -23,7 +23,7 @@ if(pagination) {
let currentPosts = [];
site.posts.each(function(post) {
if(post.date.year() == page.year && (post.date.month()+1 == page.month || !page.month)) {
if((post.date.year() == page.year || !page.year) && (post.date.month()+1 == page.month || !page.month)) {
currentPosts.push(post)
}
})
@@ -41,9 +41,8 @@ if(pagination) {
%>
<li class="archive-item">
<a href="<%=url_for(post.permalink) %>">
<div class="archive-div">
<%=post.title %>
</div>
<span class="title"><%=post.title %></span>
<span class="date">---- <%=date(post.date, 'YYYY-MM-DD HH:mm') %></span>
</a>
</li>
<%
@@ -5,7 +5,7 @@
</header>
<p class="post-meta text-center">
<%- post.author || '柠烟夏季' %> 发表于
<%- partial('post/date', { date_format: 'YYYY-MM-DD' }) %>
<%- partial('post/date', { date_format: 'YYYY-MM-DD HH:mm' }) %>
</p>
<div class="post-content">
<%- post.content %>
@@ -1,71 +1,65 @@
<header class="header">
<section class="container header-main">
<div class="logo">
<a href="<%- url_for() %>">
<div class="cover">
<div class="name"><%= config.title %></div>
<div class="description"><%= config.subtitle %></div>
</div>
</a>
<section class="container header-main">
<div class="logo">
<a href="<%- url_for() %>">
<div class="cover">
<div class="name"><%= config.title %></div>
<div class="description"><%= config.subtitle %></div>
</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' : '' %>">
<a href="<%= url_for(theme.menu[i].link) %>" title="<%= theme.menu[i].name %>" class="<%= theme.menu[i].icon %>">&nbsp;<%= theme.menu[i].name %></a>
</li>
<% } %>
</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' : '' %>">
<a href="<%= url_for(theme.menu[i].link) %>" title="<%= theme.menu[i].name %>" class="<%= theme.menu[i].icon %>">&nbsp;<%= theme.menu[i].name %></a>
</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" @focus="searchInit" placeholder="站内搜索"/></div>
<!-- 搜索结果区 -->
<div id="search-result-box" >
<ul class="search-result-list" v-if="searchResult.length && !searchIniting">
<li v-for="(article,index) in searchResult" :key="index">
<a :href='article.url' class='search-result-title' target='_blank'>{{article.title || '无标题'}}</a>
<p class="search-result" v-html="article.matchContent"></p>
</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" >
<ul class="search-result-list" v-if="searchResult.length">
<li v-for="(article,index) in searchResult" :key="index">
<a :href='article.url' class='search-result-title' target='_blank'>{{article.title || '无标题'}}</a>
<p class="search-result" v-html="article.matchContent"></p>
</li>
</ul>
<!-- 无匹配时显示 -->
<p class="search-result" v-else>没有搜索到任何结果</p>
</div>
<!-- 搜索未初始化完毕时显示 -->
<div style="text-align:center;padding:10px 0" v-else-if="searchIniting">
<img src="<%= config.root%>img/loading-bar.gif" style="height:8px;width:auto"/>
</div>
<div class="profile clearfix">
<div class="feeds fl">
<% if (theme.head_links.enable) { %>
<%
var supList = theme.head_links.list.sup,
subList = theme.head_links.list.sub;
%>
<p class="links">
<% for (var i in supList) { %>
<a href="<%= supList[i]['link'] %>" target="_blank"><%= supList[i]['name'] %></a>
<% if (i != 'last') { %>|<% } %>
<% } %>
</p>
<p class="sns">
<% for (var j in subList) { %>
<a href="<%= subList[j]['link'] %>" class="<%= j %>" target="_blank"><b>■</b> <%= subList[j]['name'] %></a>
<% } %>
<!--
<a href="javascript: void(0);" class="wechat">
<b>■</b>
公众号
<span class="popover">
<img src="<%= url_for('img/wechat_mp.jpg') %>" width="120" height="120" alt="我的微信订阅号">
<i class="arrow"></i>
</span>
</a>
-->
</p>
<% } %>
</div>
<div class="avatar fr">
<img src="<%- theme.avatar %>" alt="avatar" title="Sookie">
</div>
</div>
</section>
<!-- 无匹配时显示 -->
<p class="search-result" v-else>没有搜索到任何结果</p>
</div>
</div>
<div class="profile clearfix">
<div class="feeds fl">
<% if (theme.head_links.enable) { %>
<%
var supList = theme.head_links.list.sup,
subList = theme.head_links.list.sub;
%>
<p class="links">
<% for (var i in supList) { %>
<a href="<%= supList[i]['link'] %>" target="_blank"><%= supList[i]['name'] %></a>
<% if (i != 'last') { %>|<% } %>
<% } %>
</p>
<p class="sns">
<% for (var j in subList) { %>
<a href="<%= subList[j]['link'] %>" class="<%= j %>" target="_blank"><b>■</b> <%= subList[j]['name'] %></a>
<% } %>
</p>
<% } %>
</div>
<div class="avatar fr">
<img src="<%- theme.avatar %>" alt="avatar" title="Sookie">
</div>
</div>
</section>
</header>