これはマークダウン入稿パイプラインのテスト記事です。この記事は確認後に削除します。Claude Code で書いたマークダウンが、 Sanity の Portable Text として正しく表示されるかを確かめます。
見出しは h2 / h3 / h4 をサポートします。 h1 は記事タイトルとして front matter に集約しているので、本文には書きません。
段落の中で 太字 や 斜体、 inline code、 リンク を表示できます。長めの段落でも、ちゃんと改行と余白が効いた状態でレンダリングされるはずです。
inline code も効く)通常のマークダウンに加えて、 :::callout ブロックを使うと Sanity の customContainer として表示されます。
もう一つの作り方
入力 UI を分解して「変数と部品のカタログページ」を作る別ガイドもあります。最初の 2 ステップは全く同じ内容なので、片方の出力をもう片方でそのまま使えます。
注意
テスト記事は本番 dataset に書き込みます。確認後は npm run import:markdown -- --delete --slug=test-html-article で削除してください。
情報
title 省略時は containerType ごとのデフォルトタイトル(例: 「情報」)が表示されます。
コードブロックは customContainer (note) で囲んで表示されます。完璧な <pre> レイアウトではありませんが、文字としては読めるはずです。
Code (ts)
const greeting = "hello, world";
console.log(greeting);
Code (yaml)
---
slug: my-article
title: 記事タイトル
articleType: explain
---
マークダウンの引用記法もそのまま blockquote として表示されます。複数行の引用も OK。
既存の/articlesの見た目をそのまま再利用します。
このテンプレに従ってマークダウンを書けば、 Claude Code が書いたドキュメントをそのまま Sanity に流し込めるはずです。動作確認後にこの記事は削除します。