diff options
Diffstat (limited to 'layouts/partials')
| -rw-r--r-- | layouts/partials/head.html | 18 | ||||
| -rw-r--r-- | layouts/partials/header.html | 3 | ||||
| -rw-r--r-- | layouts/partials/post-exlink.html | 4 | ||||
| -rw-r--r-- | layouts/partials/post-meta.html | 24 | ||||
| -rw-r--r-- | layouts/partials/scripts.html | 87 | ||||
| -rw-r--r-- | layouts/partials/sidebar.html | 5 |
6 files changed, 62 insertions, 79 deletions
diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 2b12e1d..a458be1 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -1,3 +1,4 @@ +<!-- basic meta --> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <meta name="HandheldFriendly" content="True" /> @@ -6,8 +7,10 @@ <meta http-equiv="Cache-Control" content="no-siteapp" /> {{ hugo.Generator }} +<!-- favicon --> {{ partial "favicon.html" . }} +<!-- seo metadata --> {{ if and (.IsHome) (.Site.Params.subTitle) }} <title>{{ .Site.Title }} - {{ .Site.Params.subTitle }}</title> {{ else if .IsHome }} @@ -20,18 +23,17 @@ {{ if .Params.tags }} <meta name="keywords" content="{{ delimit .Params.tags ", " }}" /> {{ end }} - {{ template "_internal/opengraph.html" . }} {{ template "_internal/twitter_cards.html" . }} {{ template "_internal/google_analytics_async.html" . }} -<!-- global css --> +<!-- global main css --> {{ $options := (dict "targetPath" "css/main.min.css" "outputStyle" "compressed") }} {{ $style := resources.Get "sass/main.scss" | resources.ToCSS $options }} <link rel="stylesheet" href="{{ $style.Permalink }}" /> +<!-- global dependency (CDN) --> {{ if .Site.Params.useCDN }} -<!-- global dependency --> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.0/dist/jquery.min.js" integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/lazysizes@5.2.0/lazysizes.min.js" integrity="sha256-h2tMEmhemR2IN4wbbdNjj9LaDIjzwk2hralQwfJmBOE=" crossorigin="anonymous"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.13.0/css/all.min.css" integrity="sha256-h20CPZ0QyXlBuAw7A+KluUYx/3pK+c7lYEpqLTlxjYQ=" crossorigin="anonymous" /> @@ -39,13 +41,13 @@ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css" integrity="sha256-uqQQGnDcmRKvhKwc5Vm4XT1GQ2oV6t1U0NR2N9tV+BQ=" crossorigin="anonymous" /> <script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js" integrity="sha256-6Y7CJDaltoeNgk+ZftgCD9jLgmGv4xKUo8nQ0HgAwVo=" crossorigin="anonymous"></script> {{ end }} +<!-- global dependency (LOCAL) --> {{ else }} -<!-- global dependency --> {{ $jquery := resources.Get "js/jquery.min.js" }} <script src="{{ $jquery.Permalink }}"></script> {{ $lazysizes := resources.Get "js/lazysizes.min.js" }} <script src="{{ $lazysizes.Permalink }}"></script> -{{ $fontawesome := resources.Get "css/all.min.css" }} +{{ $fontawesome := resources.Get "css/fontawsome.min.css" }} <link rel="stylesheet" href="{{ $fontawesome.Permalink }}" /> {{ if or (.Site.Params.playerURL) (.Params.playerURL) }} {{ $aplayerCSS := resources.Get "css/APlayer.min.css" }} @@ -60,10 +62,4 @@ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous" /> <script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script> <script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script> -{{ end }} - -<!-- dev use --> -{{ if .Site.Params.webpChecker }} -{{ $webp := resources.Get "js/modernizr-webp.min.js" }} -<script src="{{ $webp.Permalink }}"></script> {{ end }}
\ No newline at end of file diff --git a/layouts/partials/header.html b/layouts/partials/header.html index ca01fa6..e4fcaae 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,9 +1,8 @@ <header> - <!-- fake navbar header--> <div class="container-lg clearfix"> <div class="col-12 p-3"> <a id="main-title" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a> - <span id="sub-title">{{ .Site.Params.subTitle }}</span> + {{ with .Site.Params.subTitle }}<span id="sub-title">{{ . }}</span>{{ end }} </div> </div> </header>
\ No newline at end of file diff --git a/layouts/partials/post-exlink.html b/layouts/partials/post-exlink.html index 5691ede..da81614 100644 --- a/layouts/partials/post-exlink.html +++ b/layouts/partials/post-exlink.html @@ -1,3 +1 @@ -<span> - <a href="{{ .Permalink }}"><i class="fas fa-angle-right"></i> READ MORE <i class="fas fa-angle-left"></i></a> -</span>
\ No newline at end of file +<a href="{{ .Permalink }}"><i class="fas fa-angle-right"></i> READ MORE <i class="fas fa-angle-left"></i></a>
\ No newline at end of file diff --git a/layouts/partials/post-meta.html b/layouts/partials/post-meta.html index 4864808..f208210 100644 --- a/layouts/partials/post-meta.html +++ b/layouts/partials/post-meta.html @@ -1,15 +1,9 @@ -<span> - <time datetime="{{ .Date }}">{{ .Date.Format "2006-01-02" }}</time> | -</span> -<span> - <span>{{ .WordCount }}{{ i18n "postMetaWordCount" }}</span> | -</span> -<span> - {{ if .Params.tags }} - {{ range .Params.tags }} - <a href="/tags/{{ . | urlize }}/">{{ . }}</a> - {{ end }} - {{ else }} - <span>{{ i18n "postMetaNoTag" }}</span> - {{ end }} -</span>
\ No newline at end of file +<time datetime="{{ .Date }}">{{ .Date.Format "2006-01-02" }}</time> | +<span>{{ .WordCount }}{{ i18n "postMetaWordCount" }}</span> | +{{ if .Params.tags }} +{{ range .Params.tags }} +<a href="/tags/{{ . | urlize }}/">{{ . }}</a> +{{ end }} +{{ else }} +<span>{{ i18n "postMetaNoTag" }}</span> +{{ end }}
\ No newline at end of file diff --git a/layouts/partials/scripts.html b/layouts/partials/scripts.html index 85346f2..894d5c3 100644 --- a/layouts/partials/scripts.html +++ b/layouts/partials/scripts.html @@ -1,5 +1,5 @@ +<!-- utterances comment loading indicator --> {{ if and (.IsPage) (.Site.Params.utterancesRepo) }} -<!-- comment loading indicator --> <script> $(function () { var commentStatus; @@ -8,13 +8,13 @@ function checkUtterances() { commentStatus = $('#post-comment .utterances').attr('style'); - if (commentStatus === undefined) { + if (commentStatus == undefined) { commentLoadingTime += 1; if (commentLoadingTime > 20) { clearInterval(commentCheckInterval); $('#post-comment').hide(); $('#post-loading p').text('{{ i18n "postCommentLoadingFailed" }}'); - $('#post-loading i').attr("class", "far fa-times-circle"); + $('#post-loading i').attr('class', 'far fa-times-circle'); } return; } else { @@ -25,71 +25,62 @@ }); </script> {{ end }} + +<!-- toc smooth scroll & APlayer cjk html anchor fix --> +{{ if in .Site.Params.mainSections .Type }} +<script> + $('#widget-toc a').click(function () { + $('html, body').animate({ + scrollTop: $($(this).attr('href')).offset().top + }); + }); +</script> +{{ end }} +{{ if .Site.Params.scrollTop }} +<!-- scroll to top button --> +<script> + $('#scroll-top').click(function () { + $('html, body').animate({ + scrollTop: 0 + }); + }); +</script> +{{ end }} + +<!-- in-post APlayer --> {{ with .Params.playerURL }} <script> $(function () { const postAPlayer = new APlayer({ - container: document.getElementById("post-aplayer"), - theme: "#8F82BC", + container: document.getElementById('post-aplayer'), + theme: '#8F82BC', volume: 0.1, audio: [{ - name: "{{ $.Params.playerName }}", - artist: "{{ $.Params.playerArtist }}", - url: "{{ . }}", - cover: "{{ $.Params.playerCover }}" + name: '{{ $.Params.playerName }}', + artist: '{{ $.Params.playerArtist }}', + url: '{{ . }}', + cover: '{{ $.Params.playerCover }}' }] }); }); </script> {{ end }} +<!-- site global APlayer --> {{ with .Site.Params.playerURL }} <script> $(function () { const siteAPlayer = new APlayer({ - container: document.getElementById("aplayer"), + container: document.getElementById('aplayer'), fixed: true, - theme: "#8F82BC", + theme: '#8F82BC', volume: 0.1, audio: [{ - name: "{{ $.Site.Params.playerName }}", - artist: "{{ $.Site.Params.playerArtist }}", - url: "{{ . }}", - cover: "{{ $.Site.Params.playerCover }}" + name: '{{ $.Site.Params.playerName }}', + artist: '{{ $.Site.Params.playerArtist }}', + url: '{{ . }}', + cover: '{{ $.Site.Params.playerCover }}' }] }); }); </script> -{{ end }} -{{ if in .Site.Params.mainSections .Type }} -<!-- toc smooth scroll & aplayer cjk html anchor fix --> -<script> - $("#widget-toc a").click(function () { - $("html, body").animate({ - scrollTop: $($(this).attr("href")).offset().top - }); - return false; - }); -</script> -{{ end }} -{{ if .Site.Params.scrollTop }} -<!-- scroll to top button --> -<script> - $("#scroll-top").click(function () { - $("html, body").animate({ - scrollTop: 0 - }); - }); -</script> -{{ end }} -{{ if .Site.Params.webpChecker }} -<!-- webp checker --> -<script> - $(function () { - Modernizr.on("webp", function (result) { - if (!result) { - $('<blockquote><p>{{ i18n "webpCheckerFront" }}<a href="https://caniuse.com/#feat=webp" target="_blank">WebP</a>{{ i18n "webpCheckerEnd" }}</p></blockquote>').replaceAll("#content img"); - } - }); - }); -</script> {{ end }}
\ No newline at end of file diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html index a39eb3f..1f6ce45 100644 --- a/layouts/partials/sidebar.html +++ b/layouts/partials/sidebar.html @@ -1,9 +1,11 @@ +<!-- in-post toc --> {{ if in .Site.Params.mainSections .Type }} <div id="widget-toc"> <h5>{{ i18n "sidebarToc" }}</h5> {{.TableOfContents}} </div> {{ end }} +<!-- pages --> <div id="widget-pages"> <h5>{{ i18n "sidebarPages" }}</h5> <ul> @@ -15,6 +17,7 @@ {{ end }} </ul> </div> +<!-- tags --> <div id="widget-tags"> <h5>{{ i18n "sidebarTags" }}</h5> <div> @@ -25,6 +28,7 @@ {{ end }} </div> </div> +<!-- links --> <div id="widget-links"> <h5>{{ i18n "sidebarLinks" }}</h5> <ul> @@ -35,6 +39,7 @@ {{ end }} </ul> </div> +<!-- bgm.tv image chart --> {{ with .Site.Params.bgmImageChart }} <div id="widget-bgm"> <h5>{{ i18n "sidebarBangumiChart" }}</h5> |