Ghostium

一个专注于内容的Ghost主题,基于Medium设计/ux。「A Ghost theme focused on content based on Medium design/ux.」

Github星跟蹤圖

Ghostium – Try Ghost

Ghostium

A Ghost theme focused on content based on Medium design/ux.

NOT UNDER ACTIVE DEVELOPMENT

Table of contents

Features

  • Focused on content
  • Fully responsive
  • HTML5 semantics, WAI-ARIA and Rich Snippets(microdata) roles
  • Asynchronous content loading
  • Disqus comments
  • Syntax Highlight with Prism
  • Google Universal Analytics snippet
  • OpenGraph and Twitter Cards meta's
  • Baseline HTML5 features, DNS prefetching, responsive meta
  • One-file CSS/JS for performance

Installing

Using Git

  1. Navigate to your Ghost theme directory ghost/content/themes
  2. Clone the theme repository using the command below
$ git clone https://github.com/oswaldoacauan/ghostium/ "ghostium"
  1. Restart ghost and log in to your dashboard
  2. In settings under themes select ghostium and save
  3. That's all, now its time to configure your theme

Manually

  1. Download the files using the GitHub .zip download option
  2. Unzip the files and rename the folder to ghostium
  3. Copy the folder into your Ghost theme directory ghost/content/themes
  4. Restart ghost and log in to your dashboard
  5. In settings under themes select ghostium and save
  6. That's all, now its time to configure your theme

Building from source

Prerequisites

  • Ruby >= 2.4
  • Bundler (gem install bundler)
  • Sass (gem install sass)
  • Node >= 8.9
  • Bower (npm install -g bower)
  • Run npm install

Build

npm run build

Compiles all assets into the build/ directrory.

Zip

npm run zip

This creates the ghostium.zip bundle ready for upload through the UI.

Configuring

All configurable files are located in ghostium/partials/custom.

config.hbs

Configurable javascript identifiers.

meta.hbs

Configurable meta tags.

  • twitter:site: Used for Twitter Card identification, the twitter @username of the owner of this card's domain
  • twitter:creator: Used for Twitter Card identification, the twitter @username of the author of this content
  • google-site-verification: Used for Google Webmaster Tools identification
  • fb:admins: Used for Facebook Insights identification

Your site navigation items, markup template below.

<li class="drawer-list-item">
  <a href="#" title="My awesome menu">
    My menu
  </a>
</li>

Roadmap

Many features listed here still depend on future implementations in Ghost, take a look at the their Roadmap and Planned features.

  • Cover image for single post
  • Infinite scroll
  • Next post cover

Contributing

If you want to help, please read the Contributing guide.

History

For detailed history, see Changelog.

License

MIT License © Oswaldo Acauan

Try Ghost

主要指標

概覽
名稱與所有者oswaldoacauan/ghostium
主編程語言HTML
編程語言Ruby (語言數: 4)
平台
許可證MIT License
所有者活动
創建於2013-11-11 22:34:35
推送於2022-12-02 05:26:20
最后一次提交2019-06-12 17:49:45
發布數20
最新版本名稱v2.3.2 (發布於 2017-07-12 15:35:40)
第一版名稱v1.0.1 (發布於 2013-11-11 21:34:56)
用户参与
星數1.3k
關注者數50
派生數382
提交數155
已啟用問題?
問題數124
打開的問題數38
拉請求數28
打開的拉請求數6
關閉的拉請求數43
项目设置
已啟用Wiki?
已存檔?
是復刻?
已鎖定?
是鏡像?
是私有?