onepage
Version:
Static one-page site generator
75 lines (56 loc) • 2.26 kB
Markdown
# Onepage : a static one-page site generator
## Description
Onepage generates a one-page navigable static website from markdown files.
## Features
* Http server - watch mode
* Quick deploy to a remote server using rsync
* Default layout for desktop and mobile touch devices
* Markdown - work from your favourite IDE
* simple jade templating
* less css styling
* Custom color scheme definition
## Installation
```bash
$ npm install onepage -g
```
## Usage
### Create new project/site
```bash
$ onepage new <folder_name>
```
This command creates a new onepage project in a folder you are currently in; next in a newly created folder:
### Launch preview / watch mode
```bash
$ onepage watch
```
In this mode a server instance observes every change in your markdown, jade & less files. You have to point you browser to [http://localhost:8000](http://localhost:8000)
### One time compilation
```bash
$ onepage compile
```
### Add a new page
```bash
$ onepage addpage <page_name>
```
You can find all your markdown files in the `<your_project_folder>/res/_pages` folder
Options for each created page are in it's head section (before `//***//` mark).
Here you can set:
* the page title (longer, as it appears in the page title section)
* the menu title (shorter)
* hash name - slug
* menu icon - all you have to do is write the second part (after `icon-`) of the icon name. The full list of icons: [Elusive Icons](http://aristeides.com/elusive-iconfont/)
### Deploy to a remote server
If you are ready to move your files to a server (and you have provided your server data in the configuration file):
```bash
$ onepage deploy
```
## Configuration
You will find a configuration file in your project folder in the `res` folder.
## Customization
### Color schemes
Set the color scheme in the `config.json` file. You can add you own color scheme to the `<your_project_folder>/res/less/color-themes` folder.
### CSS styling
You will find all styling files in the `<your_project_folder>/res/less` folder. If in watch mode (cli command `onepage watch`) all changes are applied as you save the less file.
### Jade templates customization
All your templates are in `<your_project_folder>/res/templates` folder.
### [Example Site](http://onepage.baniowski.pl)