diff --git a/posts/papermod/papermod-how-to/index.html b/posts/papermod/papermod-how-to/index.html index 92402b6b..570f09af 100644 --- a/posts/papermod/papermod-how-to/index.html +++ b/posts/papermod/papermod-how-to/index.html @@ -1,5 +1,5 @@ -Papermod - How To's Guide - PaperMod

Papermod - How To's Guide
  [draft]

September 18, 2020 · 2 min · Aditya Telange
Table of Contents

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.

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
+Papermod - How To's Guide - PaperMod
Papermod - How To's Guide
  [draft]
September 18, 2020 · 2 min · Aditya Telange
Table of Contents
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:
@@ -41,7 +41,22 @@ When Hugo builds your site, your copy of list.html will be used ins
 weight: 2
 ---
 
-
References

Adding Custom Favicon(s)

We support the following paths under /static directory +and can be added accordingly.

  • favicon.ico
  • favicon-16x16.png
  • favicon-32x32.png
  • apple-touch-icon.png
  • safari-pinned-tab.svg
  • site.webmanifest

  1. Favicon(s) can be generated by Favicon.io

    and can be simply put in /static folder.

  2. Other way is to add favicon(s) NOT located in /static folder.

    In site config add the following:

    params:
+assets:
+    favicon: "<link / absolute url>"
+    favicon16x16:  "<link / absolute url>"
+    favicon32x32:  "<link / absolute url>"
+    apple_touch_icon:  "<link / absolute url>"
+    safari_pinned_tab:  "<link / absolute url>"
+

    example:

    params:
+assets:
+    favicon: "/favicon.ico"
+    favicon16x16:  "/favicon-16x16.png"
+    favicon32x32:  "/favicon-32x32.png"
+    apple_touch_icon:  "/apple-touch-icon.png"
+    safari_pinned_tab:  "/safari-pinned-tab.svg"
+

References