knaka Tech-Blog

<h3 id="%E6%A6%82%E8%A6%81">
<a class="header-anchor-link" href="#%E6%A6%82%E8%A6%81" aria-hidden="true"></a> 概要</h3>
<p>honoで、tailwindcss使うメモとなります</p>
<hr>
<h3 id="%E9%96%A2%E9%80%A3">
<a class="header-anchor-link" href="#%E9%96%A2%E9%80%A3" aria-hidden="true"></a> 関連</h3>
<ul>
<li>
<p>CDN使う例です</p>
</li>
<li>
<p><a href="https://tailwindcss.com/docs/installation/play-cdn" target="_blank" rel="nofollow noopener noreferrer">https://tailwindcss.com/docs/installation/play-cdn</a></p>
</li>
</ul>
<hr>
<ul>
<li>views/layout.tsx : 親レイアウトにtailwindcss追加</li>
</ul>
<div class="code-block-container"><pre><code>{html`
&lt;script src="https://cdn.tailwindcss.com"&gt;&lt;/script&gt;
`} 

</code></pre></div><hr>
<h3 id="%E9%96%A2%E9%80%A3%E3%81%AE%E3%82%B3%E3%83%BC%E3%83%89">
<a class="header-anchor-link" href="#%E9%96%A2%E9%80%A3%E3%81%AE%E3%82%B3%E3%83%BC%E3%83%89" aria-hidden="true"></a> 関連のコード</h3>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__2d2444dc78222" src="https://embed.zenn.studio/card#zenn-embedded__2d2444dc78222" data-content="https%3A%2F%2Fgithub.com%2Fkuc-arc-f%2Fhono_jsx4" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/kuc-arc-f/hono_jsx4" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/kuc-arc-f/hono_jsx4</a></p>
