36 lines
1.4 KiB
Markdown
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.
|