This commit is contained in:
Michael Rose 2018-05-15 14:46:03 -04:00
commit 9b17ac9856
5 changed files with 51 additions and 3 deletions

View file

@ -60,13 +60,15 @@ atom_feed:
path : # blank (default) uses feed.xml path : # blank (default) uses feed.xml
search : # true, false (default) search : # true, false (default)
search_full_content : # true, false (default) search_full_content : # true, false (default)
search_provider : # lunr (default), algolia search_provider : # lunr (default), algolia, google
algolia: algolia:
application_id : # YOUR_APPLICATION_ID application_id : # YOUR_APPLICATION_ID
index_name : # YOUR_INDEX_NAME index_name : # YOUR_INDEX_NAME
search_only_api_key : # YOUR_SEARCH_ONLY_API_KEY search_only_api_key : # YOUR_SEARCH_ONLY_API_KEY
powered_by : # true (default), false powered_by : # true (default), false
google:
search_engine_id : # YOUR_SEARCH_ENGINE_ID
instant_search : # false (default), true
# SEO Related # SEO Related
google_site_verification : google_site_verification :
bing_site_verification : bing_site_verification :

View file

@ -17,10 +17,12 @@
{%- case search_provider -%} {%- case search_provider -%}
{%- when "lunr" -%} {%- when "lunr" -%}
{% include search/lunr-search-scripts.html %} {% include search/lunr-search-scripts.html %}
{%- when "google" -%}
{% include search/google-search-scripts.html %}
{%- when "algolia" -%} {%- when "algolia" -%}
{% include search/algolia-search-scripts.html %} {% include search/algolia-search-scripts.html %}
{%- endcase -%} {%- endcase -%}
{% endif %} {% endif %}
{% include analytics.html %} {% include analytics.html %}
{% include /comments-providers/scripts.html %} {% include /comments-providers/scripts.html %}

View file

@ -0,0 +1,30 @@
<script>
(function () {
var cx = '{{ site.google.search_engine_id }}';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
function googleCustomSearchExecute() {
var input = document.getElementById('cse-search-input-box-id');
var element = google.search.cse.element.getElement('searchresults-only0');
if (input.value == '') {
element.clearAllResults();
} else {
element.execute(input.value);
}
return false;
}
{% if site.google.instant_search %}
$(document).ready(function () {
$('input#cse-search-input-box-id').on('keyup', function () {
googleCustomSearchExecute();
});
});
{% endif %}
</script>

View file

@ -4,6 +4,13 @@
{%- when "lunr" -%} {%- when "lunr" -%}
<input type="text" id="search" class="search-input" tabindex="-1" placeholder="{{ site.data.ui-text[site.locale].search_placeholder_text | default: 'Enter your search term...' }}" /> <input type="text" id="search" class="search-input" tabindex="-1" placeholder="{{ site.data.ui-text[site.locale].search_placeholder_text | default: 'Enter your search term...' }}" />
<div id="results" class="results"></div> <div id="results" class="results"></div>
{%- when "google" -%}
<form onsubmit="return executeQuery();" id="cse-search-box-form-id">
<input type="text" id="cse-search-input-box-id" class="search-input" tabindex="-1" placeholder="{{ site.data.ui-text[site.locale].search_placeholder_text | default: 'Enter your search term...' }}" />
</form>
<div id="results" class="results">
<gcse:searchresults-only></gcse:searchresults-only>
</div>
{%- when "algolia" -%} {%- when "algolia" -%}
<div class="search-searchbar"></div> <div class="search-searchbar"></div>
<div class="search-hits"></div> <div class="search-hits"></div>

View file

@ -27,6 +27,13 @@ layout: default
{%- when "lunr" -%} {%- when "lunr" -%}
<input type="text" id="search" class="search-input" tabindex="-1" placeholder="{{ site.data.ui-text[site.locale].search_placeholder_text | default: 'Enter your search term...' }}" /> <input type="text" id="search" class="search-input" tabindex="-1" placeholder="{{ site.data.ui-text[site.locale].search_placeholder_text | default: 'Enter your search term...' }}" />
<div id="results" class="results"></div> <div id="results" class="results"></div>
{%- when "google" -%}
<form onsubmit="return executeQuery();" id="cse-search-box-form-id">
<input type="text" id="cse-search-input-box-id" class="search-input" tabindex="-1" placeholder="{{ site.data.ui-text[site.locale].search_placeholder_text | default: 'Enter your search term...' }}" />
</form>
<div id="results" class="results">
<gcse:searchresults-only></gcse:searchresults-only>
</div>
{%- when "algolia" -%} {%- when "algolia" -%}
<div class="search-searchbar"></div> <div class="search-searchbar"></div>
<div class="search-hits"></div> <div class="search-hits"></div>