Giter Club home page Giter Club logo

documentation-test's Introduction

Dialob Documentation

React-Typescript documentation app styled with Material UI and parsing/rendering markdown files with dandy-doc library.


Build and deploy

  • branch: master
  • yarn build
  • yarn run deploy

Naming conventions and quirks

What are Topics and Subtopics?

The left menu is populated by Topics and their Subtopics.

Currrently, this menu system supports nesting up to TWO levels deep. This means that there can be a Topic and its Subtopic, but there can not be a Sub-subtopic.

Topic: A folder name. The left menu is populated by rendering Folder names as Topics; i.e., the names of your folders which contain your Markdown files will be rendered as Topic names in the left menu.

Subtopic: A Markdown file name. The left menu renders Markdown file names as subtopics.

Writing file names: Conventions and rules

  1. Capitalisation: Topic and file names do not need to be capitalised. They will automatically be capitalised by dandy-doc.
  2. Spaces: Use an underscore to create spaces between words in topic and Markdown file names. Dandy-doc will automatically replace them with empty strings upon rendering.
  3. Use of underscores: Topic and subtopic names can not begin with an underscore. This can cause build failure.
  4. Ordering: To ensure your items are arranged in the desired order, give each topic and subtopic a numeric ordering prefix. See next section for these rules.

Example of good Topic (Folder) naming:

  • 045_basic_functionalities
  • 002_overview_of_features

Examples of good Subtopic (Markdown file) naming:

  • 003_use_of_tag_feature.md
  • 005_troubleshooting.md

Appending prefixes to topic and subtopic names for setting item order

  • Topic and subtopic names may be given numeric prefixes for ordering purposes
  • The format for a prefix is three digits, followed by an underscore.

Example:

Prefix: 003_

Prefix applied to a markdown file: 003_my_best_topic.md

Quirks: Use of colons

  • In a topic name, using colons is supported
  • In a subtopic name, using colons will cause build failure

Example:

Topic name: 003_advanced_functionality:_setting_ids --> This will work fine, as it is a topic name
Subtopic name: 109_setting_ids:_first_steps.md --> This will cause build failure, because this markdown file name includes a colon.

To solve this problem, simply remove the colon from the markdown file name.

Linking

Page link:

Page link

Page link with anchor:

Page and anchor link

Theming

TODO

Adding brand / logo

TODO

documentation-test's People

Contributors

jocelynmutso avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.