feat(blog): add blog layout example site - #16
Conversation
Co-Authored-By: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
🤖 Devin AI EngineerI'll be helping with this pull request! Here's what you should know: ✅ I will automatically:
Note: I can only respond to comments from users who have write access to this repository. ⚙️ Control Options:
|
|
🌿 Preview Here are the markdown pages you've updated: |
Co-Authored-By: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Co-Authored-By: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Swap each post's image frontmatter from a local ./images/*.jpg path to a hotlinked Unsplash URL, and drop the checked-in jpg files. Keeps the example lighter and avoids shipping binary stock photos in the repo. Co-Authored-By: Claude <noreply@anthropic.com>
blog-layout: grid only feeds the image into og:image metadata; the list layout is the one that actually displays it beside the post text. Confirmed on the deployed preview: grid showed no thumbnail anywhere (card or post page), list does. Co-Authored-By: Claude <noreply@anthropic.com>
Probing whether `thumbnail` is the key that actually wires to a visible card/hero image, since `image` only reached og:image metadata on the deployed preview, not any on-page element. Co-Authored-By: Claude <noreply@anthropic.com>
|
Context on the last three commits, since the images are being chased from the wrong end. The images aren't missing because of the layout, the image host, or the frontmatter key. This preview is still serving a docs bundle built before fern-api/fern-platform#14268 merged, and that bundle reads frontmatter image: readString(frontmatter.thumbnail) ?? readString(frontmatter.image),The CLI, however, rewrites Two of the three commits therefore can't have the intended effect:
Suggestion: revert all three and let the merged fix deploy. |
Confirmed on the deployed preview: `image` only reaches og:image metadata (social-share preview), it never renders on the page. `thumbnail` is the field that actually shows the picture beside the post text in blog-layout: list. Bring the other five posts in line with the one that was already switched over. Co-Authored-By: Claude <noreply@anthropic.com>
The card renders thumbnails in a fixed 1200x675 (16:9) box. Five posts were serving the source photo's native 3:2 crop, so the browser had to center-crop off ~16% of the height client-side. Request the exact box size from Unsplash (w=1200&h=675&fit=crop) instead, so the crop is deliberate and no extra bytes are downloaded. Also swap the pruning-webhooks thumbnail: its source photo was a 4:5 portrait, losing over half its height to the same box. Replaced with a photo that's natively 16:9 (a trimmed-hedge garden path), which needs no cropping at all. Co-Authored-By: Claude <noreply@anthropic.com>
Both lines said the same thing ("notes from the team" / "team...");
give the intro paragraph its own job of previewing what's on the blog.
Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Claude <noreply@anthropic.com>
Summary
Adds a
blog/example site so the blog changelog layout has a Fern-owned demo to point at — docs screenshots and videos currently have to borrow a customer site.The example is deliberately a full exercise of the layout's surface rather than a minimal one, since it doubles as the reference authors copy:
Across the six entries: single
author, multi-authors, per-postslug(full site-relative,blog/<name>),tags, a hotlinkedthumbnailimage, and anexcerptoverride.Two things the example deliberately does not demonstrate, because they don't work end-to-end yet:
draft: true/hidden: trueonly drop the card from the listing. The entry stays in the sidebar nav, stays in/blog.rss, and its page still returns 200 — verified on this PR's preview.authors.*.avatarpaths never resolve: the CLI rewrites and uploads local paths for theimagefrontmatter key and markdown body images, not nested author fields, so the avatar is dropped and the byline renders name + role only. External avatar URLs do work.thumbnailvsimage, found while building this: the docs describethumbnailandimageas interchangeable for setting the card/hero picture. On the deployed preview they aren't —imageonly reachesog:imagemetadata (social-share preview), it never renders on the page in eithergridorlistlayout.thumbnailis the field that actually shows the picture, and onlyblog-layout: listdisplays it (beside the post text);gridcards render with no image slot at all. All six posts usethumbnailwith a hotlinked URL (no checked-in image assets) and the overview is set toblog-layout: listaccordingly. Worth a docs fix independent of this PR.Pinned to CLI
5.106.1infern.config.json— earlier versions reject theblog:key.fern checkpasses.Wired into the
check,preview-docs, andpublish-docsmatrices and the README table, so it publishes toblog.docs.buildwithfern.comon merge like the other examples.Link to Devin session: https://app.devin.ai/sessions/da27e5183b724ee0953e0cd3f4cbcd06
Open in Devin Desktop: https://app.devin.ai/desktop/session/da27e5183b724ee0953e0cd3f4cbcd06?variant=devin