🎨 記事ごとに専用の CSS / JS を持てるように
記事ひとつひとつに専用の CSS と JavaScript を設定できる機能を追加しました。General の記事に加えて、Dev Journal の記事でも使えます。図解や比較表、ちょっとしたインタラクティブな UI を、その記事だけのデザインで表現できます。
🧩 仕組み
- 他の記事に影響しない CSS:記事に設定した CSS は、その記事の範囲だけに自動で閉じ込められます。サイト共通のヘッダーや他の記事のデザインが崩れることはありません。
- 記事の表示が終わってから動く JS:JavaScript は本文の描画が落ち着いてから一度だけ実行されます。
- Markdown と一緒にアップロード:記事の
.mdと一緒に.css/.jsファイルを管理画面に読み込むと、それぞれの欄に自動で入ります。
🧱 本文中の HTML もそのまま表示
Markdown の本文に直接書いた HTML(SVG の図解や比較用のレイアウトなど)を、テキストとして崩さずにそのまま表示できるブロックとして取り込めるようにしました。