diff options
author | Aron Gergely <aron.gergely@rasterra.nl> | 2021-06-08 22:57:36 +0300 |
---|---|---|
committer | Athul Cyriac Ajay <athul8720@gmail.com> | 2021-06-09 11:34:21 +0300 |
commit | dd1612c482e9fd993efe41f2783bbabed9b1e4cc (patch) | |
tree | 3b42468c6102536de412fd0e234c411f77dd9379 | |
parent | 27307e797f86cbf40f9d8a62fc4274dad0440df7 (diff) |
cache busting for custom CSS, update readme
-rw-r--r-- | README.md | 16 | ||||
-rw-r--r-- | layouts/partials/header.html | 8 |
2 files changed, 21 insertions, 3 deletions
@@ -15,6 +15,7 @@ Forked from [Ezhil Theme](https://github.com/vividvilla/ezhil) - Tags - Auto Dark Mode(based on system theme) - tl:dr; frontamatter +- Cache busting for CSS files ## Installation In your Hugo website directory, create a new folder named theme and clone the repo @@ -40,11 +41,24 @@ tags: [tag names] (optional) ``` ## Credits -Forked from [Ezhil Theme](https://github.com/vividvilla/ezhil) and Licensed under MIT License +Forked from [Ezhil Theme](https://github.com/vividvilla/ezhil) and Licensed under MIT License Inspired by design of blog.jse.li ---- +## Config Options + +### Custom CSS +Custom CSS files can be included though the `customcss` config parameter. + +Note: CSS files should be placed under the `assets` directory e.g. `assets/css/first.css`. + +```toml +[params] + customcss = ["css/first.css", "css/second.css"] +``` + + ## Config of the Demo Site ```toml diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 8914b7d..c5ae589 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -19,7 +19,7 @@ {{ with .OutputFormats.Get "rss" -}} {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }} {{ end -}} - + {{- template "_internal/opengraph.html" . -}} {{- template "_internal/twitter_cards.html" . -}} {{ if and (isset .Site.Params "social") (.Site.Params.useCDN | default false) -}} @@ -35,16 +35,20 @@ {{ $fontstyle := resources.Get "css/fonts.css" | fingerprint }} <link href="{{ $fontstyle.Permalink }}" rel="stylesheet"> {{ end }} + {{ $style := resources.Get "css/main.css" | fingerprint }} <link rel="stylesheet" type="text/css" media="screen" href="{{ $style.Permalink }}" /> + {{- if or (eq .Site.Params.mode "auto") (eq .Site.Params.mode "dark") -}} {{ $darkstyle := resources.Get "css/dark.css" | fingerprint }} <link rel="stylesheet" type="text/css" href="{{ $darkstyle.Permalink }}" {{ if eq .Site.Params.mode "auto" }}media="(prefers-color-scheme: dark)"{{ end }} /> {{ end }} + <!-- Custom CSS style get applied last --> {{- if isset .Site.Params "customcss" }} {{ range .Site.Params.customCSS }} - <link rel="stylesheet" type="text/css" href="{{ . | relURL }}"> + {{ $customstyle := resources.Get . | fingerprint }} + <link rel="stylesheet" type="text/css" href="{{ $customstyle.Permalink }}"> {{ end }} {{- end -}} {{- range .Site.Params.customJS }} |