Technology
8 min read

Markdown Rendering Test

This post is for testing the newly implemented markdown features.

Code Block Test

JavaScript Code

javascript
function calculateSum(a, b) { // Calculate the sum of two numbers return a + b; } const result = calculateSum(5, 3); console.log(`Result: ${result}`);

Python Code

python
def 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

typescript
interface 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

FeatureStatusDescription
Code Syntax Highlighting✅ CompleteUsing Prism.js
Mermaid Diagrams✅ CompleteClient-side rendering
Tables✅ CompleteGitHub Flavored Markdown
Links✅ CompleteInternal/external link support

Blockquote

This is a blockquote. Used to emphasize important content.

It can be written in multiple lines as well.

Lists

  1. Ordered List
    • First item
    • Second item
  2. Nested List
    • Parent item
      • Sub item 1
      • Sub item 2

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!

© 2025 Forrest Kim. Copyright.

contact: humblefirm@gmail.com