Coder Social home page Coder Social logo

itw-creative-works / ultimate-jekyll Goto Github PK

View Code? Open in Web Editor NEW
4.0 1.0 0.0 33.7 MB

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

Home Page: https://itwcreativeworks.com

License: Other

JavaScript 13.54% Ruby 0.21% HTML 85.46% CSS 0.65% SCSS 0.14%
website webdevelopment frontend front-end html

ultimate-jekyll's Introduction

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

ultimate-jekyll's People

Contributors

ianwieds avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.