Technology
8 min readMarkdown Rendering Test
This post is for testing the newly implemented markdown features.
Code Block Test
JavaScript Code
javascriptfunction calculateSum(a, b) { // Calculate the sum of two numbers return a + b; } const result = calculateSum(5, 3); console.log(`Result: ${result}`);
Python Code
pythondef fibonacci(n): """Generate Fibonacci sequence""" if n <= 1: return n return fibonacci(n-1) + fibonacci(n-2) # Print first 10 Fibonacci numbers for i in range(10): print(f"F({i}) = {fibonacci(i)}")
TypeScript Code
typescriptinterface User { id: number; name: string; email: string; } class UserService { private users: User[] = []; addUser(user: User): void { this.users.push(user); } getUserById(id: number): User | undefined { return this.users.find(user => user.id === id); } }
Mermaid Diagram Test
Flowchart
Sequence Diagram
Gantt Chart
Other Markdown Elements
Table
Feature | Status | Description |
---|---|---|
Code Syntax Highlighting | ✅ Complete | Using Prism.js |
Mermaid Diagrams | ✅ Complete | Client-side rendering |
Tables | ✅ Complete | GitHub Flavored Markdown |
Links | ✅ Complete | Internal/external link support |
Blockquote
This is a blockquote. Used to emphasize important content.
It can be written in multiple lines as well.
Lists
- Ordered List
- First item
- Second item
- Nested List
- Parent item
- Sub item 1
- Sub item 2
- Parent item
Checkboxes
- Completed task
- In-progress task
- Planned task
Emphasis
- Bold text
- Italic text
- code
Inline code
Strikethrough
Link Test
Conclusion
Confirmed that all markdown features are working properly!