asandikci.com/web
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

Improve JS loading sequence

Browse source
This commit is contained in:
Cotes Chung 2020-12-10 19:49:43 +08:00
parent d53769e52b
commit cdaa79cf80
4 changed files with 34 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_includes/head.html
View file

@ -61,7 +61,7 @@
<script src="https://cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js"></script>
<script async <script defer
src="https://cdn.jsdelivr.net/combine/npm/popper.js@1.15.0,npm/bootstrap@4/dist/js/bootstrap.min.js"></script> src="https://cdn.jsdelivr.net/combine/npm/popper.js@1.15.0,npm/bootstrap@4/dist/js/bootstrap.min.js"></script>
{% include js-selector.html %} {% include js-selector.html %}

4
_includes/js-selector.html
View file

@ -18,8 +18,8 @@
{% if page.math %} {% if page.math %}
<!-- MathJax --> <!-- MathJax -->
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script> <script defer src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script> <script defer src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
{% endif %} {% endif %}
{% if jekyll.environment == 'production' %} {% if jekyll.environment == 'production' %}

35
_includes/mermaid.html
View file

@ -3,26 +3,27 @@
--> -->
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
<script> <script>
$(function() {
let initTheme = "default";
let initTheme = "default"; if ($("html[mode=dark]").length > 0
|| ($("html[mode]").length == 0
&& window.matchMedia("(prefers-color-scheme: dark)").matches ) ) {
initTheme = "dark";
}
if ($("html[mode=dark]").length > 0 let mermaidConf = {
|| ($("html[mode]").length == 0 theme: initTheme /* <default|dark|forest|neutral> */
&& window.matchMedia("(prefers-color-scheme: dark)").matches ) ) { };
initTheme = "dark";
}
let mermaidConf = {
theme: initTheme /* <default|dark|forest|neutral> */
};
/* Markdown converts to HTML */ /* Markdown converts to HTML */
$("pre").has("code.language-mermaid").each(function() { $("pre").has("code.language-mermaid").each(function() {
let svgCode = $(this).children().html(); let svgCode = $(this).children().html();
$(this).addClass("unloaded"); $(this).addClass("unloaded");
$(this).after(`<div class=\"mermaid\">${svgCode}</div>`); $(this).after(`<div class=\"mermaid\">${svgCode}</div>`);
});
mermaid.initialize(mermaidConf);
}); });
mermaid.initialize(mermaidConf);
</script> </script>

21
assets/js/_commons/back-to-top.js
View file

@ -1,18 +1,21 @@
/* /*
Reference: https://bootsnipp.com/snippets/featured/link-to-top-page Reference: https://bootsnipp.com/snippets/featured/link-to-top-page
*/ */
$(window).scroll(function() {
if ($(this).scrollTop() > 50
&& $("#sidebar-trigger").css("display") === "none") {
$("#back-to-top").fadeIn();
} else {
$("#back-to-top").fadeOut();
}
});
$(function() { $(function() {
$(window).scroll(function() {
if ($(this).scrollTop() > 50 &&
$("#sidebar-trigger").css("display") === "none") {
$("#back-to-top").fadeIn();
} else {
$("#back-to-top").fadeOut();
}
});
$("#back-to-top").click(function() { $("#back-to-top").click(function() {
$("body,html").animate({scrollTop: 0}, 800); $("body,html").animate({
scrollTop: 0
}, 800);
return false; return false;
}); });
}); });