Allow extending head tag on page basis

rhazdon · Dec 25, 2021 · 26a635d · 26a635d
1 parent 848b687
commit 26a635d
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 15 deletions.
diff --git a/README.md b/README.md
@@ -10,21 +10,24 @@ This theme was highly inspired by the [hello-friend](https://github.com/panr/hug
 
 ## Table of Contents
 
-- [Features](#features)
-- [How to start](#how-to-start)
-- [How to configure](#how-to-configure)
-- [More](#more-things)
-  - [Built in shortcodes](#built-in-shortcodes)
-    - [image](#image)
-  - [Code highlighting](#code-highlighting)
-  - [Favicon](#favicon)
-  - [Audio Support](#audio-support)
-- [Social Icons](#social-icons)
-- [Known issues](#known-issues)
-- [How to edit the theme](#how-to-edit-the-theme)
-- [Changelog](CHANGELOG.md)
-- [Sponsoring](#sponsoring)
-- [Licence](#licence)
+- [Hello Friend NG](#hello-friend-ng)
+  - [General informations](#general-informations)
+  - [Table of Contents](#table-of-contents)
+  - [Features](#features)
+  - [How to start](#how-to-start)
+  - [How to configure](#how-to-configure)
+  - [More things](#more-things)
+    - [Built-in shortcodes](#built-in-shortcodes)
+      - [image](#image)
+    - [Code highlighting](#code-highlighting)
+    - [Favicon](#favicon)
+    - [Audio Support](#audio-support)
+    - [Extending head](#extending-head)
+  - [Social Icons:](#social-icons)
+  - [Known issues](#known-issues)
+  - [How to edit the theme](#how-to-edit-the-theme)
+  - [Sponsoring](#sponsoring)
+  - [Licence](#licence)
 
 ---
 
@@ -163,6 +166,21 @@ In your article add to your front matters part:
 audio: path/to/file.mp3
 ```
 
+### Extending head
+
+You can globally add HTML inside `<head>` tag by creating `layouts/partials/extra-head.html`.
+
+You can also inject into `<head>` tag on individual pages for their different needs using `extend-head` blocks:
+
+```html
+
+{{ define "extend-head" }}
+    ...
+    <!-- Custom meta tags, CSS imports etc. -->
+{{ end }}
+
+```
+
 ## Social Icons:
 
 A large variety of social icons are available and can be configured like this:

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -2,6 +2,7 @@
 <html lang="{{ .Site.Language }}">
     <head>
         {{ partial "head.html" . }}
+        {{ block "extend-head" . }}{{ end }}
     </head>
 
     {{ block "body" . }}