Giter VIP home page Giter VIP logo

minsper's Introduction

Minsper - A Ghost Theme for Personal Blogs

Ghost

A minimized and updated version of Casper for personal blogs. A running demo of the theme can be found here.

Screenshot Mockups

Features

  • Compatible with the newest version of Ghost (v1.20.0).
  • Works for all display sizes.
  • No routes to needless individual author pages.
  • Updated elements and UX, such as navigation, tags, etc.
  • Updated post page that helps concentrate on content better.
  • Updated index page that shows recent posts as tiles.
  • Integrates page load progress indicators.
  • Integrates Disqus with easy setup.

Installation

Zip the theme folder and upload it within the Design panel over at your own Ghost administrator page.

Hacking

Run a local version of Ghost and setup the theme within it so that you can easily monitor changes made to the source code. Also, check with any updates to see if the code will be compatible with future versions of Ghost.

Configurations

All configuration changes should be done inside the Blog Header section from the Code Injection panel within Ghost's administrator page. Configs should be added using the following format:

<script>
var THEME_CONFIG = THEME_CONFIG || {};
THEME_CONFIG.postSquareColors = ["#hex-color1", "#hex-color2", ...];
THEME_CONFIG.disqusShortname = "YOUR-DISQUS-SHORTNAME";
THEME_CONFIG.autoLoadComments = true;
</script>

THEME_CONFIG.postSquareColors

Config for changing the index page tile colors. Define as many colors as you want. If omitted, only one default color will be used.

THEME_CONFIG.disqusShortname

Config for setting up the comments section using Disqus. Replace the placeholder string with the disqus_shortname you've acquired. If omitted or empty, the comments section will not be shown.

THEME_CONFIG.autoLoadComments

Config for setting the loading time point of the comments within the comments section. If omitted or set to false, the comments will be loaded and shown right after page load. If set to true, the comments will be loaded and shown only after the user clicks the necessary button to open the comments.

Future Plans

  • Adding a dedicated search page.
  • Using a pre-processor for stylesheets.

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.