papermod: faq Bundling Custom css with theme's assets

This commit is contained in:
Aditya Telange 2020-12-25 11:28:07 +05:30
parent 8b4f03f23f
commit 11168b0255

View File

@ -8,6 +8,7 @@ aliases: ["/papermod-how-to-guide"]
tags: ["PaperMod"] tags: ["PaperMod"]
author: "Aditya Telange" author: "Aditya Telange"
draft: true draft: true
aliases: [/posts/papermod/papermod-how-to]
--- ---
## Intro ## Intro
@ -103,6 +104,34 @@ summary: archives
--- ---
## Bundling Custom css with theme's assets
- For adding custom css to be bundled inside one minimized css
Create folder in yout project directory as
```
.(site root)
├── config.yml
├── content/
├── theme/hugo-PaperMod/
└── assets/
└── css/
└── extended/ <---
│ ├── custom_css1.css <---
│ └── any_name.css <---
```
All `css` files inside `assets/css/extended` will be bundled !
**Note**: blank.css is just the placeholder so that it doesn't break the theme when no files are present under `assets/css/extended`
Linked Issues:
- [Papermod Theme: How to add custom CSS?](https://discourse.gohugo.io/t/papermod-theme-how-to-add-custom-css/30165)
---
## Custom Head / Footer ## Custom Head / Footer
Custom css/js can be added by way mentioned below. Custom css/js can be added by way mentioned below.