<h4>lpubsppop01's site</h4>
<p>Today I added syntax highlighting for code in diary of this site.
It took some work to change the colors to match the color-scheme.</p>
<p>References:</p>
<ul>
<li><a href="https://www.alpaca0984.dev/posts/markdown-to-html-with-highlightjs">Convert Markdown to HTML with Syntax highlighting</a></li>
<li><a href="https://tamalog.szmd.jp/rehype-highlight/">rehype-highlightでmarkdownにシンタックスハイライトを適用する | tamalog</a></li>
<li><a href="https://github.com/highlightjs/highlight.js/issues/2115">Question: How do I change the style at runtime by clicking a button · Issue #2115 · highlightjs/highlight.js</a>
<ul>
<li>I gave up on this method. Does writing <code>disabled</code> attribute in <code>_document.tsx</code> cause an error?</li>
</ul>
</li>
<li><a href="https://github.com/highlightjs/highlight.js/blob/main/src/styles/default.css">highlight.js/default.css at main · highlightjs/highlight.js</a>
<ul>
<li>I copied this file (and license text) to the Next.js styles directory and modified it to follow the color scheme.</li>
</ul>
</li>
</ul>

<h4>lpubsppop01's site</h4>
<p>Today I added syntax highlighting for code in diary of this site.
It took some work to change the colors to match the color-scheme.
...</p>


lpubsppop01's site

Feb 14, 2023

lpubsppop01's site