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:

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 .svelte components)
  • 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.

Configure giscus. Create a discussion category on your repo, install the giscus GitHub App, then set PUBLIC_GISCUS_REPO_ID, PUBLIC_GISCUS_CATEGORY_ID, and optional PUBLIC_GISCUS_REPO in your environment ( see .env.example).