Merge pull request kakawait#120 from yamila-moreno/develop

Add css and js easy customizacion

docs/user.md

@@ -360,6 +360,8 @@ E.g to display a shortcut to open algolia search window :
 | favicon | Your favicon path |
 | imageGallery | Display an image gallery at the end of a post which have `photos` variables. (false: disabled, true: enabled) |
 | hierarchicalCategories | Define categories will create hierarchy between parents: `categories = ["foo", "bar"]` will consider "bar" a sub-category of "foo". If false it will flat categories. |
+| customCSS | Define files with css that override or extend the theme css; they are expected in `static` folder: `customCSS` = ["css/mystyles.css"]. |
+| customJS | Define files with js that override or extend the theme js; they are expected in `static` folder: `customJS` = ["js/myscripts.js"]. |
 
 E.g :  
 A category page look like this with `hierarchicalCategories = true` :  

exampleSite/config.toml

@@ -172,3 +172,11 @@ canonifyurls = true
   # Customize copyright value "© 2016 <CUSTOMIZATION>. All Rights Reserved"
   # [params.footer]
   #   copyright = "<a href=\"https://github.com/kakawait\">kakawait</a>"
+  #
+  # Custom CSS. Put here your custom CSS files. They are loaded after the theme CSS;
+  # they have to be referred from static root. Example
+  # customCSS = ["css/foo.css"]
+
+  # Custom JS. Put here your custom JS files. They are loaded after the theme JS;
+  # they have to be referred from static root. Example
+  # customJS = ["js/foo.js"]

layouts/partials/head.html

@@ -90,8 +90,11 @@
     <!--EXTERNAL STYLES END-->
     <!--STYLES-->
     <link rel="stylesheet" href="/css/style-gwlo24d2hxipxk8bi1sxik0zhlpn9t7ebcmgp9kubmmcjfzlavuyhvbqumhn.min.css" />
+    {{ range .Site.Params.customCSS }}
+        <link rel="stylesheet" href="{{ $.Site.BaseURL }}{{ . }}">
+    {{ end }}
     <!--STYLES END-->
-    
+
     {{ if .Params.ga.async }}
       {{ template "_internal/google_analytics_async.html" . }}
     {{ else }}

layouts/partials/script.html

@@ -63,4 +63,8 @@
       var algoliaIndex = algoliaClient.initIndex('{{ .indexName }}');
     </script>
   {{ end }}
-{{ end }}
+{{ end }}
+
+{{ range .Site.Params.customJS }}
+   <script src="{{ $.Site.BaseURL }}{{ . }}"></script>
+{{ end }}