修复代码高亮和换行

src/components/post/PostContent.tsx

@@ -13,7 +13,7 @@ export function PostContent({ content }: PostContentProps) {
     <div className="prose prose-lg max-w-none prose-headings:tracking-tight prose-headings:font-bold prose-p:leading-relaxed prose-p:text-neutral-700 prose-a:border-b prose-a:border-black prose-a:no-underline hover:prose-a:border-transparent prose-img:my-8 prose-pre:bg-[#f6f8fa] prose-pre:p-6 prose-code:font-mono prose-code:text-base">
       <ReactMarkdown
         remarkPlugins={[remarkGfm]}
-        rehypePlugins={[rehypeHighlight]}
+        rehypePlugins={[[rehypeHighlight, { detect: true }]]}
         components={{
           img: ({ src, alt }) => (
             // eslint-disable-next-line @next/next/no-img-element
@@ -24,7 +24,7 @@ export function PostContent({ content }: PostContentProps) {
             />
           ),
           pre: ({ children }) => (
-            <pre className="bg-[#f6f8fa] p-6 font-mono text-base overflow-x-auto text-black rounded-none border border-neutral-200">
+            <pre className="bg-[#f6f8fa] p-6 font-mono text-base text-black rounded-none border border-neutral-200 whitespace-pre-wrap break-words overflow-hidden">
               {children}
             </pre>
           ),