dock-oc

Want to try Octopress but don't feel like installing all the dependencies on your machine? This repo provides you with instructions and workflow to run it under Docker.

Installation

First, fork this repo, as it's going to contain your site source code (markdown), and clone it on your docker host:

git clone [email protected]:USERNAME/docker-octopress
cd docker-octopress

Now either download the ready-made Docker image (assuming I've pushed it and it's up-to-date):

docker pull dergachev/octopress

Alternatively, build the image manually from the included Dockerfile:

make docker-build

Then update the following settings inside config/_config.yml:

url: http://dergachev.github.io
title: Alex Dergachev's Blog
subtitle: Buffalo buffalo Buffalo buffalo buffalo buffalo Buffalo buffalo
author: Alex Dergachev
simple_search: http://google.com/search
description: Site description goes here.

Now, you're ready to use Octopress to build and deploy the HTML!

Usage

First, create a new post inside ./posts as follows:

make new_post

This will generate posts/2014-05-07-your-post-title.markdown and open it in Vim for you to edit.

Populate the markdown file with something like the following:

---
layout: post
title: "Hello World!"
date: 2014-05-07 21:14
comments: true
categories: docker
---

Just getting started with Octopress, and of course I couldn't do anything
without my two favorite files: a Dockerfile and a Makefile.

## Heading 2

Some more text

* List 1
* List 2 with a link to [github.com/dergachev/docker-octopress](https://github.com/dergachev/docker-octopress/)

Now you can generate the HTML and associated files for your website, which will be written to ./public/:

make generate

After running this conversion, you can theoretically deploy the site. But not so fast! Realistically, you'll want to preview the resulting HTML locally first.

The following command spins up a local webserver, while automatically regenerating the HTML whenever the source markdown files change:

make preview

While it's running, visit http://localhost:4000 to preview your site. If you're not running docker locally but in a VM, be sure to use your docker VM's IP address instead of localhost, or setup port forwarding.

Deploying to GitHub Pages

Once you're happy with the previewed HTML, we're ready to it to push it to GitHub Pages repository.

First, you'll need to create a repository named USERNAME.github.io. Any static HTML content pushed to the master branch of this repo will be automatically published by GitHub, at http://USERNAME.github.io. For example, my repository is at https://github.com/dergachev/dergachev.github.io, and it's being publicly served at http://dergachev.github.io/.

After you create the repo on GitHub, you'll need to get its clone URL. If you have SSH keys configured AND ssh-agent running on your docker host, you should use the SSH form of the URL ([email protected]:USERNAME/USERNAME.github.io.git). Otherwise you should use the HTTPS form (http://github.com/USERNAME/USERNAME.github.io), although this will require you type in your GitHub credentials each time you deploy changes.

Once you have your repo URL figured out, the following command will clone it to ./deploy_repo, and then update ./deploy_repo/.git/config with your git name and email address, to allow for automatic commits from within Docker containers.

make deploy-repo

Now you're ready to deploy! The following command re-generates the HTML in ./public, copies it to ./deploy_repo, then commits and pushes the changes:

make gen_deploy

Afterwards, your HTML will be hosted via GitHub Pages at http://USERNAME.github.io.

Note that GitHub Pages can take up to 10 minutes to start serving the HTML after the push.

Also note that Octopress' deploy task seems to choke if there's any hidden files (those whose names start with .) in ./posts, such as your Vim swap files. So make sure Vim isn't open when you run this.

Don't forget that your source markdown still needs to be committed and pushed; now's a great time to do this to avoid future data loss.

Running other commands

Would you like to run other Octopress commands?

See a list of available rake tasks defined by Octopress:

make rake

Run an abritrary rake task:

make rake-new_page   # runs 'rake new_page' inside docker

Something funky? Or want to do something custom that my Makefile doesn't support? Start a bash shell within the Docker container:

make shell

Don't forget that a number of directories are shared from your docker host, so be careful not to delete your uncommitted posts by accident.

jekyll logo

Want a Jekyll website built?

Hire a Jekyll developer