Ghost Theme Typescript

Typescript is a minimal theme for Ghost. I am working on a Hexo version, too.

The theme is now available at https://github.com/artchen/ghost-theme-typescript.

This theme is also available on:

Production

If you are going to use Typescript directly (without much customization).

cd <path-to-ghost-folder>/content/themes/
git clone https://github.com/artchen/ghost-theme-typescript.git typescript

The version shared via Github is used on otakism.org, my blog. There are quite a few things hard-coded into the template that you’ll need to customize. Including but not limited to:

  • The site logo: assets/img/logo.png
  • The short text under the logo: partials/header.hbs
  • Disqus integration: page.hbs, post.hbs
  • Social account links: partials/footer.hbs

The search feature relies on swiftype. Please follow their instruction to setup your own searches.

The fonts are from Typekit. If you are not using typekit, please remove corresponding code is in default.hbs.

Development

If you are going to develop your own features/styles/etc upon Typescript, here is how to set up the development environment.

Clone the repository.

cd <path-to-ghost-folder>/content/themes/
git clone https://github.com/artchen/ghost-theme-typescript.git typescript

Install gulp, bower and npm before proceed.

Install and build the app:

cd ./typescript
npm install
bower install
gulp

At this point your development environment is ready.

Update

cd <path-to-ghost>/content/themes/typescript/
git pull

Demo

Visit my blog (in Chinese) for a demo of tis theme. http://otakism.org.

Screenshot

Typescript Screenshot

Copyright

Public resources used in this theme:

Copyright © Art Chen

Please do not remove the “Theme Typescript designed by Art Chen” text and links.

  1. 1. Production
  2. 2. Development
  3. 3. Update
  4. 4. Demo
  5. 5. Screenshot
  6. 6. Copyright