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:

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.

Demo on Spectra Demo

Images, Covers, and Lightbox

Cover Image

Inserting Images

What Code Blocks Can Do

The Basics: Syntax Highlighting