Highlightjs custom options

README.md

@@ -67,18 +67,29 @@ disableKinds = ["taxonomy", "taxonomyTerm"] # This theme does not currently use
  logoSmall = "/images/osprey-logo.png"
  favicon = "favicon.ico"
  opengraphImage = "/images/osprey.png"
+ email = ""
+ googleTagManager = ""
+ customCSS = false
+
+ # Social media links in footer
  twitter = "TomaNistor"
  linkedin = "tomanistor"
  github = "tomanistor"
  facebook = ""
- email = ""
- googleTagManager = ""
+
+ # Copyright and theme author credit in footer
+ copyright = false
+ credit = false
+
+ # Cache busting of static resources (additional set up required)
+ cacheBustCSS = true
+ cacheBustJS = true
+
+ # Code highlighting with highlight.js
  highlightJS = true
- copyright = true
- credit = true
- customCSS = false
- cacheBustCSS = false
- cacheBustJS = false
+ highlightJSStyle = "" # For custom highlight.js styles, add your /path/to/styles/default.css
+ highlightJSScript = "" # For custom highlight.js languages config, add your /path/to/highlight.pack.js
+
  # Choose either Formspree contact form or Basin contact form
  ajaxFormspree = false
  ajaxFormspreeGold = false

exampleSite/config.toml

@@ -17,18 +17,29 @@ disableKinds = ["taxonomy", "taxonomyTerm"] # This theme does not currently use
  logoSmall = "/images/osprey-logo.png"
  favicon = "favicon.ico"
  opengraphImage = "/images/osprey.png"
+ email = ""
+ googleTagManger = ""
+ customCSS = false
+
+ # Social media links in footer
  twitter = "TomaNistor"
  linkedin = "tomanistor"
  github = "tomanistor"
  facebook = ""
- email = ""
- googleTagManger = ""
- highlightJS = true
+
+ # Copyright and theme author credit in footer
  copyright = true
  credit = true
- customCSS = false
+
+ # Cache busting of static resources (additional set up required)
  cacheBustCSS = false
  cacheBustJS = false
+
+ # Code highlighting with highlight.js
+ highlightJS = true
+ highlightJSStyle = "" # For custom highlight.js styles, add your /path/to/styles/default.css
+ highlightJSScript = "" # For custom highlight.js languages config, add your /path/to/highlight.pack.js
+
  # Choose either Formspree contact form or Basin contact form
  ajaxFormspree = false
  ajaxFormspreeGold = false

layouts/partials/body-bottom.html

@@ -1,4 +1,12 @@
-<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
+{{ if .Site.Params.highlightJS }}
+ {{ if .Site.Params.highlightJSScript }}
+ <script src="{{ .Site.Params.highlightJSScript }}"></script>
+ {{ else }}
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
+ {{ end }}
+ <script>hljs.initHighlightingOnLoad();</script>
+{{ end }}
+
 {{ if .IsHome }}
  <script src="/scripts/{{ if .Site.Params.cacheBustJS }}{{ index .Site.Data.cachedAssets "index.js" }}{{ else }}index.min.js{{ end }}" type="text/javascript"></script>
  {{ if or (and (.Site.Params.ajaxFormspree) (.Site.Params.ajaxFormspreeGold)) (.Site.Params.ajaxBasin) }}

layouts/partials/header.html

@@ -83,7 +83,11 @@
  {{ end }}
 
  {{ if .Site.Params.highlightJS }}
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/github.min.css">
+ {{ if }}
+ <link rel="stylesheet" href="{{ .Site.Params.highlightJSStyle }}">
+ {{ else }}
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/github.min.css">
+ {{ end }}
  {{ end }}
 
  {{ if .Site.GoogleAnalytics }}

static/scripts/src/index.js

@@ -69,7 +69,6 @@ var toggle = function(el) {
  $('html').style.overflowY = 'scroll';
  }
  });
-
 }());
 
 // Mobile browsers viewport height bug fix

static/scripts/src/main.js

@@ -51,7 +51,4 @@ var toggle = function(el) {
  $('html').style.overflowY = 'scroll';
  }
  });
-
- // Highlight.js initialization
- hljs.initHighlightingOnLoad();
 }());