Markdown features
DocStatic uses Markdown as its main content authoring format. You can learn it in ten minutes. But you don't have to because the CMS provides a full rich text editing environment for metadata, Markdown and React components.
Simple Structured Authoring
Topics in DocStatic consist of metadata in YAML format, Markdown and a predefined set of React components. It is not necessary to include any JSX declarations in the topics because the components are available globally. The CMS ensures consistent use of Metadata and uniform Markdown while React components ensure consistency and provide support for content reuse.
Standard features
Markdown features include:
- Bold, code, italic and strikethrough character styles.
- Bulleted and numbered lists.
- Code blocks.
- Heading levels (1 to 6).
- Horizontal rules.
- Images.
- Links.
- Quotes.
- Simple tables.
These can all be selected directly from the rich text toolbar in the CMS.
To these, Docusaurus adds:
- Admonitions
- Details (expanding content)
- Doc card lists
- Tabs
DocStatic further extends this with:
- Code snippets (from files)
- Comments
- Conditional text
- Context help links
- Diagrams
- Figures
- Footnotes
- Glossary terms
- Math equations
- Snippets
- Variables
Front matter
Front matter is used to add metadata to your Markdown file. It's provided at the very top of the file, enclosed by three dashes ---. Content plugins may have their own front matter schema. DocStatic uses the front matter for:
- Conditions (for conditional text)
- Descriptions
- Slugs (fixed paths)
- Taxonomy tags
- Titles
- Workflow status
Details
- Select Details from the Embed list.
- Edit the component.
- Give it a Summary.
- Enter the Details.
Example:
Toggle me.
This is the detailed content.
You can use Markdown here including bold and italic text, and inline links.
Doc card lists
Doc card lists are automatically generated for categories in the table of contents. However, you can also manually add them to a topic.
- Select Doc Card List from the Embed list.
- Give it a Title.
For more information, refer to Markdown Features in the Docusarus documentation.
Example:
📄️ MDX and React
Using React in DocStatic Markdown documents with MDX.
📄️ Tabs
Using tabs in DocStatic.
📄️ Code blocks and snippets
Handling code blocks in DocStatic.
📄️ Admonitions
Handling admonitions/callouts in DocStatic.
📄️ Headings and table of contents
Using headings and table-of-contents in DocStatic.
📄️ Assets
Handling assets in DocStatic.
📄️ Markdown links
Links to other pages in Markdown.
📄️ MDX plugins
Using MDX plugins to expand Markdown functionality.
📄️ Math equations
Writing LaTeX math equations.
📄️ Diagrams
Writing diagrams with Mermaid.
📄️ Head metadata
Declaring page-specific head metadata through MDX.
📄️ Comments
Add invisible comments to Markdown files.
📄️ Conditional text
Filtering content with conditional text settings.
📄️ Context-sensitive help
Using anchor tags to provide conditional sensitive help.
📄️ Figures
Images with captions and lightbox zoom.
📄️ Footnotes
Automatically numbered and back-linked footnotes.
📄️ Glossary terms
Localizable glossary terms with touch screen support.
📄️ Snippets
Reusable topics.
📄️ Variable sets
Localizable variables.