Jekyll Static Site
This example builds a version of the ZestyBurger Site by feeding Zesty.io content into a statically-generated Jekyll Site.Github: https://github.com/zesty-io/zesty-jekyll/
gem install bundler jekyll
Next, let's clone the example project
git clone https://github.com/zesty-io/jekyll-zesty/
cd jekyll-zesty
Now, we simply need to install and run the project!
npm install
Note how
npm install runs pullzestyThe example project's
package.json also comes pre-equipped with some handy utility commands.npm start# rebuilds data from zesty.io and runs a jekyll servernpm run-script build-jekyll# rebuilds data from zesty.io and runs jekyll to build a folder indocs/npm run-script all# rebuilds data from zesty.io, runs jekyll to build a folder indocs/, and runs a jekyll server
Jekyll provides support for front-matter, which
PullZesty takes advantage of to create the files. The real magic in this project lies in the zesty.yaml file, which specifies the proper paths for all of our content. This content is merely consumed by some layouts. When creating your own Jekyll project, feel free to look at our zesty.yaml file and our layout files._layouts/home.html
--- layout: default ---
<div dat
a-spy="scroll" data-target="#site-navbar" data-offset="200">
<section class="site-cover" style="background-image: url({{page.splash_background}});" id="section-home">
<div class="container">
<div class="row align-items-center justify-content-center text-center site-vh-100">
<div class="col-md-12">
<h1 class="site-heading no-site-animate mb-3">{{page.splash_title}}</h1>
<h2 class="h5 site-subheading mb-5 no-site-animate">{{page.splash_description}}</h2>
<p><a href="{{page.splash_link}}" target="_blank" class="btn btn-outline-white btn-lg no-site-animate" data-toggle="modal" data-target="#reservationModal">{{page.splash_link_text}}</a></p>
</div>
</div>
</div>
</section>
</div>
Last modified 4yr ago