あまりPage Viewが伸びないものだと思っていたら、Googleのインデックス登録が消えてた。世知辛い。どうも「載せる価値無し」と判断されてそう。 SEOなるものは自分には関係ないと思っていたので、こういうところで引っかかるのも面白い。どの程度真面目に考えるか。とりあえず、Bingの方にも登録してみる。 Bing Webmaster Tools GitHub Pages...

スタイルシートのカスタマイズ フォントはあまり気にしていなかったが、ヒラギノやメイリオを指定したサイトが読みやすかったので指定することにした。ただサイトの軽さも重要なため、システムフォントから選ぶようにする。 Chirpy公式ドキュメントのカスタマイズ方法に従う。 Customizing the Stylesheet assets/css/jekyll-theme-chirp...

Starlightではフォントの指定方法がいくつかあるが、フォントファミリーを指定する場合は、カスタムのCSSファイルを作成して既定の値を上書きする。 Use font Custom CSS styles ドキュメントに従う。まず src/styles/custom.css ファイルを作成し、 --sl-font を上書きする。 :root { --sl-font: '...

トップページに最近更新されたページのリンクを表示する。 更新日時からページのリンクを表示 ページの更新日付はフロントマターの lastUpdated から取得する。この時日付は明示されている必要があって、Gitから取得する日付は取得できない。 --- title: タイトル lastUpdated: 2026-02-06 # trueにしても取得できない --- これを元に i...

トップページに検索バーを表示する。 Starlightの検索機能 StarlightはデフォルトでPagefindを使用している。そのため、PagefindのUIを設置することで簡単に検索バーを設定できる。 Site Search Pagefind カスタムトップページの作成 まずはカスタムのトップページを作成する。 src/pages/index.astro を作...

サイドバーの多重化 公式サイトではサイドバーが多重化（タブ化）している。これと似たような構造を実現する。 厳密な動作は異なるが、シンプルな実現方法でサイドバーを多重化する。 docs以下のディレクトリ毎に分割する src/content/docs 以下のトップディレクトリごとに分割する。以下の例では guides と reference 以下のコンテンツがそれぞれ独立したサイドバ...

Markdown/MDX/Markdoc AstroとStarlightの環境ではMarkdownとMDX、拡張でMarkdocが使える。 Build your first Astro Blog Install from the CLI wizard MDXを使うとAstroやStarlightが準備したコンポーネントが使えるため、かなりリッチな表現ができる。ただし、Mar...

AstroとStarlight AstroとStarlightを使用していく上では両方のドキュメントを見る必要がある。Starlightに従う必要があるので、こちらを中心に参照し、基礎的な部分のみAstroを参照する。 Astro Starlight フォルダ構成 フォルダの構成は以下のようになる。 src 以下がビルド対象で、 public はそのまま使用される...

Astro Astro ここしばらくAstroを触っていて、面白かったのでドキュメントサイトの作成に使ってみようと思っている。Astro自体は色々な使い方ができるようだが、ドキュメントサイトの作成を目的として、Starlightを使っていく。 静的サイトジェネレーターとして ものとしてはJekyllに近いが、Liquidよりもとっつきやすい。ドキュメントが整っていて、参照しな...

ubuntu-slim 2026/1/22にGitHub Actionsに、より軽量なランナーの ubuntu-slim が追加された。 1 vCPU Linux runner now generally available in GitHub Actions 調べてみるともう少し前の情報が引っかかるが、public previewの情報が元のようだ。 1 vCPU L...