Giter VIP home page Giter VIP logo

ghost-on-github-pages's Introduction

Ghost on Github Pages

Ghost is an awesome open-source blogging plataform. Now you can host it for free at Github Pages. Ghost is an awesome open-source blogging plataform. Now you can host it for free at Github Pages.

Ghost is a simple, powerful publishing platform that allows you to share your stories with the world. It usually needs a paid host, but there's some ways to host your Ghost installation at Github Pages, for free.

In order to create your own Ghost blog for free and host it at Github pages, check the following instructions. These instructions were tested within Linux, if you know how to make it work for Windows or Mac OS, please let me know and I'll add the instructions here.

Example of working project: https://github.com/paladini/paladini.github.io

Note that the first time installation take some time (about 10 minutes), but after that you just need to run npm start to use Ghost at your computer (creating posts, modifying the website, etc.) and ./update_website.sh to send the changes to your website. Simple as that.

Prerequisites

Before we start, you need to install some prerequisites:

  • pip, the Python package manager. Python 2.7.9 and later comes with pip by default, so it won't will bother you.
  • buster, a Python package. To install buster, open the Terminal and run pip install buster.
  • npm, the NodeJS package manager. Download NodeJS and install it. NPM is part of NodeJS.

Installing for the first time

1) Download the latest version of Ghost at Ghost download page.

Download the latest version of Ghost

2) Extract it somewhere you'll remember. In my example, at /home/paladini/ghost.

Extract the Ghost folder somewhere you'll remember

3) Open the Terminal and navigate to the extracted folder. Run npm install.

Run "npm install". This step will take several minutes.

4) Now we've Ghost installed. Let's start it's localhost server running npm start:

Run the Ghost server at localhost for the first time using "npm start"

5) Ghost now will be live at http://localhost:2368. Let's create your user and configure Ghost for the first time: go to http://localhost:2368/ghost and follow the instructions.

Follow the Ghost instructions for the first time install.

6) Now you are at the Ghost Administrative Panel, personalize your page and create the desired content.

Ghost Administrative Panel

7) Go to Github.com and create a repository called YOUR_USERNAME.github.io (in my case it was paladini.github.io).

Create a repository called "YOUR_USERNAME.github.io".

8) Download this script and this HTML page and put it inside Ghost folder. Open a terminal window, go the Ghost folder and run chmod +x update_website.sh.

9) Open another Terminal window and go to Ghost folder (in my case: /home/paladini/ghost). Run the following commands:

buster setup
buster generate
git init
git remote add origin [email protected]:YOUR_USERNAME/YOUR_USERNAME.github.io.git
git add -A
git commit -m "Firs commit"
git push origin master -f

10) After about 10 minutes (according to Github Pages), your website will be live at http://YOUR_USERNAME.github.io. In my case, this is my page:

Updating the website [creating new posts, changing theme, etc.]

Whenever you want to create a new post, change the theme of the site (etc.), you should run npm start inside the Ghost folder to start the server at the localhost. Then you can go to http://localhost:2368/ghost/ and do whatever you want to.

To send the changes to your page, just run ./update_website.sh from the Terminal. Remember that Github takes about 10 minutes to update the website.

About

This readme was created in less than one hour, so if it have any problems or you has some question in some topic, please contact me at fernandopalad at gmail dot com. Feel free to improve it or make any critics.

References:

ghost-on-github-pages's People

Contributors

paladini avatar

Watchers

 avatar  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.