Code Monkey home page Code Monkey logo

ghost-blog's Introduction

Jasper2

Github Pages ๐Ÿšข Ruby Jekyll

This is a full-featured port of Ghost's default theme Casper v2.1.9 for Jekyll / GitHub Pages.

Live Demo

Ghost's Casper // Jasper2

home page

Features

  • Out of the box support for multiple authors (via _data/authors.yml)
  • Full author information including: picture, bio, website, twitter, facebook, etc.
  • Tag description(s) and personalised covers (via _data/tags.yml)
  • Related posts view at the bottom of each post
  • All Ghost default pages: Author page(s), Tag page(s), About page(s), 404, etc.
  • Pagination (infinite scrolling or standard pagination, i.e. posts across multiple pages)
  • Atom Feeds by Jekyll-feed
  • Toggleable subscribe button (requires an external service)
  • Code Syntax Highlight with highlight.js
  • Support for Google Analytics tracking
  • Support for Disqus comments (not Ghost standard)

Getting Started

Deployment

Built the site with travis-ci (with goodies from jekyll-travis) automatically pushing the generated HTML files to a gh-pages branch. This later approach is the one I am currently using to generate the live demo.

For this option you will need to set up travis-ci for your personal fork. Briefly all you need then is to change your details in _config.yml so that you can push to your github repo. You will also need to generate a github personal access token via travis encrypt to add to your .travis.yml

travis encrypt GH_TOKEN=<token>

Also make sure you read the documentation from jekyll-travis. This approach has clear advantages in that you simply push your file changes to GitHub and all the HTML files are generated for you and pushed to gh-pages. Also you get to know if everything is still fine with your site builds. Don't hesitate to contact me if you still have any issues (see below about issue tracking).

Author Pages

In order to properly generate author pages you need to rename the field author in the front matter of every post to match that of your each author's username as defined in the _data/authors.yml file. With the latest update, multiple author blogs are now supported out of the box.

Compiling Styles

Following on the way Casper styles are compiled as described here:

Jasper2 styles are compiled using Gulp/PostCSS to polyfill future CSS spec. You'll need Node and Gulp installed globally. After that, from the theme's root directory:

$ npm install
$ gulp

Now you can edit /assets/css/ files, which will be compiled to /assets/built/ automatically.

Issues and Contributing

This install builds well with Ruby v2.5.1 and Jekyll v3.7.4. If you run into any problems please log them on the issue tracker.

Feel free pull-request your patches and fixes.

Thanks

Many thanks to the Ghost team for all the design work. Also many thanks to all contributors, that help keeping the project alive and updated ๐Ÿ˜„

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.