Skip to content

A boilerplate with Jekyll, Webpack, and Node.js to kickstart the development of blazingly fast, feature-rich, & SEO-ready static sites.

License

Notifications You must be signed in to change notification settings

itw-creative-works/ultimate-jekyll

Repository files navigation

ITW Creative Works

GitHub package.json version

David David

Website GitHub GitHub contributors GitHub last commit

🦄 Ultimate Jekyll

Ultimate Jekyll is a template that helps you jumpstart your Jekyll sites and is fueled by an intuitive incorporation of npm, gulp, and is fully SEO optimized and blazingly fast. You can sync this Template repo with your copy of the project to get all the updates!

Site | NPM Module | GitHub Repo

🚀 Getting started

Before getting started, be sure you are using Node.js v10 (higher versions may not work).

  1. Create a repo from the Ultimate Jekyll template.
  2. Rename the template branch to master.
  3. In the repo's settings add a secret called GH_TOKEN and paste a GitHub token that has write permissions for this repo.
  4. Clone the repo to your local machine with the GitHub Desktop app.
  5. Run npm run template:setup in Terminal to setup the template.
  6. Run npm start in Terminal to launch the website locally.

📦 How to sync with the template

  1. Simply run npm run template:update in Terminal to get all the latest updates from the Ultimate Jekyll template.

🌎 Publishing your website

  1. Change the url in _config.yml to your domain.
  2. Push your changes to GitHub using npm run dist in Terminal.

💈 How to properly use the template

This repo will only ever receive changes to files located in master folders. You can safely customize any file in app folders. For example:

  • You should NOT edit: assets/_src/js/master/main.js
  • You should edit: assets/_src/js/app/app.js You can always run npm run template:update to get all the latest updates from the Ultimate Jekyll template but be sure to check if there were any breaking changes.

🔒 Run a local https server

  1. Execute:
  • npm run create:cert
  • npm run prototype:https
  1. Press cmd + option + i on the webpage that opens.
  2. Go to Security tab and press Show certificate.
  3. Drag the certificate to your Desktop then double-click it
  4. Double-click it when it has opened in keychain
  5. Open the trust dropdown and change it to always trust

🖖 Reference

About

A boilerplate with Jekyll, Webpack, and Node.js to kickstart the development of blazingly fast, feature-rich, & SEO-ready static sites.

Topics

Resources

License

Stars

Watchers

Forks

Languages