diff --git a/pages/_document.tsx b/pages/_document.tsx
index 4a84627..536412a 100644
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@@ -10,6 +10,9 @@ class MyDocument extends Document {
 		return (
 			<Html>
 				<Head>
+					<link rel='stylesheet'
+						href='//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/default.min.css'/>
+					<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js'></script>
 					<script
 						data-ad-client='ca-pub-4856582423981759'
 						async
diff --git a/pages/debug.tsx b/pages/debug.tsx
index c7adca2..0e86208 100644
--- a/pages/debug.tsx
+++ b/pages/debug.tsx
@@ -8,6 +8,7 @@ import Package from '../package.json'
 import { anchorHeader, checkBrowser } from '../utils/Tools'
 import MarkdownView from 'react-showdown'
 import sanitizeHtml from 'sanitize-html'
+import { useEffect } from 'react'
 
 const ClientInfo = ( ):JSX.Element => {
 	const formik = useFormik({
@@ -28,6 +29,10 @@ https://github.com/koreanbots
 		},
 		onSubmit: ()=>{ alert('Pong') }
 	})
+	useEffect(()=> {
+		// eslint-disable-next-line @typescript-eslint/no-explicit-any
+		window.document.querySelectorAll('pre code').forEach(el=> (window as any).hljs.highlightBlock(el))
+	}, [formik.values.markdown])
 	const { theme, systemTheme } = useTheme()
 	return <Container paddingTop className='mb-10'>
 		<h1 className='text-4xl font-bold mb-3 mt-3'>개발자모드</h1>
