Webtrotion
Notion ベースの構成可能な静的ウェブサイトジェネレーター
Webtrotionは、AstroフレームワークとNotionを使って構築された、カスタマイズ可能な静的ウェブサイトジェネレーターです。ブログやウェブサイトを簡単に作成できます。
Webtrotionについてもっと知る
Webtrotion
Webtrotionは、NotionとAstroを用いた静的ウェブサイトジェネレーターです。ブログやウェブサイトを簡単に構築でき、Notionでコンテンツを管理、Astroで静的サイトを生成します。単一ファイルによる設定と、様々な機能により、効率的なウェブサイト運用を実現します。
- •Notion統合によるウェブサイト構築:Notionとのシームレスな統合により、ブログだけでなく、ウェブサイト全体を構築できます。Notionでコンテンツを作成・管理し、Webtrotionで静的ウェブサイトとして公開できます。
- •単一ファイル設定:設定は単一の`constants-config.json`ファイルで行います。複雑な設定ファイルの編集は不要です。
- •Tailwind CSSとNotionカラー対応デザイン:Tailwind CSSとNotionの色を組み合わせたデザインで、アクセシビリティとSEOに配慮したセマンティックなHTMLマークアップを使用しています。
- •ダーク/ライトモード対応:ダークモードとライトモードに対応しており、`constants-config.json`ファイルで簡単に切り替えられます。
- •OG画像自動生成:Satoriを使用して、ブログ記事のアイキャッチ画像を含むOG画像を自動生成します。
- •ページネーション:ページネーション機能により、大量のブログ記事を効率的に表示できます。
- •Giscusコメント機能:Giscusによるコメント機能を統合し、読者とのインタラクションを促進します。
- •サイトマップ自動生成:サイトマップを自動生成し、検索エンジンのクロールを容易にします。
- •Pagefindによるサイト内検索:Pagefindによる静的サイト検索機能を統合し、ユーザーは簡単に情報を検索できます。
- •ピン留め機能:ブログ記事をピン留めし、重要な記事を優先的に表示できます。
- •コードブロックの高度な表示:Shiki Transformersを使用して、コードブロックをより見やすく表現します。
- •高速ビルドのためのキャッシュ:GitHub ActionsによるAPIリクエスト出力キャッシュにより、ビルド時間を短縮します。
- •ミニブログストリーム:ミニブログストリーム機能により、複数のブログ記事をコンパクトに表示できます。
- •関連コンテンツ自動生成:関連コンテンツとページを自動生成し、ユーザーエクスペリエンスを向上させます。
- •ポップアップによるリンク表示:各ブロックへのリンクにマウスオーバーすると、Wikipediaのようなポップアップが表示されます。
Webtrotionは、NotionとAstroの連携により、ウェブサイト構築を簡素化する静的サイトジェネレーターです。単一の構成ファイルで設定を管理でき、Notionの直感的なインターフェースでコンテンツ作成と更新が容易に行えます。これにより、開発者は複雑な設定や複数のツールに煩わされることなく、迅速にウェブサイトを構築・公開し、コンテンツ管理に集中できます。Webtrotionを選択することで、開発効率の向上と、より充実したウェブサイト体験の実現が期待できます。
