🚀

HonoXでGithub pagesのサイトの手直し

2024/02/13に公開

挨拶

みなさんこんにちは
@taisan11です
今回はこちらの私のサイトを手直ししていきます

↑archive取っといてよかった
現在のリポジトリはこちらです
完成品がこちらとなっております
気になる人はぜひ見てってください!!

ついにHonoがV4になってHonoXとかいうVite+HonoのNext.jsみたいなやつになったのでそれを使います
あといちいちHTML複製ブログがめんどいのでMDXも入れちゃいます

最初はブランチ切って全部削除してコミットしてHonoXを召喚しました。
適当にCSSを当ててメインページを作りました
とりあえず昔のバージョンと似た感じにするのが目標です

SSGでビルドしたらCSSが生成されてませんでした
その時はCSSはapp/に入れてました(HonoX Readmeのtailwind CSSと同じ感覚)
どうやら

<link rel='stylesheet' href='/static/style.css' />

みたいなものでよかったぽくてCSSファイルはpublic/staticに入れればいいっぽいです。

普通にViteのアクションを使いました
公式のはなんか動かなかったので下の記事を参考にしてます~~たまたまかな?~~

ViteでMPAで簡単なHTMLとコンポーネント機能を使いたい!!
とかHTMLしか使えないけどいちいちHTML書くのめんどくさい
とかそういう人に向いてるなと思いました。