andy/hermit-V2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add custom css support (#21)

Browse source
This commit is contained in:
Arnab Kumar Shil 2018-12-30 12:49:24 +06:00 committed by Track3
parent 4fb41e8a9a
commit 269713b589
3 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
README.md
View file

@ -73,6 +73,14 @@ The following icons are supported, please make sure the `name` filed is exactly
* Keep your regular pages in the `content` folder. To create a new page, run `hugo new page-title.md`
* Keep your blog posts in the `content/posts` folder. To create a new post, run `hugo new posts/post-title.md`
### Add custom css
For adding custom css to the theme, you need to assign an array of references in `config.toml` like following:
```
[params]
custom_css = ["css/foo.css", "css/bar.css"]
```
You can reference as many stylesheets as you want. Their paths need to be relative to the `static` folder.
## Acknowledgments
* [normalize.css](https://necolas.github.io/normalize.css/) - [MIT](https://github.com/necolas/normalize.css/blob/master/LICENSE.md)

2
exampleSite/config.toml
View file

@ -35,7 +35,7 @@ enableEmoji = true # Shorthand emojis in content files - https://gohugo.io/func
# gitUrl = "https://github.com/Someone/SomeRepo/commit/" # Prefix of link to the git commit detail page. GitInfo must be enabled.
justifyContent = false # Set "text-align: justify" to .content, requires extended version of Hugo
# bgImg = "" # Homepage background-image URL
# customCSS = ["css/foo.css", "css/bar.css"] # add custom css
# Social Icons
# Check https://github.com/Track3/hermit#social-icons for more info.
[[params.social]]

3
layouts/_default/baseof.html
View file

@ -25,6 +25,9 @@
{{ $style := resources.Get "scss/style.scss" | resources.ExecuteAsTemplate "css/style.css" . | toCSS | minify | fingerprint -}}
<link rel="stylesheet" href="{{ $style.Permalink }}" {{ printf "integrity=%q" $style.Data.Integrity | safeHTMLAttr }}>
{{ block "head" . -}}{{- end }}
{{ range .Site.Params.CustomCSS -}}
<link rel="stylesheet" href="{{ . | absURL }}">
{{- end }}
</head>
<body id="page">