このブログを Hugo で組んだときのメモ
サイトを静的サイトジェネレータの Hugo で作成しています。Markdown を書くだけで記事が作れるので快適です。
ダークモードを TypeScript で
見た目の切り替えはクライアント側の小さなスクリプトで行っています。Hugo は内蔵の esbuild で .ts をそのままバンドルできます。
const root = document.documentElement;
document.getElementById("theme-toggle")?.addEventListener("click", () => {
const next = root.getAttribute("data-theme") === "dark" ? "light" : "dark";
root.setAttribute("data-theme", next);
localStorage.setItem("theme", next);
});
これから足したいもの
| 機能 | 方法 |
|---|---|
| 全文検索 | Fuse.js もしくは Algolia |
| コメント | giscus（GitHub Discussions） |
コメント