Git Product home page Git Product logo

geeks's Introduction

Jampp Framework

Requirements

  • NodeJs 4.1+
  • NPM 3.3+
  • Bower 1.6+
  • Gulpjs 3.9+
  • Ruby 2.x
  • Jekyll 3

Environment Setup

bundle install & npm install & bower install

Gulp Tasks

Default (watch)

gulp will watch for assets and fire up the local server for development.

Publish

gulp publish will watch for assets and fire up the local server for production.

Ready

gulp ready generates a production-ready version of the site at /build/production.

Images

Make sure GraphicsMagick or ImageMagick are installed on your system and properly set up in your PATH.

apt-get install imagemagick
apt-get install graphicsmagick

Or

brew install imagemagick
brew install graphicsmagick

Authors

Add new authors on authors.yml located at _src/data/

The default path of author images is _src/_assets/images/authors

Top Navbar

In order to change the order, path o location of the navigation bar you must edit nav.yml located at _src/data/

To have a structure like site/slug we need to create a folder named according to nav.yml data. Inside that folder you need to add an index.html with this data:

---
layout: category
title:  Your New Category - Jampp
type: your-new-category
---


## Writing a post

You can pass several options per post.

### YAML Front Matter

    ---
    layout: post
    title: Front-End is new Black
    date: 2015-12-12
    tag: frontend
    categories:
      - jampp
    image:
      feature: clock.png
    keywords: "key1, key2, key3"
    description: Short description of my post.
    author: alexis
    ---

- `layout` Always use post
- `title` The page title
- `date` The page date
- `tag` Unique value, can be: `data-infrastructure, data-science, front-end, infrastructure, open-source, python, technology`
- `categories` and array of categories
- `image feature` A featured image, must be 640x480 or higher. Place those images at `_src/_assets/images/featured-images-posts`
- `keywords` An array of related keywords for SEO purposes. Optional
- `description` Post description for SEO purposes. Optional

Helpers

Youtube video

Add na video with this helper:

{% youtube ID WITH HEIGHT %}

WITH HEIGHT are optional here

Excerpt

By default this theme will truncate your content by 40 lines. If you need to add a custom Excerpt just past:

<!--excerpt.start-->
  My custom Excerpt
<!--excerpt.end-->

BlockQuotes

{% blockquote CITRE TEXT %}
  "BLOCKQUOTE TEXT"
{% endblockquote %}

References and URls These are set as: [MY_WORD][MY_REFERENCE] and then we can set the referrenced content at the bottom ie. [MY_REFERENCE]: http:my_url.com

Math latex-type Equations Regular equations synthax can be used as $$f(x)$$ and $f(x)$ for same-line equations. Also \[ e(x)\] works.

Inserting Images They can be inserted as ![ IMAGE_SCREEN_NAME ]({{ site.url }}/PATH/TO/IMG.png "HERE GOES ALT-TEXT"){: .center-image }

Fake Comments If you want to comment text in the post source files you can abuse broken links with [//]: # (your comment in here. Be sure not to escape internal bracket chars)

Shipping to production

Change the values on confg-build.yml and run gulp ready to compile, lint and optimize assets. Push it!

geeks's People

Contributors

barryclark avatar juanpampliega avatar jdemonasterio avatar klaussfreire avatar torian avatar baires avatar petobens avatar sebamontini avatar javiercejudo avatar eringrand avatar memeplex avatar peteretelej avatar gervasiocalderon avatar argy-chukker avatar bkiers avatar daattali avatar esteinborn avatar vermluh avatar henryaj avatar hunjaelee avatar junefrench avatar rnicholus avatar coltonfitzgerald avatar mbonamico avatar sunnankar avatar

Watchers

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