Installation | Update
Read Install and Update instructions here...
From 75e59334105ffbc028dd2a3fc90a49a3b1460d8d Mon Sep 17 00:00:00 2001
From: adityatelange Archive
Read Install and Update instructions here...
Get known about All Features in PaperMod...
Frequently Asked Questions...
List of all Icons supported by PaperMod...
List of Front Matter variables used by PaperMod...
Welcome to demo of hugo’s theme PaperMod.
Read Install and Update instructions here...
Get known about All Features in PaperMod...
Frequently Asked Questions...
List of all Icons supported by PaperMod...
List of Front Matter variables used by PaperMod...
Read Install and Update instructions here...
Get known about All Features in PaperMod...
Frequently Asked Questions...
List of all Icons supported by PaperMod...
List of Front Matter variables used by PaperMod...
Read Install and Update instructions here...
Get known about All Features in PaperMod...
Frequently Asked Questions...
List of all Icons supported by PaperMod...
List of Front Matter variables used by PaperMod...
We’ll be using yml/yaml
format for all examples down below, I recommend using yml
over toml
as it is easier to read.
You can find any YML to TOML converters if necessary.
By Hugo’s Lookup Order, you can override any part of a theme that you want. The following is a quick example.
Let’s say you wish the list
was different. All you have to do is copy the list
template:
your-site/themes/papermod/layouts/_defaults/list.html
+FAQs | PaperMod FAQs [draft]
Table of Contents
- Intro
- Override theme template
- Enable Social-Metadata and SEO
- Failed to find a valid digest in the ‘integrity’ attribute for resource … ?
- Archive Page
- Bundling Custom css with theme’s assets
- Custom Head / Footer
- Add menu to site
- Pin a Post
- Adding Custom Favicon(s)
- Centering image in markdown
- Using Hugo’s Syntax highlighter “chroma”
- References
Intro
We’ll be using yml/yaml
format for all examples down below, I recommend using yml
over toml
as it is easier to read.
You can find any YML to TOML converters if necessary.
Override theme template
By Hugo’s Lookup Order, you can override any part of a theme that you want. The following is a quick example.
Let’s say you wish the list
was different. All you have to do is copy the list
template:
your-site/themes/papermod/layouts/_defaults/list.html
And paste it under your own layouts
folder:
your-site/layouts/_defaults/list.html
Then you’re free to make any changes you want to the list
.
When Hugo builds your site, your copy of list.html
will be used instead of the theme’s list.html
.
Enable Social-Metadata and SEO
These include OpenGraph, Twitter Cards and Schema.
params:
@@ -85,7 +85,21 @@ assets:
apple_touch_icon: "/apple-touch-icon.png"
safari_pinned_tab: "/safari-pinned-tab.svg"
Centering image in markdown
Add #center
after image to center align an image
![name](path/to/image.png#center)
-
References
© 2021 PaperMod
+
Using Hugo’s Syntax highlighter “chroma”
- Disable Highlight.js in site
config.yml
params:
+ assets:
+ disableHLJS: true
+
- Set hugo’s markdown styling in site
config.yml
markup:
+ highlight:
+ # anchorLineNos: true
+ codeFences: true
+ guessSyntax: true
+ lineNos: true
+ # noClasses: false
+ style: monokai
+
- If you want
lineNos: true
, the background won’t be proper.
Add the following to assets/css/extended/custom.css
.chroma {
+ background-color: unset;
+}
+
More Info : Configure Markup - Highlight
References