# Welcome to Slides Presentation system based on Reveal.js
## Features - π **Markdown Syntax Support** - π¨ **Multiple Themes Available** - β¨ **Transition Animation Effects** - π **Code Highlighting**
## Code Display ```javascript // JavaScript example function greet(name) { console.log(`Hello, ${name}!`); } greet('World'); ```
## Vertical Slides Use `----` to create vertical slides Press β to continue
### This is a Vertical Subpage You can use vertical direction to organize content hierarchy
### Another Vertical Page Press β to return to main line
## Math Formula Support Inline formula: $E = mc^2$ Block formula: $$ \frac{d}{dx}\left( \int_{0}^{x} f(u)\,du\right)=f(x) $$
## Mermaid Diagrams ```mermaid graph TD A[Start] --> B{Condition Check} B -->|Yes| C[Execute Operation] B -->|No| D[Skip] C --> E[End] D --> E ```
## Column Layout <div style="display: flex; justify-content: space-around;"> <div style="flex: 1;"> ### Left Content - Item One - Item Two - Item Three </div> <div style="flex: 1;"> ### Right Content - Item Four - Item Five - Item Six </div> </div>
## Image Display Supports standard Markdown image syntax ```markdown  ```
## Available Themes | Theme | Description | |------|------| | black | Black background (default)| | white | White background | | league | Gray background | | beige | Beige background | | night | Night mode | | serif | Serif font |
## Keyboard Shortcuts - **β / β**: Forward/Back - **β / β**: Vertical navigation - **Space**: Next page - **Esc**: Overview mode - **F**: Fullscreen mode - **S**: Speaker view
# Thank You! Start creating your presentation π