Merge pull request #154 from arcenik/feat-custom-css-js

Adds support for custom_css and custom_js

README.md

@@ -137,6 +137,19 @@ you can add MathJax:true to frontmatter
 ```
 mathJax: true
 ```
+
+## Custom CSS and JS
+
+Add your files in the static folder and list them in the custom_css and custom_js parameters
+
+For example, with static/css/custom.css and static/js/custom.js, add to `config.toml`
+
+```toml
+[params]
+  custom_css = ["css/custom.css"]
+  custom_js = ["js/custom.js"]
+```
+
 ## config.toml example
 
 ```toml
@@ -167,6 +180,8 @@ pygmentsUseClasses = true
   headerIcon = "/images/GitHub-Mark-Light-32px.png"
   location = "China"
   enableGitalk = true
+  custom_css = ["css/custom.css"]
+  custom_js = ["js/custom.js"]
 
   [params.gitalk]
     clientID = "Your client ID"

layouts/partials/head.html

@@ -16,6 +16,13 @@
     {{ end }}
     <meta name="theme-color" content="#1e2327">
 
+    {{ range .Site.Params.custom_css -}}
+    <link rel="stylesheet" href="{{ . | absURL }}">
+    {{- end }}
+    {{ range .Site.Params.custom_js -}}
+    <script type="text/javascript" src="{{ . | absURL }}"></script>
+    {{- end }}
+
     <!-- Extended head section-->
     {{ partial "extended_head.html" . }}
-</head>
+</head>