GithubHelp home page GithubHelp logo

imgarylai / text Goto Github PK

View Code? Open in Web Editor NEW
64.0 4.0 13.0 365 KB

👻 An elegant ghost blogging theme. Mandarin optimization support.

Home Page: https://blog.gary-lai.com

License: Other

CSS 74.09% HTML 25.91%
ghost theme ghost-theme blog code-highlight

text's Introduction

Text for Ghost

Ghost version Ghost version GitHub forks GitHub stars GitHub issues GitHub license

Introduction

This theme is for Ghost, a blogging platform. It supports ghost version greater than 1.0.0.

For ghost <= v0.8.x, please use verstion 1.3.0

I focus on things below:

  • Reader first: clear readability.
  • A responsive theme along with less CSS code and simple HTML construction.
  • Less animation, no font or image icon.

preview image

Demo

Live theme is use my blog: blog.gary-lai.com

Features

  • Responsive
  • Error Page(ex: 404, 500)
  • Authors, Tags, Pages
  • Navigation
  • Code highlighting via highlightjs
    • Line numbers support (Optional)
  • Google Analytics (Optional)
  • Disqus(Optional): comments and comments count, (Thanks @Windfarer)

Optional

  • subscriber

Installation

Chose one option below:

After install the theme, please restart server then you can change theme on settings page.

Code Injection

Blog Header

<script>
// to enable Google Analytics
var ga_id = 'YOUR UA ID HERE';

// to enable Disqus
var disqus_shortname = 'YOUR DISQUS SHORT NAME HERE'
</script>

Blog footer

// to enable line number support
<script>
hljs.initLineNumbersOnLoad();
</script>

Development

You should set your ghost on your develop machine, Please follow official instruction.

Then clone this repository under this directory: ghost/content/themes/

Fire up local server and change your theme to text.

License

Open sourced under the MIT license.

text's People

Contributors

imgarylai avatar mudcrab avatar windfarer avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

text's Issues

ghost版本更新后{{comment_id}} 不对应

The output of {{id}} has changed between Ghost LTS and 1.0.0. This results in Disqus comments not loading on Ghost 1.0.0 posts which were imported from Ghost LTS. To resolve this, we've added a new {{comment_id}} helper that will output the old ID for posts that have been imported from LTS, and the new ID for new posts. The Disqus embed must be updated from this.page.identifier = 'ghost-{{id}}'; to this.page.identifier = 'ghost-{{comment_id}}'; to ensure Disqus continues to work.

更换主题的时候,官方要求 Replace {{id}} with {{comment_id}} in Disqus embeds. 更换模版id。我按照要求将你主题下index.hbs文件中第12行更改为 var disqus_identifier = 'ghost-{{id}}'; 但是无效,请问怎么解决?

Disqus

Hi i was using your theme and I was wondering how i would enable the disqus feature. thx

Responsive WEB Design

圖片在文章(未勾選Turn this post into a page選項)中有RWD , 但在頁面中(勾選Turn this post into a page選項)沒有 RWD 。

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.