diff --git a/src/routes/song/[slug]/+page.server.ts b/src/routes/song/[id]/+page.server.ts
similarity index 92%
rename from src/routes/song/[slug]/+page.server.ts
rename to src/routes/song/[id]/+page.server.ts
index e8e01db..3a15f10 100644
--- a/src/routes/song/[slug]/+page.server.ts
+++ b/src/routes/song/[id]/+page.server.ts
@@ -2,7 +2,7 @@ import type { PageServerLoad } from './$types'
 import { getLyricsProcessed, getSongMeta, listPlaylists, parseBrief } from "$lib/server/songs.ts";
 
 export const load: PageServerLoad = async ({ params }) => {
-  const songId = +params.slug
+  const songId = +params.id
   const raw = await getSongMeta(songId)
   const brief = parseBrief(raw)
   const lrc = await getLyricsProcessed(songId)
diff --git a/src/routes/song/[slug]/+page.svelte b/src/routes/song/[id]/+page.svelte
similarity index 100%
rename from src/routes/song/[slug]/+page.svelte
rename to src/routes/song/[id]/+page.svelte
diff --git a/src/routes/song/[slug]/IMEHelper.ts b/src/routes/song/[id]/IMEHelper.ts
similarity index 100%
rename from src/routes/song/[slug]/IMEHelper.ts
rename to src/routes/song/[id]/IMEHelper.ts
diff --git a/src/routes/song/[slug]/animation.ts b/src/routes/song/[id]/animation.ts
similarity index 100%
rename from src/routes/song/[slug]/animation.ts
rename to src/routes/song/[id]/animation.ts