Hello, world!
Another blog, 17 years after my first one -- which 9-year-old me built using CUTTING-EDGE XSLT™ while pretending to "teach" PHP and WordPress hacks.
Let's see how long I'll keep this one alive before I get bored and delete it.
Inline text
Lorem ipsum bold text dolor sit amet, italic text consectetur adipiscing elit. Sed do bold italic eiusmod tempor strikethrough incididunt ut labore. Here is inline code in a sentence, an external link, and an internal link back home.
Some HTML-only bits: Ctrl + C, highlighted text, H2O, x2, LID, and small print.
A very long text to test wrapping: aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
Headings
Heading level 3
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Heading level 4
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Heading level 5
Heading level 6
Lists
Unordered:
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit, with a longer item that wraps onto a second line so you can check the hanging indent looks right
- Nested item one
- Nested item two
- Third level
- Sed do eiusmod tempor
Ordered:
- First step
- Second step
- Sub-step a
- Sub-step b
- Third step
Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
A multi-paragraph quote.
With a second paragraph and bold and
codeinside.
With an author:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore.
Code
fn main() {
let items = vec!["lorem", "ipsum", "dolor"];
for (i, item) in items.iter().enumerate() {
println!("{i}: {item}");
}
}With highlighted lines:
import { createContentLoader } from 'vitepress'
const loader = createContentLoader('posts/*.md')
const posts = await loader.load()
console.log(posts.length)With line numbers:
package main
import "fmt"
func main() {
fmt.Println("hello, world")
}2
3
4
5
6
7
No language:
plain text block
with indentation preservedA long line to test horizontal scrolling:
curl -sSL https://example.com/a/very/long/url/that/should/not/wrap/but/scroll/horizontally/inside/the/code/block?with=query¶ms=trueTable
| Name | Left aligned | Centered | Right aligned |
|---|---|---|---|
| Lorem | Ipsum dolor | 1 | 10.00 |
| Sit | Amet | 22 | 200.50 |
| Tempor | Incididunt | 333 | 3,000.75 |
Separator
Lorem ipsum above the line.
Lorem ipsum below the line.
Alerts
NOTE
Note alert. Lorem ipsum dolor sit amet.
TIP
Tip alert with code and a link.
IMPORTANT
Important alert.
WARNING
Warning alert.
CAUTION
Caution alert.
Details
Click to expand
Hidden content.
Emoji
🎉 🚀 🐱