Authoring Guide · Features

Features Overview

Overview of all available features in your portfolio website

Updated Jan 1, 2024 · 2 min read

Features Overview

Your portfolio website includes many powerful features to enhance your documentation and blog posts.

Available Features

Content Components

  • Callout Components - Styled information boxes (info, success, warning, error, note, danger)
  • Excalidraw Diagrams - Interactive diagrams with zoom and fullscreen
  • Mermaid Diagrams - Text-based diagrams (flowcharts, sequence diagrams, class diagrams, etc.)
  • Tabbed Content - Switch between different methods/interfaces
  • Highlight Marker - Interactive text highlighting that activates when sections are reached
  • Terminal - Interactive terminal simulation with auto-typing commands
  • Code Blocks - Syntax highlighting with copy functionality
  • Images & Videos - Enhanced media components with hover effects
  • Hero Image & Video - Full-width hero banner at the top of docs and blog posts
  • Global Search - Search across all documentation
  • Table of Contents - Auto-generated from headings
  • Sidebar Navigation - Hierarchical, collapsible navigation
  • Overview Pages - Clickable section titles
  • Metadata Card - Display author, read time, last updated, and tags

System Features

  • Dark Mode - Full theme support
  • Responsive Design - Works on all devices
  • Reading Progress - Progress bar at top of pages
  • Prev/Next Navigation - Navigate between documents

Feature Documentation

Each feature has detailed documentation with examples:

Quick Examples

Callout

Excalidraw Diagram

Mermaid Diagram

Tabbed Content

Highlight Marker

Terminal

Code Block

Next Steps

Explore each feature in detail: