Đang tải bảng tin…
Flavio Copes0 Hot0 bình luận2 phút đọc
How I generate an Open Graph image for every post
A practical walkthrough of generating unique Open Graph preview images for every blog post at build time using Astro and the astro-og-canvas library. The setup involves creating a dynamic file route at src/pages/og/[...route].ts, fetching all posts from a content collection, and passing titles and descriptions to OGImageRoute to produce per-post PNG images. Key gotcha: OGImageRoute is async and requires await or Astro can't find getStaticPaths. The generated images are static files with no runtime dependency. A note on build performance: with 1700+ posts, image generation adds time, but astro-og-canvas caches unchanged posts — with a caveat around cache location on Cloudflare Pages.
Nguồn: https://flaviocopes.com/generate-og-images-astro. 8sync News chỉ tóm tắt và dẫn link; bản quyền nội dung thuộc tác giả và nguồn gốc.
Đề xuất cho bạn
InfoWorld48 Hot1 phútAI
ECMAScript 2026 specification approved
ECMA International vừa phê duyệt ECMAScript 2026 (ES2026) vào ngày 30/6, phiên bản thứ 17 của đặc tả JavaScript. Bản cập nhật bổ sung nhiều tính năng mới như Math.sumPrecise, Iterator.concat, Array.fromAsync, Error.isError, phương thức mới cho Map/WeakMap, hỗ trợ chuyển đổi Uint8Array sang hex/base64, cùng cải tiến cho JSON.parse và JSON.stringify.
Lập trình viên nên đọc bài này vì ECMAScript 2026 mang đến những tính năng mới như Array.fromAsync và JSON.rawJSON, giúp cải thiện hiệu suất và tính linh hoạt trong xử lý dữ liệu đồng bộ/không đồng bộ và định dạng JSON trong các dự án hiện đại.
