Switch branches/tags
Nothing to show
Clone or download
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
src
.gitignore
LICENSE
README.md
author.hbs
default.hbs
gulpfile.js
index.hbs
package.json
page.hbs
post.hbs
tag.hbs

README.md

Ghost Theme Typescript

Typescript is a minimal theme for Ghost.

This theme is also available on:

Hexo version: hexo-theme-typescript

Production

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

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

Since Typescript was a private theme used on otakism.org, my blog, there are quite a lot of things hard-coded into the template that you'll need to change. Here is a checklist for (most of) them:

  • Site logo: assets/img/logo.png
  • Short text under the logo: partials/header.hbs
  • Social network: partials/footer.hbs
  • Search integration: support Google Custom Search Engine, please replace the api key and engine id in assets/js/app.js with yours. If you don't intend to use CSE, please set the corresponding option to false.
  • Excerpt generation: the theme generates supports <!--more--> excerpt with front-end regex. If you don't like this feature, please set the corresponding option to false in assets/js/app.js.
  • Fonts: the default English fonts are from Typekit. If you are using Typekit like me, please replace the embedded Javascript code in default.hbs, else you can delete the code.
  • Disqus integration: I no longer hardcode the integration code into post.hbs and page.hbs, please copy and paste the following code into Ghost code injection.
<script>  
  (function() {
    var disqus_username = 'YOUR_DISQUS_USERNAME'; // Don't forget to replace
    var d = document, s = d.createElement('script');
    s.src = '//' + disqus_username + '.disqus.com/embed.js';
    s.setAttribute('data-timestamp', +new Date());
    if ($('body').hasClass('post-template')) {
      (d.head || d.body).appendChild(s);
    }
  })();
</script>  

Development

If you are going to develop your own features, styles, etc based on 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 and npm before proceed.

Install and build the app:

cd ./typescript
npm install
gulp

At this point the development environment should be good to go.

Update

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

Demo

Please visit my blog (in Chinese) for a demo of this theme. http://otakism.org.

Here is a screenshot for quick preview:

Typescript Demo

Copyright

Public resources used in this theme:

Copyright © Art Chen

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

请不要删除页面底部的作者信息和链接。