Skip to content
Customized theme for Ghost Blog
CSS HTML JavaScript
Branch: master
Clone or download
Pull request Compare This branch is 3 commits ahead, 254 commits behind TryGhost:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
partials
.gitignore
LICENSE
README.md
author.hbs
default.hbs
index.hbs
package.json
page.hbs
post.hbs
tag.hbs

README.md

CasperJS

Base on default theme for Ghost and currently used at https://johnsiu.com

Usage

Dependency

This theme use Pixeden Social Icon Font Set. It is free to use for both personal and commercial use, but not distribution. You need to download the package manually, unzip, then copy the pe-icon-social folder into CasperJS's assets folder.

Customization

Google AdSense

You need to update _adsenseTop.hbs and _adsenseBottom in the partial folder with your own AdSense unit id, data-ad-client and data-ad-client. They are both empty now.

Your AdSense units should be type Text/image, Responsive.

Disqus comment

You need to update line 14 of *_disqus.hbs in the partial with your Disqus information.

Not Included

Since Ghost Admin panel support header and footer injection, Google Analytics and syntax highlight are not added in the _customHeader.hbs file. Following are the codes required for the injection.

Google Analytics

<!-- Google Analytics -->
<script>
	GAID='Your Google Analytics ID here';
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  ga('create', GAID, 'auto');
  ga('send', 'pageview');
</script>

Systax HighLight with highlight.js

<!-- Syntax HightLight -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

Change Log

  • 1.3.6-JS
    • _customHeader.hbs
      • used by default.hbs
      • Support Pixeden Social Media Font
    • _adsenseTop.hbs and _adsenseBottom
      • used by post.hbs and loop.hbs
      • Support top and bottom Google Adsense
    • _share.hbs
      • used by post.hbs
      • Support LinkedIn, Twitter, Facebook, Google+ and Reddit post sharing
    • _disqus.hbs
      • used by post.hbs
      • Support Disqus comment
    • screen.css - Compact the overall layout
      • Google AdSense iframe margin fix
      • Reduce post margin and bottom padding
      • .post-footer .share h4 align right in wide screen
      • .post-footer .share h4 align center in small screen
      • Remove share block width limit on wide screen
      • Remove link margin in share block
      • Don't use circle for author image
      • Remove read-next top margin
      • Remove .read-next-story .post padding and bottom margin

Copyright & License

Since this is a fork of the original Casper theme from Ghost, the original MIT license is used.

You can’t perform that action at this time.