【Hexo】理想的なDetails/Summaryタグ【アコーディオンメニュー】
Intro
長い説明と記事の見栄えを両立したい……detailsで折りたたもう!
TL; DR
details/summaryタグを使ったアコーディオンメニューをHexoの記事に導入する方法を説明する。
さらに、アコーディオンメニューの見た目を整えるためにCSSとjsをカスタマイズし、summaryを追従させる方法を説明する。
長い説明と記事の見栄えを両立したい……detailsで折りたたもう!
details/summaryタグを使ったアコーディオンメニューをHexoの記事に導入する方法を説明する。
さらに、アコーディオンメニューの見た目を整えるためにCSSとjsをカスタマイズし、summaryを追従させる方法を説明する。
Hexoを、Icarusを、初期投資としてガンガン便利にしていく。
VSCode側で画像のpathを手動で修正せずとも、scirpts配下のjsファイルで自動で対応した。
さらに、見た目のよいAlertboxも作成できるようになった。
HexoのThemeをGhost Casperにしたもののしっくり来ず、なによりCode Blockの表示がおかしい。
これはじっくりThemeを選ぶ必要があるだろう。
HexoのThemeならIcarusが最強だ。
AzureでCustom Domainを取得し、GitHub PagesでHostする方法も解説する。
というわけで、情報共有と蓄積を兼ねてBlogを書くことに。
初回の題材は、Blog作成について。
更新は週1-2回くらいかなぁ。
AI生成利用してどこまで楽しく、楽にできるか。
This blog is written
楽しく、簡単に、効率的に
ここから先は、このBlogでおいおい取り扱う技術を簡単に紹介していく。
実際のBlog生成の手順は、最後に取り扱う。