Coder Social home page Coder Social logo

Siteleaf Starter

Starter template for Siteleaf builds, powered by Jekyll and Gulp.

WIP: PLEASE READ NOTE BELOW

Getting up and Running

Setup

  • Create a Git repo and download or clone these files into the top level of it.
  • Install bundle via Ruby gems.
  • Install the new gulp-cli with these instructions.
  • Run bundle install.
  • Run npm install.
  • If you have problems installing that due to old Gulp versions, follow this to remove the gulp.1 file and try again.
  • Then for development you'll need to run gulp and bundle exec jekyll serve in seperate terminals at the same time. This is a WIP and will be streamlined into a single process with hot reloading soon.
  • Commit your files and push them to your repo.

Connect to Siteleaf

  • Log into your Siteleaf account and create a new site.
  • Then you'll see the 'Connect existing repo', click that and you're good to go.

Under the hood

  • Jekyll
  • Github Pages Support
  • Gulp which handles:
    • SCSS Minification/Compilation
    • SCSS Compilation
    • CSS Autoprefixer
    • CSS Sourcemaps
    • ES6 Support
    • JS Minification
    • JS Concat
    • Error Notifications

Note

Currently, this starter template cannot compile the CSS with front matter for Jekyll to then process. So once you're finished developing locally and you'd like to push live, follow these steps:

  • Make sure bundle and gulp are still running.
  • Gulp will have compiled your latest SCSS to CSS in the assets/styles/main.css file. So copy these contents to your clipboard.
  • Then in the assets/css/styles.scss you'll see the below:

---
---

// your css below

  • Jekyll needs the dashes (front matter) at the top of the file to compile it into the _site/ folder so keep these and replace all the CSS below the front matter with what you've copied.
  • Then push up your changes and you'll see your latest changes after publishing to Siteleaf :)

Lloyd Stubber's Projects

focus-fair icon focus-fair

New site for the Bloom Publishing/Hillvale Lab FOCUS Fair

my-wsl-setup icon my-wsl-setup

Quick rundown on my current setup on the Windows Subsystem for Linux.

static-starter icon static-starter

Static starter template using Gulp for holding pages/one pagers.

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.