mirror of
https://github.com/vacp2p/vac.dev-experimental-old.git
synced 2025-01-12 06:44:48 +00:00
Taylor Bryant
8cfb404f93
Improve Gulp workflow
- Rename cssFiles to mainCSS for clarity - Add comments to variables for clarity - Remove unnecessary jekyll-rebuild task - Remove unnecessary browserSync.reload() calls (reloading is handled by browserSync automatically because the files property is set to siteRoot) - Add jekyll-build as a dependency for serve, so Jekyll is built when running the Gulp defualt task - Add markdown files to gulp.watch() function in serve
Tailwind Jekyll Starter Kit
A starter kit for using Tailwind with Jekyll that includes:
-
A barebones Jekyll starter theme
-
A Gulp file with a default task that does the following:
- Builds Tailwind
- Runs Autoprefixer
- Minifies your CSS
- Builds Jekyll
- Runs Browsersync for live reload
What is Tailwind?
"Tailwind is a utility-first CSS framework for rapidly building custom user interfaces." – Tailwind
What is Jekyll?
"Jekyll is a simple, blog-aware, static site generator perfect for personal, project, or organization sites. Think of it like a file-based CMS, without all the complexity. Jekyll takes your content, renders Markdown and Liquid templates, and spits out a complete, static website ready to be served by Apache, Nginx or another web server. Jekyll is the engine behind GitHub Pages, which you can use to host sites right from your GitHub repositories." – Jekyll
Requirements
Get started
bundle install
to install Ruby gemsnpm install
to install npm packagesgulp
to run the default Gulp task
Description
Languages
HTML
58.2%
JavaScript
38.9%
CSS
2.8%