Giter Club home page Giter Club logo

space-ghost's Introduction

Space Ghost

This ghost theme puts a heavy emphasis on tags and images. It features a large hero taking up nearly the entire viewport and three tags on the homepage immediately below the fold. All tags (including these featured ones) can have an associated page which will appear above the tagged posts.

Check out my personal site for a live demo.

Usage

  1. Download and setup Ghost
  2. cd /path/to/ghost/content/themes
  3. git clone https://github.com/hbaughman/space-ghost
  4. Restart Ghost (if running) -- command differs based on your setup
  5. Select the theme in Ghost's settings
  6. Turn on "Public API" and "Internal Tags" in Settings > Labs > Enable Beta Features (If you don't see "Internal Tags" you probably have to upgrade to Ghost 0.9.0).
  7. Create and publish a new Post
  • Check "Turn this post into a static page"
  • Set the "Post URL" (a.k.a. the slug) to tags
  1. Add a link to /tags in your "Navigation" links

Disqus Comments

  1. Uncomment the line {{!> disqus}} in post.hbs (remove the !)
  2. Setup your disqus account
  3. Replace DISQUS-SHORT-NAME in partials/disqus.hbs with your short name

Conventions

Projects

Tags work as per normal in Space Ghost, but can optionally have an associated page which describes their function. This lets you post links, contact information and any number of pictures. This page will appear above the tagged posts when viewing the first page of the tag (e.g., on /tag/family-history, but not on /tag/family-history/page/2).

To link a page to a tag you must enable the "Public API" and "Internal tags". The associated page must follow these rules exactly:

  • Have the internal tag "#project" (internal tags are identified by the leading "#" symbol).
  • Be tagged with the target tag (obviously).
  • Have "Turn this post into a static page" checked
  • Optional: Check "Feature this post" to show it on the homepage. I recommend you limit yourself to three, though this is not enforced.

You must enable "Public API" (see "Usage") for project pages to appear.

Development

  1. Fork the dev branch
  2. Follow the steps in Usage to setup Ghost Scroll
  3. npm install -g gulp
  4. npm install
  5. gulp
  6. Optional Install the livereload extension
  7. Modify JS and SASS in the src directory. Do not touch the contents of assets/js or assets/css, they are overwritten by the build process.
  8. Submit a pull request

space-ghost's People

Contributors

henrymarshall avatar

Watchers

James Cloos avatar  avatar

space-ghost's Issues

tag.hbs should support tag.image or post.image

The tag.hbs page does not show the tag.image anywhere on the page. Tags with an associated page, do not show the post.image anywhere.

One of these should be included (perhaps in a header similar to the one from index.hbs) with preference given to post.image.

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.