Feature Showcase: Powering a Tech Blog.

• 2 min read
We’ve supercharged the blog engine with zero-dependency CSS features (Callouts, Tabs, Terminal) and vendored math support (KaTeX). No external CDNs, no bloat.

1. Callouts & Admonitions

Communicate context clearly with styled callouts.

ℹ️ NOTE Did you know? This blog generates static HTML, making it incredibly fast and secure.
⚠️ WARNING Watch out! recursive functions without a base case will cause a stack overflow.
💡 TIP Pro Tip: Use the tldr shortcode at the top of long articles to respect your reader’s time.
🚫 ERROR Error 404: Page not found (just kidding, this is a demo).

2. Terminal Simulation

Perfect for showing shell commands or CLI outputs.

1
2
3
4
5
6
7
8
9


$ cargo new my-project
     Created binary (application) `my-project` package
$ cd my-project
$ cargo run
   Compiling my-project v0.1.0 (/home/user/my-project)
    Finished dev [unoptimized + debuginfo] target(s) in 0.42s
     Running `target/debug/my-project`
Hello, world!

3. Tabbed Code Blocks

Compare languages or tools side-by-side without JavaScript frameworks.

1
2
3

fn main() {
    println!("Hello, World!");
}

1
2
3
4
5

package main
import "fmt"
func main() {
    fmt.Println("Hello, World!")
}

1

print("This file is used for the include-code demo in the feature showcase.")

4. Mathematical Notation

Render complex math using KaTeX (vendored, no CDN).

The Quadratic Formula: $$ x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$

Maxwell’s Equations: $$ \nabla \cdot \mathbf{E} = \frac{\rho}{\varepsilon_0} $$ $$ \nabla \cdot \mathbf{B} = 0 $$

5. Included Code

And of course, our previously added include-code feature still works:

1

print("This file is used for the include-code demo in the feature showcase.")