Documentation Primer¶
- For all features reference, see mkdocs-material Reference
-
For built-in plugin reference, see mkdocs-material Plugins
Plugins
Unused plugins will need to be enabled, consult the plugin documentation for enabling them in
mkdocs.yml
Navigation¶
The documentation uses mkdocs-literate-nav for navigation.
External Linking¶
Please use the Markdown attribute lists extension to add target=_blank
to external links. This opens them in a new tab and will not interrupt documentation flow.
[Link](https://www.google.com/){:target=_blank}
Relative Linking¶
Documents¶
Links to other Markdown files must use paths relative to the source Markdown file, and include the .md
extension.
[Link](../Reverse-Engineering/OVL-File-Formats.md)
Images and Other Assets¶
Other assets such as images must also be linked relative to the source Markdown file.
docs/assets/images¶
For images in the root assets folder, you will need to traverse every subfolder with ../
Images Subfolders¶
Remote vs Local
All asset links should start with at least ./
because of the way Markdown files in subfolders are rendered to a URI. For some reason links without ./
can resolve correctly locally but not remotely.
/docs/
|-- Guides
|-- Plugin
|-- images/
|-- image.png # /docs/Guides/Plugins/images/image.png
|-- index.md # /docs/Guides/Plugins/index.md
|-- Page.md # /docs/Guides/Plugins/Page.md
In both index.md
and page.md
, links to Plugin/images
should start with ./images/
. Links starting with images/
will not work for page.md
as the URI will be Guides/Plugin/Page/
.
Annotations¶
For full documentation see Annotations Usage
Admonitions¶
For full documentation see Admonitions Usage.
Admonition Classes¶
All non-quoted text after !!!
becomes a CSS class. Some useful built-in classes are inline
and end
.
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla.
!!! info inline end "Lorem ipsum"
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Nulla et euismod nulla.
Use inline end
to align to the right (left for rtl languages).
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla.
!!! info inline "Lorem ipsum"
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Nulla et euismod nulla.
To customize specific admonitions:
- Create a CSS class in extra.css
-
Use this class in the admonition declaration.
Example: Wider Inline Admonitions
/* The admonition type is not included in the selector, for use in all inline admonitions */ .md-typeset .admonition.inline.inline-wide { width: 20rem; }
!!! info inline inline-wide end "Info Title" Info text
Info Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.
Info Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.
Custom Admonitions¶
Some new admonitions have been created for the cobra-tools documentation. For reference on how to create them, see Custom Admonitions.
FAQ¶
The FAQ admonition is used for Q&A formatting, with the Question as the custom admonition name.
!!! faq "Question?"
Answer
!!! faq "Q. Question 1?<br>Q. Question 2?"
Answer for both questions
Tip
Be mindful of the use of quotes, line breaks, and indentation in the above example.
Question?
Answer
Q. Question 1?
Q. Question 2?
Answer for both questions
Construction¶
The Construction admonition is used to caution users of documents still under development.
!!! construction
This page is still under construction!
Tip
Be mindful of the use of quotes, line breaks, and indentation in the above example.
Construction
This page is still under construction!
Content Tabs¶
For full documentation see PyMdown Extensions Tabbed
Paragraphs, code blocks, and entire sections can be turned into tabs with the following syntax:
=== "Tab 1"
Tab 1 Content
=== "Tab 2"
Tab 2 Content
Tab 1 Content
Tab 2 Content
Tip
Be mindful of the use of quotes, line breaks, and indentation in the above example.
Snippets¶
For full documentation see PyMdown Extensions Snippets
--8<-- "blender-log.md"
C:\Users\USERNAME(1)\AppData\Roaming\Blender Foundation\Blender\4.0(2)\scripts\addons\cobra-tools-master\blender_plugin.log
- Your Windows username
- Your version of Blender, e.g. 4.0
Tip
It helps to remember the syntax as ASCII scissors 8<
surrounded by two dashes