Repolode
ppoffice

ppoffice/hexo-theme-icarus

Hexo向けのシンプルでモダンなテーマ。3種類のデザインと50以上の組み込みプラグインを備えています。

スター
6,633
フォーク
1,520
未解決の Issue
3
最終コミット
12 日前

これは何?

Icarusは、Node.js製の静的サイトジェネレーターHexo向けのテーマです。ブログや個人サイトに1〜3カラムのレスポンシブレイアウトを適用でき、小さな画面ではサブメニューをメニューボタンにまとめるナビゲーションバーや、モバイル向けの目次も利用できます。テーマのバリエーションは設定ファイルまたは投稿のfront-matterで選択でき、デフォルトのライト/ダークテーマ、Cyberpunkのダークスタイル、Material 3 Expressiveスタイルから選べます。

ほとんどの機能はコードではなく、`_config.icarus.yml`ファイルで有効化します。Giscus、Waline、Twikooなどのコメントシステム、Algoliaまたは組み込みのInsight検索、シェアボタン、寄付リンク、アクセス解析に加え、プロフィール、目次、最近の投稿用ウィジェットを備えています。数式はKaTeXまたはMathJax 4で描画でき、画像はlightGalleryのライトボックスで表示できます。

ページ遷移にはPJAXによる読み込みと、ホバー時のページ先読みを利用します。オプトインモードでは、訪問者がCookie Consentに同意するまでアクセス解析は読み込まれません。17言語への翻訳に対応しています。

主な機能

  • 01デフォルトのライト/ダーク、Cyberpunk、Material 3 Expressiveの3種類のデザイン。
  • 021〜3カラムのレスポンシブレイアウトと、任意で固定できるナビゲーションバー。
  • 03組み込みのInsight検索と、Algolia、Baidu、Google CSEとの連携。
  • 04Giscus、Waline、Twikoo、Utterancesなどのコメントシステム。
  • 05数式描画用のKaTeXまたはMathJax 4と、lightGalleryによる画像ギャラリー。
  • 06ページ先読みと読書進捗バーに対応したPJAXナビゲーション。

ユースケース

  • Hexoで構築した個人向け技術ブログの運営。
  • すっきりしたデザインの静的ドキュメントサイトやポートフォリオサイトの公開。
  • 独自コードを書かずに、Hexoサイトへコメント、アクセス解析、寄付リンクを追加。
  • 訪問者のプライバシーに配慮し、Cookieへのオプトイン同意を取り入れたサイトの作成。

クイックスタート

  1. 1

    Hexoサイトのルートにテーマとレンダラーをインストールします

    npm install hexo-theme-icarus hexo-renderer-inferno
  2. 2

    HexoのテーマをIcarusに切り替えます

    hexo config theme icarus
  3. 3

    ローカルサーバーを起動してサイトをプレビューします

    hexo server

使う前に知っておきたいこと

  • ^7.1.1または^8.0.0に対応したHexoサイトが必要です。

収録されている特集

トピック

よくある質問

hexo-theme-icarus とは?
Hexo向けのシンプルでモダンなテーマ。3種類のデザインと50以上の組み込みプラグインを備えています。 Icarusは、Node.js製の静的サイトジェネレーターHexo向けのテーマです。ブログや個人サイトに1〜3カラムのレスポンシブレイアウトを適用でき、小さな画面ではサブメニューをメニューボタンにまとめるナビゲーションバーや、モバイル向けの目次も利用できます。テーマのバリエーションは設定ファイルまたは投稿のfront-matterで選択でき、デフォルトのライト/ダークテーマ、Cyberpunkのダークスタイル、Material 3 Expressiveスタイルから選べます。
hexo-theme-icarus は無料で使えますか?ライセンスは?
hexo-theme-icarus は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
hexo-theme-icarus は今もメンテナンスされていますか?
活発にメンテナンス中。hexo-theme-icarus の最終コミットは 2026年10月26日 です。
hexo-theme-icarus は何に使えますか?
Hexoで構築した個人向け技術ブログの運営。 すっきりしたデザインの静的ドキュメントサイトやポートフォリオサイトの公開。 独自コードを書かずに、Hexoサイトへコメント、アクセス解析、寄付リンクを追加。 訪問者のプライバシーに配慮し、Cookieへのオプトイン同意を取り入れたサイトの作成。
hexo-theme-icarus のインストール方法は?
Hexoサイトのルートにテーマとレンダラーをインストールします: npm install hexo-theme-icarus hexo-renderer-inferno HexoのテーマをIcarusに切り替えます: hexo config theme icarus ローカルサーバーを起動してサイトをプレビューします: hexo server
hexo-theme-icarus はどこで入手できますか?
ソースコードとインストール手順は GitHub にあります:https://github.com/ppoffice/hexo-theme-icarus

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト