Hello, SvelteKit blog
A short welcome post with a code sample, interactive graphic, and giscus-ready comments.
This site pairs a SvelteKit frontend with Markdown blogs (via mdsvex when you need co-located components), Shiki highlighting for plain Markdown posts, and giscus for public comments backed by GitHub Discussions.
Below is an embedded Svelte canvas demo — the same pattern as co-located ./graphics/* imports on kube-style blog folders:
Move the pointer — frequency and amplitude track springs from svelte/motion (kube-style embedded graphic).
Use fenced mermaid blocks for diagrams (flowcharts, sequence diagrams, etc.):
flowchart LR A[Markdown] --> B[Marked] B --> C[HTML] C --> D[Mermaid hydrates in browser]
Why this stack?
- Fast iteration with Vite + Svelte 5 runes
- Portable content as blog folders in the repo (
article.svx+ sibling.sveltecomponents) - Accessible discussions without running a comment database
Tiny code sample
type Post = {
title: string;
slug: string;
};
export const post: Post = {
title: 'Hello, SvelteKit blog',
slug: 'hello-sveltekit-blog'
};Try leaving a comment below once giscus is configured for this repository.
Comments
Discussion is mirrored to GitHub — sign in with your GitHub account to comment.
PUBLIC_GISCUS_REPO_ID, PUBLIC_GISCUS_CATEGORY_ID, and optional PUBLIC_GISCUS_REPO in your environment
( see .env.example).