fix github pages relative path problem

huoyijie · Nov 8, 2023 · 8e92079 · 8e92079
1 parent d041b0f
commit 8e92079
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -4,6 +4,7 @@ import Context from '@/components/Context'
 import Board from '@/components/Board'
 import { fallDownTetromino, moveDownTetromino, moveLeftTetromino, moveRightTetromino, predictTetromino, randomTetromino, rotateTetromino } from '@/lib/tetris'
 import Info from '@/components/Info'
+import Head from 'next/head'
 
 var audio
 
@@ -22,7 +23,7 @@ export default function () {
     mainRef.current.focus()
 
     if (!audio) {
-      audio = new Audio('/tetris.mp3')
+      audio = new Audio('tetris.mp3')
     }
 
     let clear
@@ -133,6 +134,10 @@ export default function () {
 
   return (
     <Context.Provider value={{ currentTetromino, predictedTetromino, nextTetromino, tetrominoes, newGame, time, fallDown, rotate, down, left, right, next, gameOver, setGameOver, score, eliminatedLines }}>
+      <Head>
+        <title>Tetris</title>
+        <link rel="icon" type="image/x-icon" href="favicon.ico"></link>
+      </Head>
       <main ref={mainRef} className='w-full h-screen focus:outline-none flex gap-8 items-center justify-center' tabIndex={1} onKeyDown={onKeyDown}>
         <Operation />
         <Board />