Hexo、Hugo、Valaxyなどの静的ブログフレームワーク向けオンライン管理ツール。ブラウザーから記事や画像、サイト設定を編集できます。
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
Hexoサイトのルートにテーマとレンダラーをインストールします
npm install hexo-theme-icarus hexo-renderer-inferno - 2
HexoのテーマをIcarusに切り替えます
hexo config theme icarus - 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 の数値は毎日更新されます。
関連プロジェクト
ダークモード、シンタックスハイライト、数式、Mermaid図、PWAに対応した、技術ブログ向けのシンプルでレスポンシブなJekyllテーマ。
Markdownの記事から静的サイトを生成する、高速でシンプルなNode.js製ブログフレームワーク。
30以上のランディングページ用ウィジェット、ブログ、SEO機能を備えた、無料のオープンソースAstro・Tailwind CSS v4スターターテーマ。
Markdownファイルから、検索可能でレスポンシブな静的ドキュメントサイトを生成するMkDocs向けMaterial Designテーマ。
GitHub PagesやCoding Pagesに静的ブログを作成・公開できる、デスクトップ向けMarkdownクライアント。