Spectra on Spectra Demo

The Full Markdown Showcase

Sat, 15 Mar 2025 00:00:00 +0000

Heading Levels

This post uses h2, h3, and h4 headings. The table of contents on the right (desktop) or the collapsible one at the top (mobile) picks these up automatically.

This Is H3

This Is H4

Three levels is usually enough. Too many levels and the structure gets more confusing than helpful.

Text Formatting

The basic text styles:

Bold — use **text**
Italic — use *text*
~~Strikethrough~~ — use ~~text~~
Inline code — wrap it in backticks
Hyperlink — use [text](url)

You can mix these together, like bold with code inside or italic with a link.

Images, Covers, and Lightbox

Sat, 01 Mar 2025 00:00:00 +0000

Cover Image

That big image at the top of this post? That’s the cover image. Setting it up is dead simple — just add one line to your front matter:

cover: "images/demo01.jpg"

The cover image automatically gets a gradient overlay so your title text doesn’t get lost against the background. If you don’t want a cover image, just leave it as an empty string "".

Inserting Images

Standard Markdown syntax works just fine:

Math Formulas in Your Posts

Sat, 15 Feb 2025 00:00:00 +0000

How to Enable It

Add math: true to your front matter. That’s it. Spectra will load KaTeX automatically — no extra setup needed.

Inline Formulas

Wrap a formula in two $ signs and it shows up right in the middle of your text.

For example, Euler’s identity $e^{i\pi} + 1 = 0$ is often called the most beautiful equation in math. And $E = mc^2$ is probably the most famous physics formula out there.

What Code Blocks Can Do

Sat, 01 Feb 2025 00:00:00 +0000

The Basics: Syntax Highlighting

Just write the language name after the triple backticks, and Spectra will color things up for you. You’ll also get a language label and a copy button in the top-right corner.

Syntax:

```python
def hello():
 print("Hello, World!")
```

Result:

from pathlib import Path

def find_large_files(directory, threshold_mb=100):
 """Find files exceeding the threshold in the given directory."""
 large = []
 for f in Path(directory).rglob("*"):
 if f.is_file() and f.stat().st_size > threshold_mb * 1024 * 1024:
 large.append((f.name, f.stat().st_size / (1024 * 1024)))
 return sorted(large, key=lambda x: x[1], reverse=True)

Try hitting the copy button in the top-right corner — the pasted result won’t include line numbers.