Monday, Feb 20, 2017
Phenomic is customizable. You can choose your own Markdown engine, CSS processor, and CSS in JS, or inline style solutions.
There are some high-profile websites built in Phenomic already.
Hosting Phenomic is as simple as any static site on Aerobatic. Let’s get started.
Prerequisite: Node JS installed
npm install phenomic - you’ll see some errors from npm, which you can ignore for now.
./node_modules/.bin/phenomic setup (or on Windows, use backslashes)
Setup will ask you some questions, generate a
package.json file for you, and install the base theme.
npm install to install the dependencies.
npm start to preview your site in your browser. Phenomic includes hot-reloading. The web page updates automatically whenever you make changes in your editor.
Building a Phenomic site is simply
npm run build. This makes your website into the
Login to Aerobatic (if you haven’t already)
Create the Aerobatic site
aero create. This makes a file called
aerobatic.yml in your directory. The file contains the application ID and other configuration information.
Deploy to Aerobatic:
aero deploy -d dist
That’s it! Your site should be live at the URL that the
aero command tells you when complete.
There is also the static site generator webpack plugin.