Astro

JekyllからAstroへのマイグレーション中に遭遇した問題とその解決方法、役立つTipsを共有します。モバイルスクロール問題、Sass警告、コードハイライトなどを解説します。

ブログポストをFacebook、LinkedIn、Threads、Bluesky、Mastodonなどのソーシャルメディアに自動共有するスクリプトの実装方法を共有します。

AstroブログをGitHub Pagesにデプロイする方法を共有します。gh-pagesパッケージの設定、カスタムドメイン、.nojekyllファイル、ビルドパイプラインなどを解説します。

Astroブログのレイアウトとコンポーネント構造を共有します。BaseLayout、PostLayout、Navbar、Footerなど主要コンポーネントの設計と動的ルーティングを解説します。

AstroブログにPagefindを利用した静的検索機能を実装する方法を共有します。ビルド統合、多言語検索、カテゴリフィルタリングなどを扱います。

AstroブログにGoogle AdSense広告を連携する方法を共有します。広告コンポーネント構成、カスタムrehype-in-feed-adsプラグインでマークダウン内に広告を挿入する方法などを扱います。

AstroブログにUtterancesコメントシステムを連携する方法を共有します。GitHub Issuesベースの軽量コメントシステムの実装とPostLayoutでの使い方を扱います。

Astroでマークダウン画像を自動的にAVIF/WebPに変換するカスタムrehypeプラグインを実装する方法を共有します。Sharpを利用した画像変換、キャッシング、lazy loadingなどを扱います。

AstroブログでSEO（検索エンジン最適化）を実装する方法を共有します。メタタグ、Open Graph、JSON-LD構造化データ、サイトマップ、RSS、Google Analyticsなどを扱います。

Astroで日本語、韓国語、英語の3言語をサポートする多言語システムを実装する方法を共有します。URLベースルーティング、翻訳システム、動的ルーティングなどを扱います。

AstroのContent Collectionsを利用してブログコンテンツを管理する方法と、Jekyllからマークダウンファイルをマイグレーションする過程を共有します。

Astroをインストールしてブログプロジェクトを構成する方法を共有します。astro.config.mjs設定、ディレクトリ構造、SCSS設定、ビルドスクリプトなどを扱います。