Style Demo
H2 Heading
H3 Heading
H4 Heading
H5 Heading
H6 Heading
Body Paragraphs
This is a regular body paragraph. It should feel clean and readable, not monospaced.
Here’s a paragraph with bold text, italic text, strikethrough, and a hyperlink to verify link styling with the cyan underline accent.
Lists
Unordered List
- First item with
inline codesnippet - Second item with bold and italic
- Third item with a link
Ordered List
- Step one — with
some code - Step two
- Step three
Definition List
- Term 1
- Definition of term 1
- Term 2
- Definition of term 2 with
inline code
Inline Code
Here is some inline code in the middle of a sentence. It should render in JetBrains Mono with a subtle cyan-tinted background and border, distinct from the surrounding body text.
Another example: run pip install numpy to install NumPy.
Code Blocks
Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
def fibonacci(n: int) -> list[int]:
"""Generate Fibonacci sequence up to n terms."""
if n <= 0:
return []
if n == 1:
return [0]
sequence = [0, 1]
while len(sequence) < n:
sequence.append(sequence[-1] + sequence[-2])
return sequence
for i, val in enumerate(fibonacci(10)):
print(f"F({i}) = {val}")
Shell
1
2
3
4
5
$ cd /home/tong/workspace/zhangt58.github.io
$ git status
On branch main
Your branch is up to date with 'origin/main'.
nothing to commit, working tree clean
HTML
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>Just a test</h1>
</body>
</html>
Blockquotes
This is a blockquote. It should render in JetBrains Mono with a cyan left border and a prompt character prepended.
Nested or multi-line blockquotes:
Even deeper nesting should maintain the monospace styling and cyan accent throughout.
Tables
| Method | Status | Description |
|---|---|---|
GET | 200 | Retrieve a resource |
POST | 201 | Create a new resource |
PUT | 200 | Update an existing item |
DELETE | 204 | Remove a resource |
PATCH | 200 | Partially update |
Horizontal Rule
Images
Figure caption with citation1
Keyboard Keys
Press Ctrl + C to copy, Ctrl + V to paste, and Esc to cancel.
Footnotes
Here is a sentence with a footnote reference2. And another one with a second footnote3.
URLs
URLs can be made in a handful of ways:
- A named link to Example
- An inline URL like https://github.com/zhangt58
- A reference-style link to Markdown Guide
That covers all the visual styles on the blog — headings in Montserrat Bold/Uppercase, body in Inter, code/meta/tags/TOC/blockquotes/tables in JetBrains Mono, with cyan accent throughout.