Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

176 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

GapStyle Blog Theme

The default developer blog theme for Ghost 3.0+ and customized with GapStyle and client-side vuejs integration

Index(Light) Index(Dark)
Post(Light) Post(Dark)

Live Demo

This project should be a good example to demonstrate how to use Webpack + VueJs + Ghost HandlerBar SSR together.

Highlights

  • Integrated with Webpack, VueJs and Scss harmony
  • Custom implementation of Prismjs syntax highlight to reproduce GapStyle
  • Dark Mode Toggle
  • Scss Variable for customization
  • Photos Zoom

TODOs

  • support email subscription
  • support member registration
  • support private content (member system)

Development

# install dependencies
yarn install

# run development server
yarn dev

# run production build locally
yarn build

# create deployment secret for release
cp example.secret.json secret.json

# deploy
yarn release

License

MIT

About

Gap styled blog theme for Ghost 3.0+

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages