You can definitely do this all on one droplet. Like you said, you just need to use virtual hosts. If you want to use our pre-installed Ghost one-click image as a base, it uses Nginx as its web server. To achieve what you want, your configuration would look something like:

server {
    listen 80;
    server_name blog.example.com ;

    client_max_body_size 10M;

    location / {
            proxy_pass http://localhost:2368/;
            proxy_set_header Host $host;
            proxy_buffering off;
    }
}

server {
        listen   80;
        server_name example.com;
        root /path/to/your/dropbox;

        index index.php index.html index.htm;

       location ~ .php {
           fastcgi_pass  127.0.0.1:9000;
           fastcgi_index index.php;
           include fastcgi_params;
           fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
           fastcgi_param PATH_INFO $fastcgi_script_name;
       } 

       location / {
           try_files $uri $uri/ /index.php?$query_string;
       }
}

As Ghost is a node.js app, it runs on its own port. You then use a proxy pass to redirect it to port 80. Kirby is PHP based, so you need to set php5-fpm.

Nice! Thank you. I was leaning more toward Nginx from what I had been reading. Seems like going with a one-click Ghost droplet will get me started on some of the steps.

Thanks for sharing the configs too. I didn't realize this was as straight forward as a setting up a server.

Awesome
O

Sorry to threadjack @okiave @asb, but I keep receiving 404s from my Dropbox + Nginx config.

Steps I've taken:

1. Installed dropbox
2. Installed nginx and served hello world successfully
3. Created a symlink from /var/www/example.com/public_html to ~Dropbox/path/to/site

I found this thread and went ahead and deleted the symlink to try your instructions. I added the ~Dropbox/path/to/site in the nginx config file. Still 404s.