Home Page Icon
Home Page
Table of Contents for
Table of Contents
Close
Table of Contents
by David Balderston, Andy Boutte, Kezz Bracey
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
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Prev
Previous Chapter
Cover
Next
Next Chapter
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
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset