Markdown Syntax Examples
This theme beautifully renders all standard Markdown elements:
Headers
H1 Header
H2 Header
H3 Header
H4 Header
H5 Header
H6 Header
Text Formatting
Bold text and italic text and bold italic text
Strikethrough text
Inline code with monospace formatting
Lists
Unordered List:
- First item
- Second item
- Nested item
- Another nested item
- Third item
Ordered List:
- First step
- Second step
- Sub-step A
- Sub-step B
- Third step
Task List:
- Completed task
- Incomplete task
- Another completed task
Links and Images
Quotes
This is a blockquote. It can span multiple lines and will be styled with the theme’s color scheme. Perfect for highlighting important information or quotes.
You can also have nested quotes:
This is a nested quote inside another quote.
Tables
| Feature | Description | Status |
|---|---|---|
| Dark Theme | RGB(23,32,36) background | ✅ Complete |
| Syntax Highlighting | 100+ languages | ✅ Complete |
| Copy Buttons | One-click code copying | ✅ Complete |
| Responsive Design | Mobile-friendly | ✅ Complete |
| Monospace Fonts | Consistent typography | ✅ Complete |
Horizontal Rule
Definition Lists
- Term 1
- Definition for term 1
- Term 2
- Definition for term 2
- Another definition for term 2
Code Examples
Here are some examples of syntax highlighting in action:
Python
def fibonacci(n):
"""Generate fibonacci sequence up to n terms."""
a, b = 0, 1
result = []
for i in range(n):
result.append(a)
a, b = b, a + b
return result
# Generate first 10 fibonacci numbers
fib_numbers = fibonacci(10)
print(f"First 10 fibonacci numbers: {fib_numbers}")
JavaScript
// Modern ES6+ JavaScript example
class DataProcessor {
constructor(data) {
this.data = data;
}
async processAsync() {
const processed = await Promise.all(
this.data.map(async item => {
const result = await fetch(`/api/process/${item.id}`);
return await result.json();
})
);
return processed.filter(item => item.isValid);
}
}
// Usage
const processor = new DataProcessor([{id: 1}, {id: 2}]);
processor.processAsync().then(console.log);
CSS
/* Modern CSS with dark theme variables */
:root {
--bg-color: rgb(23, 32, 36);
--fg-color: rgb(192, 239, 254);
--accent-color: #64c8ff;
}
.card {
background: var(--bg-color);
color: var(--fg-color);
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
transition: transform 0.2s ease;
}
.card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 24px rgba(100, 200, 255, 0.2);
}
KQL (Kusto Query Language)
// Azure Log Analytics - Security Event Analysis
SecurityEvent
| where TimeGenerated > ago(24h)
| where EventID in (4624, 4625, 4648) // Logon events
| extend LogonType = case(
EventID == 4624, "Successful Logon",
EventID == 4625, "Failed Logon",
EventID == 4648, "Explicit Logon",
"Unknown"
)
| summarize
EventCount = count(),
UniqueAccounts = dcount(Account),
LastSeen = max(TimeGenerated)
by LogonType, Computer
| where EventCount > 10
| order by EventCount desc
| project-reorder Computer, LogonType, EventCount, UniqueAccounts, LastSeen
| limit 100
Footnotes
Here’s a sentence with a footnote1.
And here’s another footnote2.