Fancy Node.js-based blogging app Ghost goes live to backers

In the world of blogging, WordPress is the undisputed leader—the PHP-based application is everywhere. Once a light-weight blogging platform, WordPress has grown and mutated. It’s now more properly a full-fledged content management system than a simple blog, and it’s sprawled all over the Web. In fact, I guarantee you if you’re reading these words then you’ve been exposed to WordPress (Ars Technica switched to it as our CMS a couple of years ago). In the world of Web-based blogging apps, WordPress is the unchallenged king—we even have instructions on how to set it up yourself if you want to take that plunge.

But WordPress draws fire for lots of reasons, not the least of which is the complexity that has come from attempting to be all things to all people. The WordPress dashboard is cluttered and can be extremely off-putting for a new user. Power users unconcerned about interface clutter are more likely to be put off by its PHP underpinning, because people love to hate PHP. There are alternatives—my own blog uses Octopress, a static site generator based on Jekyll—but they often require donning additional propeller-topped beanies to set up and maintain.

Ghost’s main window, showing posts on the left and a preview on the right. The two-pane layout extends to editing, too.

Credit: Lee Hutchinson

And then there’s Ghost. Founded by ex-Wordpress UI Group deputy head John O’Nolan and WordPress developer Hannah Wolfe, Ghost is a new blogging platform that’s just unleashed the first semi-public release of its application. Development so far has been funded by a successful Kickstarter, and the application is barreling toward a full public release in the near-future (currently, only Kickstarter backers have access to the code).

Ghost is coded in Node.js, a server-side Javascript execution engine that’s all the rage these days. The Ghost developers characterize Ghost as a ground-up revisualization of how blogging works; it’s intended to have a very light user interface with nothing separating the blogger from the words he’s blogging. Ghost is also meant to present some extremely easy-to-grok analytics in a responsive dashboard so bloggers can keep track of who’s reading about what.

The dashboard isn’t really in yet, but Ghost is functional enough at this stage to use in production—so we’re doing just that.

The UI

I backed the Kickstarter, and I’ve been playing with the application over the weekend. I haven’t migrated anything from my primary blog over, but it’s certainly been a fun experience to get going. The interface is sparse but refreshing—on logging in, the user is presented with a dual-pane view listing posts on the left and a preview of the selected post on the right. There’s an obvious green “+” button to add a new post, and the default typography is light and clear without a serif typeface to be found. Across the LAN and on a lightly loaded server, all aspects of the UI are lightning-quick.

The dual-pane layout extends to editing, too. On creating a new post, the application presents the user with an edit pane on the left and a live preview window on the right. Markdown is the language of choice with Ghost, though the presence of a small “MARKDOWN” note above the text entry window hints that additional parsers might be offered via plug-in later.

The live preview is responsive and sprightly, quickly converting your Markdown text to pretty final text. It’s an improvement over an older “WYSIWYG” editor, because it’s easy sometimes to get trapped in complex layout loops with a WYSIWYG editor—things that should be simple result in stupid amounts of code and get worse the more you try to fix them. Here, you’re writing the code directly and also seeing the result immediately. Markdown’s extremely simple syntax keeps the code view almost as clean as the final view. And if you get lost on some Markdown that you don’t often use, like double-nested lists or whatever, there’s a nice Markdown help pop-up you can consult instead of having to hit Google. Posts can be tagged at the bottom of the edit window for categorization and searching. And, in a great boon for writers who care about their word count, Ghost displays a running tally of your wordiness above the preview window.

Ghost’s post editing window, showing a live preview of what you’re typing.

Credit: Lee Hutchinson

The posting engine is currently a very simple one. Posts can be in draft or published. A published post can be un-published and turned back into a draft if needed, but there is no system of scheduling posts to publish at certain times. When creating a post, you have the option of specifying a custom URL. Otherwise, a URL generated from the post’s title will be automatically used.

Ghost’s built-in Markdown cheat sheet.

Credit: Lee Hutchinson

Adding images to posts is beautifully done—images can be dragged directly onto a target in the edit window. The application automatically uploads those images to a directory on the Web server and embeds the image into the post you’re writing.

Adding an image to a post—first, you create a drag target…

Credit: Lee Hutchinson

…and the image is automatically uploaded and inlined.

Credit: Lee Hutchinson

There currently aren’t that many settings to tweak, since Ghost is still early in its development (the version released to backers is “0.3.0”). You can supply a custom title and title page image for your Ghost blog and do a small amount of customization on how the front page looks. You can also specify alternate themes, though the default theme, called “Casper,” is the only one officially available right now.

The settings, so far, are pretty minimal.

Credit: Lee Hutchinson

Another thing currently missing is multiuser support. The 0.3.0 launch version of Ghost allows you to create a single user when you log onto the system for the first time. That’s it—for now anyway. The Ghost team will be adding support for multiple users (and, presumably, some role-based security to go along with that support) in the future.

The big missing feature, of course, is the heavily touted dashboard. It looks nice, and it certainly has some fancy animation effects on it. However, in the interest of getting a functional release out the door to the Kickstarter backers, it’s not yet implemented.

Ghost’s much-discussed dashboard.

Credit: Ghost

Responsive by design

The responsive design alters elements of its layout to fit narrower—or mobile—screens.

Credit: Lee Hutchinson

The Ghost editor window and the publicly visible reading interface both eschew dedicated mobile themes in favor of responsive design. For those not totally up on the lingo, this means that as the browser window gets narrower, the page elements resize and rearrange themselves to fit. This allows a single, well-planned layout to look good on anything from a smartphone to a wall-sized screen. When editing posts on a small-screened device, the editor window goes from two panes to a tabbed layout. You lose the live preview but keep screen real estate for editing.