Giter Site home page Giter Site logo

bastigw / gtdd Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 344 KB

Ghost Theme Development with Docker. Intended for Ghost v. 3

License: MIT License

CSS 45.17% JavaScript 30.00% HTML 24.82%
ghost theme-development ghost-theme docker docker-compose tailwindcss

gtdd's Introduction

Theme Development Setup with Docker

Create a Theme with a Ghost Docker container.

Prerequesites

First make sure to have docker and docker-compose installed. These will be used to run the Ghost instance for the theme development inside of a container.

Installation and Setup

git clone https://github.com/bastigw/gtdd.git theme-name # First of all clone this repository.
cd theme-name

npm install # Install all Dependencies

npm run dev # Start gulp to watch files and build theme into docker-mount directory

docker-compose up -d # Start docker container. Mounts to local docker-mount directory

Default ghost port is 9090. To change it edit docker-compose.yml. If you change the port and do not edit the browser-sync initialization in the gulpfile hot reloading will not work.

Changes that you now make in the source directory should be updated. The default port for hot reloading is 3000.

Go to http://localhost:3000/ghost/. Follow the instructions until you are on the admin page. Now go to http://localhost:3000/ghost/#/settings/design and at the bottom activate your theme.

Configuration

Make sure to edit the package.json.

This theme comes with tailwind.css. If you do not want to use tailwind remove all tailwind specific lines from gulpfile.js

Casper Theme

The default theme files are from the official Casper Theme.

A few files were modified:

  • gulpfile.js: Added serveDocker function. This function builds the theme and stores it in the docker-mount directory

  • package.json: Livereload dependency was swapped for browser-sync. Tailwind was added.

For more information about developing a theme check out the Ghost Theme API documentation

Contributors

Copyright & License

Copyright (c) S. Bauer - Released under the MIT license.

gtdd's People

Contributors

bastigw avatar

Stargazers

 avatar  avatar

Watchers

 avatar

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.