mirror of
https://github.com/samber/awesome-prometheus-alerts.git
synced 2026-06-25 02:46:59 +08:00
6ff7e74524
Rebuilds the site using Astro (SSG) with Tailwind CSS v4, replacing the Jekyll/Cayman theme. Key changes: - Splits the monolithic /rules page into 110 statically-generated pages (92 per-service + 13 group index + homepage + guide pages) for SEO - URL structure: /rules/[group-slug]/[service-slug]/ with backward- compatibility redirect map for old anchor-based URLs (/rules#redis) - Modern UI: Prometheus-orange accent, dark mode (system + toggle), sticky sidebar, responsive layout, copy-to-clipboard per rule/section - SEO: per-page <title>, <meta description>, Open Graph, Twitter Card, canonical URLs, sitemap.xml via @astrojs/sitemap - GEO: FAQPage JSON-LD schema on each service page (rules as Q&A pairs for AI search engines), TechArticle schema, BreadcrumbList - Search: Pagefind (build-time index, lazy-loaded, ~200KB) - Zero JS by default; copy buttons and theme toggle use inline scripts - New CI: .github/workflows/deploy.yml builds Astro + Pagefind and deploys to GitHub Pages via actions/deploy-pages - Existing dist.yml and test.yml workflows are untouched - _data/rules.yml remains the single source of truth Note: GitHub Pages source must be changed from "Build from branch" (Jekyll) to "GitHub Actions" in repository settings.
42 lines
1.3 KiB
Text
42 lines
1.3 KiB
Text
---
|
|
interface Props {
|
|
title: string;
|
|
description: string;
|
|
canonicalUrl: string;
|
|
ogImage?: string;
|
|
jsonLd?: object | object[];
|
|
base: string;
|
|
siteUrl: string;
|
|
}
|
|
|
|
const { title, description, canonicalUrl, jsonLd, base, siteUrl } = Astro.props;
|
|
const ogImage = Astro.props.ogImage ?? `${base}/images/prometheus-logo.png`;
|
|
const fullOgImage = ogImage.startsWith('http') ? ogImage : `${siteUrl}${ogImage}`;
|
|
|
|
const jsonLdArray = jsonLd
|
|
? Array.isArray(jsonLd) ? jsonLd : [jsonLd]
|
|
: [];
|
|
---
|
|
|
|
<title>{title}</title>
|
|
<meta name="description" content={description} />
|
|
<link rel="canonical" href={canonicalUrl} />
|
|
|
|
<!-- Open Graph -->
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content={canonicalUrl} />
|
|
<meta property="og:title" content={title} />
|
|
<meta property="og:description" content={description} />
|
|
<meta property="og:image" content={fullOgImage} />
|
|
<meta property="og:site_name" content="Awesome Prometheus Alerts" />
|
|
|
|
<!-- Twitter Card -->
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:title" content={title} />
|
|
<meta name="twitter:description" content={description} />
|
|
<meta name="twitter:image" content={fullOgImage} />
|
|
<meta name="twitter:site" content="@samuelberthe" />
|
|
|
|
{jsonLdArray.map((schema) => (
|
|
<script type="application/ld+json" set:html={JSON.stringify(schema)} />
|
|
))}
|