Skip to content

๐Ÿงช MkDocs Formatting Showcase๐Ÿ”—

Explore advanced formatting features supported by MkDocs Material and pymdown-extensions.


๐Ÿ”” Admonitions๐Ÿ”—

Friendly Reminder

You can use note, warning, danger, success, and other callout types.

Did You Know?

Admonitions can also be collapsible!

!!! tip "Expandable Section"
    More details go here...

๐Ÿ”— Anchored Headings๐Ÿ”—

Every heading includes a permalink ๐Ÿ”— when toc.permalink is enabled in mkdocs.yml. Great for sharing deep links.


๐Ÿ˜„ Emojis๐Ÿ”—

Use shortcodes like :rocket:, :tada:, or :mag: to add emojis:

๐Ÿš€ Rapid launch
๐Ÿ› ๏ธ Configuration
๐ŸŽ‰ Celebration


๐Ÿงท SuperFences & Syntax Highlighting๐Ÿ”—

def greet(name):
    print(f"Hello, {name}!")
mkdocs build --clean
mkdocs serve

๐ŸŒฑ Tabbed Content๐Ÿ”—

Run dir to list files.

Use ls -la for a detailed file listing.

Try Get-ChildItem


๐Ÿ“ˆ Mermaid Diagrams๐Ÿ”—

graph TD;
  Start --> Setup;
  Setup -->|Success| Build;
  Setup -->|Fail| Fix;
  Build --> Deploy;

๐ŸŽจ Custom Badges๐Ÿ”—

Use HTML or inline styling for badges:

Beta
Deprecated


๐Ÿงญ Task Lists๐Ÿ”—

  • [x] Install mkdocs-material
  • [x] Enable extensions
  • [ ] Create showcase page
  • [ ] Deploy to production

๐Ÿ“ฆ Details Block (Toggle Disclosure)๐Ÿ”—

Expand to view usage tips
  • Use mkdocs serve for live preview
  • Enable toc.permalink for anchor links
  • Add extra_javascript to render Mermaid charts

๐Ÿ“š References๐Ÿ”—