ブログカードが404になったので直した
ブログの外部リンクが全部404になってしまっていたので、zenn-markdown-htmlを最新版にして修正した。
起きたこと
全然更新しなくなっていた当ブログを久々に見てみたら、外部リンクが軒並み404になっていた。
もちろんリンク先の参考文献がなくなっているわけではなく、外部リンクをブログカード形式で表示するためにiframeで読み込んでいるzennのリンクが404になっているようだ。
やったこと
15分くらい試行錯誤したけど、結局公式に答えが書いてあった。どうやらmarkdownToHtmlの仕様が変わって、埋め込みサーバーのURLを明示しないといけなくなったらしい。
埋め込み機能を使用する場合は、ホスティングされている埋め込みサーバーの Origin URL を embedOrigin を指定してください。 非商用の場合のみ Zenn が提供する埋め込みサーバーを指定できます。
import markdownToHtml from 'zenn-markdown-html';
const html = markdownToHtml(markdown, {
embedOrigin: 'https://embed.zenn.studio',
});
同じところで詰まった方が立ててたIssueもあった。
zenn-markdown-htmlを最新版に更新して、markdownToHtmlの引数を公式の言う通りに修正したらリンクが復活した。
SSGと言えども、外部ソースを使っている動的な部分はある日突然動かなくなることがあるので気をつけたい。
今日は眠いのでもう寝る。