Neocities: Quick Hype Document Hosting


Neocities is a great way to host your document for free (up to 1GB), and I just checked out their CLI (command line interface). Here’s a quick walkthrough:

  1. Make a new account on Neocities.
  2. Export your Hype document into a new empty folder.
  3. Visit your ‘Dashboard’ and drag your exported .hyperesources folder onto the file area.
  4. Next, drag your .html file you exported in step 2 into that same window. Once both the folder and .html file are uploaded, you’re ready to load your site.
  5. Visit your web page to visit your Hype document.

Note: Your recovery .plist nor your files won’t be uploaded to Neocities – these files are not supported.

Command Line Version

  1. After you’ve exported your Hype document to an empty folder, open Terminal, and install the Neocities Gem. (Here’s their official documentation)

  2. Run this command in Terminal: gem install neocities
    Here’s a list of commands available with this new Ruby gem:

  3. Next, switch to your empty directory where you exported your document. A quick way to do this is type cd in a new Terminal window, then drag the folder to your Terminal window.

  4. Next, type: neocities push .
    This will generate an API key the first time. You’ll need to login with your Neocities information.

If all goes well, the entire contents of that folder will be uploaded to Neocities. Test it out by going to where SITENAME and file.html correspond to your Neocities site name and the name of your .html file you just uploaded.

Whenever you want to reupload any changes, you can either run through the above steps again (it won’t ask for your API key), or you can create a quick command file which changes to your root folder, and then pushes changed files automagically:

cd /Users/daniel/NEOCITIESROOT
neocities push .

You can download this sample command here. Just change the folder directory to match your root folder: (625 Bytes) (and if there’s interest maybe this will find its way into an Export script!)

Adding your Tumult Hype animation to a site
Exporting FAQ: Guides for exporting to Websites, Apps, Content Management Systems, and more