Alter JavaScript from config file

Pandigit · January 26, 2018, 2:12pm

Is there a way to have jekyll change the contents of a javascript file during compilation depending on the contents of the config file?

I’m working on a back end agnostic disaster response application and my group is bouncing around the idea of using Jekyll to compile the structure and then deliver the content to the page using ajax requests, but we would then need to be able to change the javascript to go to different locations for different iterations of the project since we aren’t going to have one website for all disasters.

mmistakes · January 26, 2018, 3:29pm

If you add Front Matter to your JavaScript file(s) Jekyll will process it. Which then allows you to use Liquid in the file or drop in variables coming from _config.yml via site. or the page or a collection or anything else you can normally do with Jekyll.

example.js

---
# intentionally left blank
---

// your scripts here

mmistakes · January 26, 2018, 3:31pm

I use this method for one of my Jekyll theme’s to build a .js file used for search data.

github.com

mmistakes/minimal-mistakes/blob/master/assets/js/lunr/lunr-store.js

---
layout: null
---

var store = [
  {%- for c in site.collections -%}
    {%- if forloop.last -%}
      {%- assign l = true -%}
    {%- endif -%}
    {%- assign docs = c.docs | where_exp:'doc','doc.search != false' -%}
    {%- for doc in docs -%}
      {%- if doc.header.teaser -%}
        {%- capture teaser -%}{{ doc.header.teaser }}{%- endcapture -%}
      {%- else -%}
        {%- assign teaser = site.teaser -%}
      {%- endif -%}
      {
        "title": {{ doc.title | jsonify }},
        "excerpt":
          {%- if site.search_full_content == true -%}

This file has been truncated. show original

Pandigit · January 31, 2018, 4:55pm

Fantastic! Thanks for the help

Topic		Replies	Views
Existing Jekyll Site / FrontMatter Help	1	472	March 3, 2020
I would like to add some custom elements to my index.html without it being erased each time I run 'jekyll build'. Is there a way to do this? Help	1	474	January 27, 2022
Jekyll basics tutorial, index.html autogen and Liquid not rendering Help	7	1349	December 7, 2020
Pass site variable value in to jekyll serve?	2	1357	November 13, 2017
Reload work-in-progress plugin without Jekyll restart? Help	5	963	January 14, 2019

Alter JavaScript from config file

Related Topics