CHRISSP
dotCOM

Menu

DropBox: Your own Website (3/5)

This little program is simply awesome! If you have not heard of it yet, here is the introduction post of this series, I will now tell you what it is all about. This time: Your own website create and publish via DropBox.

Nowadays it is easy to get a space online where you can publish your content. Probably the most useful for just your little personal status updates are Facebook, Twitter and the alike social-networks. But if you would like to be king of your site, the design and all other aspects you might find Tumblr, WordPress.com or anything like that useful. Still there are people out there (like my self) who would like to host their site them self. Now I heard about a cheap alternative. Your DropBox.

The Public Folder Method

You already know that your DropBox has a folder called Public and you already know you can share files through that folder (if not, here I describe what I mean). But you can also use it for Websites. This works like the following:

  1. First you open the Public folder in your DropBox directory.
  2. Than you create a new folder inside the Public folder.
  3. Inside that folder you create a text file called index.html.
  4. Open this file with your text editor and add the following:
    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>The HTML5 Herald</title>
    <meta name="description" content="The HTML5 Herald">
    <meta name="author" content="SitePoint">
    <link rel="stylesheet" href="css/styles.css?v=1.0">
    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    </head>
    <body>
    
    Your Text Here
    
    </body>
    </html>

    It would be awesome to be able to write some HTML but there are plenty of programs out there which can help you with that. If you are running on Mac OS X you already have one called iWeb. You can use iWeb to produce the HTML code!Sidenote: if you are interested in learning HTML (5), here are two resources: camendesign.com and net.tutsplus.com.

  5. Now save the file and right-click the file and chose ‘DropBox->Copy Public Link’.
  6. Paste the link into a browser and you are done. You can now see the website in your browser.

The Scriptogr.am Method

An alternative to publishing your stuff via the Public folder is Scriptogr.am. They help you set up a special folder into which you only need to save txt (text-file) documents. They provide a specific format which enables you to set your Post Title, Date, Post Type (Post / Page) and other structural stuff. And then provide a link for you where your blog now can be reached. The site than checks once in a while if something changed in your text file folder and that way updates your site. They do the design stuff and even support Markdown!

“Scriptogr.am is the first blog publishing tool I’ve tried which is truly dead-simple to use.”

~ Rasmus Andersson | Product designer at Facebook

This is a nice alternative to WordPress.com. With ease of use and simply administered. Still this method lacks some functionality like plugins and comments.

Downsides

The problem with DropBox as a web server is that it does not provide the ability to run PHP scripts nor does it support a database like MySql. That would need DropBox Server to run some additional software which they currently do not support. So The websites are online. You can publish stuff but you are not able to really get something interactive out there.

Conclusion

I might not really use it for my own site. But I used it for presentational purpose of HTML Templates of a website and I already saw some people publish their holiday diary using this free DropBox Public Folder Website Method.

All in all one more simple method to get your word out there in a simple way. Hands up to Freedom of Speech!

DropBox: Hardlinking Files and Folders (2/5)

This little program is simply awesome! If you have not heard of it yet, here is the introduction post of this series, I will now tell you what it is all about. This time: Hardlinking files and folders so they sync with your different machines or to have a backup of settings and other stuff.

For some time it was a pain to sync folders outside your DropBox. On Windows you had to install a new program which than provided the ability to do hard links. But I am not going into Windows right here (if you are interested please visit the DropBox Wiki.

But I just found out that there are programs which allow you to manage this process easily now. The DropBox Wiki provides a great list of tools which make it really easy to hardlink a folder into your DropBox. For example on my Mac I now use MacDropAny. Probably this could be done even nicer and more user-friendly but I think it is much better than to think about the terminal commands for creating hardlinks.

I hope this helped.

What I am Syncing

Well first and for most: I sync my Documents folder. There are all my needed Documents such as School stuff, talks, keynotes and all the alike. But I noticed early on that some other programs tend to use the Documents folder too. For example Final Cut and thus the Documents folder tended to outgrow my DropBox. Now I have a Documents folder inside my DropBox and linked to that folder in the Sidebar of the Finder and no longer sync the Documents via the hardlink.

I sync my Coda settings. That is a little tricky and I have not figured it out completely but it works for the plugins and workspaces which I created. A full tutorial on how to sync your Coda preferences can be found at eggfreckles.net. But basically, you only have to sync:

And third I use it to sync my 1Password Keychain and the LittleSnapper Library. For 1Passowrd there is a great tutorial on how to use DropBox to get over the air syncing. LittleSnapper is a little more tricky. You can just move your LittleSnapper library to your DropBox and then start LittleSnapper with the alt-key pressed and select the new location. But be warned: LittleSnapper is not built to sync that way. You can only use LittleSnapper on one computer. And not open LittleSnapper on two or more machines at the same time!
Happy Syncing!

The items reviewed in this post can be bought: