themes/hyde: Use Hugo pipes to load CSS and make syntax load only when required

Signed-off-by: Harsh Shandilya <msfjarvis@gmail.com>
This commit is contained in:
Harsh Shandilya 2020-01-10 21:41:34 +05:30
parent d0d2b1d2da
commit 2df14399d5
6 changed files with 8 additions and 4 deletions

View File

@ -9,6 +9,8 @@
{{ .Content }}
</div>
{{ $syntax := resources.Get "css/syntax.css" | resources.ExecuteAsTemplate "syntax.css" . | minify | fingersyntax }}
<link rel="stylesheet" href="{{ $syntax.RelPermalink }}" {{ printf "integrity=%q" $syntax.Data.Integrity | safeHTMLAttr }}>
{{ if .Site.DisqusShortname -}}
<h2>Comments</h2>
{{ template "_internal/disqus.html" . }}

View File

@ -16,10 +16,12 @@
<meta name="description" content="{{if .IsHome}}{{ $.Site.Params.description }}{{else}}{{.Description}}{{end}}" />
<!-- CSS -->
<link type="text/css" rel="stylesheet" href="{{ .Site.BaseURL }}css/print.css" media="print">
<link type="text/css" rel="stylesheet" href="{{ .Site.BaseURL }}css/poole.css">
<link type="text/css" rel="stylesheet" href="{{ .Site.BaseURL }}css/syntax.css">
<link type="text/css" rel="stylesheet" href="{{ .Site.BaseURL }}css/hyde.css">
{{ $poole := resources.Get "css/poole.css" | resources.ExecuteAsTemplate "poole.css" . }}
{{ $hyde := resources.Get "css/hyde.css" | resources.ExecuteAsTemplate "hyde.css" . }}
{{ $print := resources.Get "css/print.css" | resources.ExecuteAsTemplate "print.css" . | minify | fingerprint }}
{{ $styles := slice $poole $hyde | resources.Concat "styles.css" | minify | fingerprint }}
<link rel="stylesheet" href="{{ $styles.RelPermalink }}" {{ printf "integrity=%q" $styles.Data.Integrity | safeHTMLAttr }}>
<link rel="stylesheet" href="{{ $print.RelPermalink }}" {{ printf "integrity=%q" $print.Data.Integrity | safeHTMLAttr }} media="print">
{{ partial "head_fonts.html" . }}
<!-- Icons -->