1
Fork 0
blog/_posts/2011-01-23-static-blog-system-improved.md

36 lines
1.4 KiB
Markdown

---
permalink: "/{{ year }}/{{ month }}/{{ day }}/static-blog-system-improved"
title: static blog system improved
published_date: "2011-01-23 00:00:00 +0100"
layout: post.liquid
data:
route: blog
---
My static blog system script now launches a small web server and auto-updates on a file change. This way you've got a live preview directly in your browser.
As the inital script was written in Javascript, I wrote the rest in Javascript, too.
The whole runs on [node.js](https://github.com/ry/node) and uses some fancy modules:
* [paperboy](https://github.com/felixge/node-paperboy) for static file delivery (the css file)
* [socket.io-node](https://github.com/LearnBoost/Socket.IO-node) as the websocket server
* [socket.io](https://github.com/LearnBoost/Socket.IO) injected into the html, so the website auto-reloads when informed through the server
The whole combination is amazingly fast, the updated text nearly appears in realtime.
You can find the script here: [watch.js](http://tmp.fnordig.de/watch.js). It's more like a quick hack and not fully tested. It may crash whenever it will, but for now it works for me :)
The small app.js is just this:
```javascript
socket = new io.Socket('localhost');
socket.connect();
socket.on('message', function(data){
data = JSON.parse(data);
if(data.reload)
window.location.reload();
});
```
So next thing: individual pages for posts, maybe templates.