Merge pull request #112 from boynux/feature/add-custom-js

[feature] Add feature to include additional JS to header
daviddarnes · Nov 11, 2018 · 30d1dc8 · 30d1dc8
2 parents 4169222 + f7d3850
commit 30d1dc8
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -244,6 +244,11 @@ Example usage: `{% include site-search.html %}`
 
 This include has no options. This include will add a block of javascript to the page and javascript reference in order for the search field to work correctly.
 
+### `site-before-start.html` & `site-before-end.html`
+Optional html includes for adding scripts, css, js or any embed code you wish to add to every page without the need to overwrite the entire `default.html` template.
+
+**Example usage:** These are different to other includes as they are designed to be overwritten. If you create a `site-before-start.html` file in the `_includes/` the contents of the file will be included just before the closing `</head>` tag. If you create a `site-before-end.html` file the contents of the file will be included just before the closing `</body>` tag.
+
 ## Page layouts
 
 As well as `page`, `post`, `blog`, there are a few alternative layouts that can be used on pages:

diff --git a/_includes/site-before-end.html b/_includes/site-before-end.html
@@ -0,0 +1 @@
+<!-- Overwrite this file with code you want before the closing </body> tag -->
diff --git a/_includes/site-before-start.html b/_includes/site-before-start.html
@@ -0,0 +1 @@
+<!-- Overwrite this file with code you want before the closing </head> tag -->
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -33,6 +33,8 @@
     {% if site.avatarurl %}{% include site-favicons.html %}{% endif %}
 
     {% if site.google_analytics %}{% include site-analytics.html %}{% endif %}
+
+    {% include site-before-start.html %}
   </head>
 
   <body class="layout-{{ page.layout }}{% if page.title %}  {{ page.title | slugify }}{% endif %}">
@@ -41,6 +43,8 @@
     {{ content }}
 
     {% if site.service_worker != false %}{% include site-sw.html %}{% endif %}
+
+    {% include site-before-end.html %}
   </body>
 
 </html>