リンクカードのOGP画像なし時にダミー画像でフォールバック - #183
Merged
Merged
Conversation
remark-link-card-plus の ogTransformer で imageUrl が空/不正な場合に public/images/link-card-fallback.svg の絶対URLを補完し、サムネイル欄が 欠落しないようにする。
og:imageを持たないURLをカードリンク化し、ダミー画像フォールバックが 機能することを確認するための証跡記事。
Closed
これまでフォールバック画像のURLを本番ドメイン (https://www.rowicy.com)決め打ちで組み立てていたため、pnpm devでは その画像がまだ本番に存在せず404になり、ダミー画像が表示されなかった。 public/images/link-card-fallback.svg(537byte)をbase64のdata URIとして 埋め込み、ドメイン・ポートに依存せずdev/build/prodいずれでも そのまま表示されるようにした。
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
変更内容
リンクカードにOGP画像がない場合、ダミー画像でフォールバックする。
astro.config.mjs:remarkLinkCardのogTransformerで、imageUrlが空/無効ならlink-card-fallback.svgをdata URI化したものを補完(ドメイン・ポートに依存しないためpnpm devでもそのまま表示される)public/images/link-card-fallback.svg: ロゴ入りのプレースホルダー画像https://example.com(og:imageなし)で確認。テスト用md