Code Monkey home page Code Monkey logo

beautiful-ghost's Introduction

Beautiful Ghost - A port of Beautiful Jekyll theme

This is a porting of Beautiful Jekyll theme by Dean Attali. It supports most of the features of the original theme.

Too see a live preview, just visit my blog!

From version 1.1, beautiful-ghost will support only Ghost >= 1.0. It will work also on older versions, but some feature may be disabled (e.g., favicon).

TODO

  • Comments count disqus

Installation

Easy way:

Head to the releases page and grab the last version. Then in your ghost installation go in Settings/Design and click on Upload a theme. You're done! ๐ŸŽ‰

If you want to customize some parts, great! Clone the repository, make your modifications and recreate the zip file:

    $ git clone https://github.com/boh717/beautiful-ghost.git
    // Your modifications
    // Then move in theme root level
    $ cd beautiful-ghost
    $ zip -r beautiful-ghost.zip *
    // Upload the theme zip as before

Features

Responsive

This theme is designed for both large-screen and small-screen (mobile) devices.

Syntax highlighting

This theme has support for syntax highlighting thanks to the PrismJS library.

Disqus support

To use this feature, change {{!> disqus}} into {{> disqus}} in post.hbs and fill out the disqus_shortname parameter in partials/disqus.hbs.

Google Analytics

To add Google Analytics, simply sign up to Google Analytics to obtain your Google Tracking ID, add this tracking ID to partials/google-analytics.hbs and change {{!> google-analytics}} into {{> google-analytics}} in partials/footer.hbs.

No header image in posts (but yes in social networks)

In header_post_page.hbs you will find a switch:

{{> header_image}}
{{!> no_header_image}}

The first one ({{> header_image}}) is the default: if you upload a post image it will be shown in post page AND on social networks when you share it; if you don't upload an image, then it won't show anywhere. Easy peasy.

The second option ({{!> no_header_image}}) is a little bit different: you will never see the uploaded post image on your blog, but if you share it, then the image will display, giving better visibility to your tweet/FB post.

The two options are mutually exclusive, only one at a time must be activated.

License

MIT Licensed, see LICENSE.

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.