Trickz is a simple tool to generate documentation from markdown files. It supports the usage of Vue components and has multiple enhancements around code/command snippets, meaning is thought around the use for technical documentation related to the IT field. I personally made this tool to help me to generate documentation for my infosec projects and resources.
Install the dependencies:
yarn installRun in development mode:
yarn devInstall the dependencies and build it:
yarn install
yarn buildRun in production mode:
yarn startGenerate a static page:
yarn generateJust place your markdown files at the root of the project on a directory named content and run it.
You should name your files the same way you would if it was a GitHub / Gitlab repository; folders create sections and README.md files are the index equivalent of the section. You can also use the same name for the file and the folder as you would do for a Gitbook based project.
Markdown files are required to have the following structure to work properly:
---
title: A title for your page / section
---
Your markdown content
## Title 1
### Subtitle 2
...There are additional and optional properties that can be used. The following is a list with a description of all the available properties:
title(required): The title from the page. Will be displayed at the top of the page as well as on the sidebar.description: A brief description of the page that will appear under the page title.badge: A higlighted badge/keyword/tag to display on top of your page with the title.position: An integer that will be used to order the pages on the sidebar.
The following is an example of a page with all the available properties:
---
title: Adding content
description: How to add content to the tricks repo
badge: Trickz
position: 1
---
Your markdown content