1. Install MarkBind
Run the following command to install MarkBind.
$ npm install -g markbind-cli
Next, run the command
markbind. If MarkBind has been installed correctly, you should see the MarkBind ascii logo followed by a summary of MarkBind commands as the output.
$ markbind __ __ _ ____ _ _ | \/ | __ _ _ __ | | __ | __ ) (_) _ __ __| | | |\/| | / _` | | '__| | |/ / | _ \ | | | '_ \ / _` | | | | | | (_| | | | | < | |_) | | | | | | | | (_| | |_| |_| \__,_| |_| |_|\_\ |____/ |_| |_| |_| \__,_| v1.x.y Usage: ...
2. Initialize a new Project (or Start with an existing Project)
Navigate into an empty directory and run the following command to initialize a skeletal MarkBind site in that directory. It will create several new files in the directory e.g.,
$ markbind init
You can add the
--help flag to any command to show the help screen.
markbind init --help
Navigate to the project
3. Preview the site
Run the following command in the same directory. It will generate a website from your source files, start a web server, and open a
Live preview works for the following file types only:
css might may not be visible in the site until you do a manual refresh of the page.
serve command to launch a live preview.
$ markbind serve
Do some changes to the
index.md and save the file. The live preview in the Browser should update automatically to reflect your changes.
To stop the web server, go to the console running the
serve command and press CTRL + C (or the equivalent in your OS).
4. Next steps