feat: added hljs

This commit is contained in:
원더 2021-01-17 11:50:36 +09:00
parent 85c82bb9d4
commit 5aeaf1c604
2 changed files with 8 additions and 0 deletions

View File

@ -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

View File

@ -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>