Getting Started with Ghost电子书

Getting Started with Ghost

Table of Contents

Getting Started with Ghost

Credits

About the Authors

About the Reviewers

www.PacktPub.com

Support files, eBooks, discount offers, and more

Why subscribe?

Free access for Packt account holders

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code

Errata

Piracy

Questions

1. The First Steps with Ghost

Automated installation of Ghost

A background on Ghost's hosting

Using Ghost's hosting solution

Creating a blog on Ghost(Pro)

Creating your user account

Configure settings

General settings

User settings

Content management

The content management area

Creating and deleting posts

Converting a post to a page

Modifying the permalink or publishing date

Featured posts

Editing existing posts

The post editing area and inline preview

Setting the title

Saving a draft

Adding tags

The word count display

Publishing and unpublishing posts

Converting a post to page, plus permalink and date modification from the post editor

Markdown, image upload, and inline HTML

Image upload

Inline HTML

Hosting Ghost on other providers

DigitalOcean

Amazon EC2

Summary

2. Manual Installation and Configuration of Ghost

Manually installing Ghost on your local computer

Command-line interface and SSH access

Identifying your VPS operating system

Installing Ghost on Ubuntu (VPS and local)

Configuring Ghost on Ubuntu for VPS

Installing Ghost on CentOS (VPS and local)

Configuring Ghost on CentOS for VPS

Installing Ghost on Mac OS X (local)

Configuring Ghost on OS X

Installing Ghost on Windows (local)

Configuring Ghost on Windows

Additional configuration for VPS usage

Pointing a custom domain at Ghost (VPS)

Hosting multiple Ghost blogs on the same VPS

Nginx

Keeping Ghost running (VPS)

The forever process manager

Adding SSL for security

Upgrading Ghost

Troubleshooting

listen EADDRINUSE IN USE

listen EADDRNOTAVAIL

Command not found

Places to find help

Summary

3. Preparing for Theme Development

Handlebars' logicless templating

Double and triple curly braces

Handlebars' paths

The each and foreach block helpers

The if helper

The unless and else helpers

Template tag parameters

Comments

Creating CSS via the Stylus preprocessor

Variables

Stylus syntax

Mixins

Setting up your environment

Sublime Text 2 and Package Control

Installing Stylus and highlighting Handlebars syntax

Creating your project environment

Installing Grunt

Creating a project folder

Installing the project compiler

Set project options

Run the watch task

Minifying JavaScript

Summary

4. Beginning Ghost Theme Development

An overview of the currently available design options

The themeable areas of a Ghost blog

The primary theme design building blocks

Extra design tools

The current exclusions in Ghost

Quick start theme quiz

Default

Index and tag archive

Tag archive

Post and page

Post

Creating your theme shell

The setup file and folder structure

Running the first CSS and JS compile into theme

Adding basic code to template files and package.json

package.json

default.hbs

The wrapper code and {{{body}}} tag

Document <header> section and {{blog}} object

The document <footer> section

The {{ghost_foot}} tag and extra scripts

Extra notes

index.hbs

post.hbs

tag.hbs

page.hbs

Adding test content and activating your theme

Summary

5. Applying Design Choices and Visual Styling

Stylus files

The import_stylus.styl file

The meta folder

The vars_mixins_etc folder

The styles folder

Applying the quick start theme quiz choices

The default themes

Overall layout – single column

Overall layout – twin column

Use the blog cover image – as site background

Single column layout – header height auto

Single column layout – header height large

Single column layout – full screen header

Index and tag archive

Posts – excerpt, full or trimmed

If excerpt – show post's first image/video/soundcloud

Adding zebra striping – alternate colors every second post

Featured posts – list first above default posts

Applying styles to featured posts

Applying styles to the posts with certain tags

Tag archive

Post and page

If single column layout AND header height full/large – post header style

Post

Adding unique visual styling

Adding icon fonts

Setting image fallbacks

Example design – twin column visual styling

Example responsiveness – twin column design media queries

Summary

A. Markdown Syntax and Ghost Shortcut Keys

Index