mirror of
https://github.com/tiennm99/HugoBlox-kit.git
synced 2026-10-25 10:17:22 +00:00
203 lines
8.6 KiB
HTML
203 lines
8.6 KiB
HTML
{{ $scr := $.Scratch }}
|
|
|
|
{{/* Config LaTeX math rendering. */}}
|
|
{{ if or .Params.math .Site.Params.math }}
|
|
<script type="text/x-mathjax-config">
|
|
MathJax.Hub.Config({
|
|
CommonHTML: { linebreaks: { automatic: true } },
|
|
tex2jax: { inlineMath: [ ['$', '$'], ['\\(','\\)'] ], displayMath: [ ['$$','$$'], ['\\[', '\\]'] ], processEscapes: false },
|
|
TeX: { noUndefined: { attributes: { mathcolor: 'red', mathbackground: '#FFEEEE', mathsize: '90%' } } },
|
|
messageStyle: 'none'
|
|
});
|
|
</script>
|
|
{{ end }}
|
|
|
|
{{/* Attempt to load local vendor JS, otherwise load from CDN. */}}
|
|
{{ $js := .Site.Data.assets.js }}
|
|
{{ if not ($scr.Get "use_cdn") }}
|
|
<script src="{{ printf "/js/vendor/%s" ($scr.Get "vendor_js_filename") | relURL }}"></script>
|
|
{{ else }}
|
|
{{ printf "<script src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\"></script>" (printf $js.jQuery.url $js.jQuery.version) $js.jQuery.sri | safeHTML }}
|
|
{{ printf "<script src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\"></script>" (printf $js.imagesLoaded.url $js.imagesLoaded.version) $js.imagesLoaded.sri | safeHTML }}
|
|
{{ printf "<script src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\"></script>" (printf $js.bootstrap.url $js.bootstrap.version) $js.bootstrap.sri | safeHTML }}
|
|
{{ printf "<script src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\"></script>" (printf $js.isotope.url $js.isotope.version) $js.isotope.sri | safeHTML }}
|
|
{{ printf "<script src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\"></script>" (printf $js.fancybox.url $js.fancybox.version) $js.fancybox.sri | safeHTML }}
|
|
|
|
{{ if $.Scratch.Get "highlight_enabled" }}
|
|
{{ $v := $js.highlight.version }}
|
|
{{ printf "<script src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\"></script>" (printf $js.highlight.url $v) $js.highlight.sri | safeHTML }}
|
|
{{ range .Site.Params.highlight_languages }}
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/{{ $v }}/languages/{{ . }}.min.js"></script>
|
|
{{ end }}
|
|
{{ end }}
|
|
|
|
{{/* LaTeX math rendering. */}}
|
|
{{ if or .Params.math .Site.Params.math }}
|
|
{{ printf "<script src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" async></script>" (printf $js.mathJax.url $js.mathJax.version) $js.mathJax.sri | safeHTML }}
|
|
{{ end }}
|
|
{{ end }}
|
|
|
|
<script src="{{ "/js/hugo-academic.js" | relURL }}"></script>
|
|
{{ range .Site.Params.custom_js }}
|
|
<script src="{{ "/js/" | relURL }}{{ . }}"></script>
|
|
{{ end }}
|
|
|
|
{{/* Maps JS. */}}
|
|
{{ if eq .Site.Params.map 1 }}
|
|
<script async defer src="//maps.googleapis.com/maps/api/js?key={{ .Site.Params.map_api_key }}"></script>
|
|
{{ if ($scr.Get "use_cdn") }}
|
|
{{ printf "<script src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\"></script>" (printf $js.gmaps.url $js.gmaps.version) $js.gmaps.sri | safeHTML }}
|
|
{{ end }}
|
|
{{ else if and (or (eq .Site.Params.map 2) (eq .Site.Params.map 3)) ($scr.Get "use_cdn") }}
|
|
{{ printf "<script src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\"></script>" (printf $js.leaflet.url $js.leaflet.version) $js.leaflet.sri | safeHTML }}
|
|
{{ end }}
|
|
|
|
{{/* Comments JS. */}}
|
|
{{ $comments_enabled := and $.Site.DisqusShortname (not (or $.Site.Params.disable_comments $.Params.disable_comments)) }}
|
|
{{ if and $comments_enabled ($.Site.Params.comment_count | default true) }}
|
|
<script id="dsq-count-scr" src="//{{ .Site.DisqusShortname }}.disqus.com/count.js" async></script>
|
|
{{ end }}
|
|
|
|
{{/* Initialise code highlighting. */}}
|
|
{{ if $.Scratch.Get "highlight_enabled" }}
|
|
<script>hljs.initHighlightingOnLoad();</script>
|
|
{{ end }}
|
|
|
|
{{ if ne .Site.Params.search.engine 0 }}
|
|
{{/* Configure search engine. */}}
|
|
<script>
|
|
const search_index_filename = {{ "/index.json" | relURL }};
|
|
const i18n = {
|
|
'placeholder': {{ i18n "search_placeholder" }},
|
|
'results': {{ i18n "search_results" }},
|
|
'no_results': {{ i18n "search_no_results" }}
|
|
};
|
|
const content_type = {
|
|
'post': {{ i18n "posts" }},
|
|
'project': {{ i18n "projects" }},
|
|
'publication' : {{ i18n "publications" }},
|
|
'talk' : {{ i18n "talks" }}
|
|
};
|
|
</script>
|
|
{{ end }}
|
|
|
|
{{/* Load hash anchors for documentation pages. */}}
|
|
{{ if eq .Type "docs" }}
|
|
{{ printf "<script src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\"></script>" (printf $js.anchor.url $js.anchor.version) $js.anchor.sri | safeHTML }}
|
|
<script>
|
|
anchors.add();
|
|
</script>
|
|
{{ end }}
|
|
|
|
{{ if eq $.Site.Params.search.engine 1 }}
|
|
{{/* Fuse search result template. */}}
|
|
<script id="search-hit-fuse-template" type="text/x-template">
|
|
<div class="search-hit" id="summary-{{"{{key}}"}}">
|
|
<div class="search-hit-content">
|
|
<div class="search-hit-name">
|
|
{{ printf "<a href=\"%s\">%s</a>" "{{relpermalink}}" "{{title}}" | safeHTML }}
|
|
<div class="article-metadata search-hit-type">{{"{{type}}"}}</div>
|
|
<p class="search-hit-description">{{"{{snippet}}"}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</script>
|
|
{{ else if eq $.Site.Params.search.engine 2 }}
|
|
{{/* Algolia search result template. */}}
|
|
<script id="search-hit-algolia-template" type="text/html">
|
|
<div class="search-hit">
|
|
<div class="search-hit-content">
|
|
<div class="search-hit-name">
|
|
{{ printf "<a href=\"%s\">{{{_highlightResult.title.value}}}</a>" "{{relpermalink}}" | safeHTML }}
|
|
</div>
|
|
<div class="article-metadata search-hit-type">{{"{{type}}"}}</div>
|
|
<p class="search-hit-description">{{ safeHTML "{{{_highlightResult.summary.value}}}" }}</p>
|
|
</div>
|
|
</div>
|
|
</script>
|
|
{{ end }}
|
|
|
|
{{/* Fuse search engine. */}}
|
|
{{ if eq .Site.Params.search.engine 1 }}
|
|
{{ printf "<script src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\"></script>" (printf $js.fuse.url $js.fuse.version) $js.fuse.sri | safeHTML }}
|
|
{{ printf "<script src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\"></script>" (printf $js.mark.url $js.mark.version) $js.mark.sri | safeHTML }}
|
|
<script src="{{ "/js/search.js" | relURL }}"></script>
|
|
{{ end }}
|
|
|
|
{{/* Algolia search engine. */}}
|
|
{{ if eq .Site.Params.search.engine 2 }}
|
|
{{ if ($scr.Get "use_cdn") }}
|
|
{{ printf "<script src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\"></script>" (printf $js.instantsearch.url $js.instantsearch.version) $js.instantsearch.sri | safeHTML }}
|
|
{{ end }}
|
|
<script>
|
|
if ( $('#search-box').length ) {
|
|
function getTemplate(templateName) {
|
|
return document.querySelector(`#${templateName}-template`).innerHTML;
|
|
}
|
|
|
|
const options = {
|
|
appId: {{ .Site.Params.search.algolia.app_id }},
|
|
apiKey: {{ .Site.Params.search.algolia.api_key }},
|
|
indexName: {{ .Site.Params.search.algolia.index_name }},
|
|
routing: true,
|
|
searchParameters: {
|
|
hitsPerPage: 10
|
|
},
|
|
searchFunction: function(helper) {
|
|
let searchResults = document.querySelector('#search-hits')
|
|
if (helper.state.query === '') {
|
|
searchResults.style.display = 'none';
|
|
return;
|
|
}
|
|
helper.search();
|
|
searchResults.style.display = 'block';
|
|
}
|
|
};
|
|
|
|
const search = instantsearch(options);
|
|
|
|
// Initialize search box.
|
|
search.addWidget(
|
|
instantsearch.widgets.searchBox({
|
|
container: '#search-box',
|
|
autofocus: false,
|
|
reset: true,
|
|
poweredBy: {{ .Site.Params.search.algolia.show_logo | default false }},
|
|
placeholder: i18n.placeholder
|
|
})
|
|
);
|
|
|
|
// Initialize search results.
|
|
search.addWidget(
|
|
instantsearch.widgets.infiniteHits({
|
|
container: '#search-hits',
|
|
escapeHits: true,
|
|
templates: {
|
|
empty: '<div class="search-no-results">' + i18n.no_results + '</div>',
|
|
item: getTemplate('search-hit-algolia')
|
|
},
|
|
cssClasses: {
|
|
showmoreButton: 'btn btn-outline-primary'
|
|
}
|
|
})
|
|
);
|
|
|
|
// On render search results, localize the content type metadata.
|
|
search.on('render', function() {
|
|
$('.search-hit-type').each(function( index ) {
|
|
let content_key = $( this ).text();
|
|
if (content_key in content_type) {
|
|
$( this ).text(content_type[content_key]);
|
|
}
|
|
});
|
|
});
|
|
|
|
// Start search.
|
|
search.start();
|
|
}
|
|
</script>
|
|
{{ end }}
|
|
|
|
</body>
|
|
</html>
|