GithubHelp home page GithubHelp logo

garfiec.github.io's Introduction

Particle Jekyll Theme

This project is based on acarjungowda's fork of nrandecker/particle and is used as a template for my portfolio.
This is a simple and minimalist template for Jekyll designed for developers that want to show of their portfolio.

The Theme features:

  • Gulp
  • SASS
  • Sweet Scroll
  • Particle.js
  • BrowserSync
  • Font Awesome and Devicon icons
  • Google Analytics
  • Info Customization

Basic Setup

  1. Install Jekyll
  2. Fork the Particle Theme
  3. Clone the repo you just forked.
  4. Edit _config.yml to personalize your site.

Site and User Settings

You have to fill some informations on _config.yml to customize your site.

# Site settings
description: A blog about lorem ipsum dolor sit amet
baseurl: "" # the subpath of your site, e.g. /blog/
url: "http://localhost:3000" # the base hostname & protocol for your site

# User settings
username: Lorem Ipsum
user_description: Anon Developer at Lorem Ipsum Dolor
user_title: Anon Developer
email: [email protected]
twitter_username: lorem_ipsum
github_username:  lorem_ipsum
gplus_username:  lorem_ipsum

Don't forget to change your url before you deploy your site!

Color and Particle Customization

  • Color Customization
    • Edit the sass variables
  • Particle Customization
    • Edit the json data in particle function in app.js
    • Refer to Particle.js for help

Running the blog in local

In order to compile the assets and run Jekyll on local you need to follow those steps:

Running Jekyll/Gulp on Docker (preferred)

  • To run Jekyll serve (build site real time and host), run ./jekyll-docker-serve.sh
  • To run Gulp (TODO)

Credits

This theme is developed by

garfiec.github.io's People

Contributors

garfiec avatar

Watchers

James Cloos avatar  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.