テスト投稿
7匹の犬が1つの胴体を共有している。
1つの胴体は7つの首を共有している。
７匹はいつも仲良しだった。
７匹の犬は夢とも現実ともつかない境界線がぼやけた像を見る。
白い光の中で隣り合う互いの頬を見つめる。
<!--more-->
Sveltia CMSのテスト記事へようこそ
これは Sveltia CMS（Decap CMS / Netlify CMS の洗練された代替）のダッシュボードや、各種静的サイトジェネレーターで正しくパース（解析）されるかを確認するためのサンプルテキストです。
1. 基本的なテキスト装飾
Sveltiaのリッチテキストエディタ（WYSIWYGモード）とソースコードモード、どちらでも以下のように装飾が反映されます。
- 太字の強調テキスト
- 斜体（イタリック）による表現
打ち消し線を入れたテキスト- 文中に埋め込む
const sveltia = true;などのインラインコード
2. リストとタスク管理
一般的な箇条書きや番号付きリストに加え、タスクリストもサポートしています。
記事執筆の進捗
- フロントマターの設定
- 本文のサンプル作成
- アイキャッチ画像の最適化
必要なステップ
- リポジトリの作成
config.ymlの配置- Sveltia CMSでのログイン確認
3. 画像と引用の挿入
CMSのメディアライブラリから挿入された画像は、以下のように通常のマークダウン形式、または設定によってはHTMLタグで出力されます。
開発者メモ: Sveltia CMSは完全にクライアントサイドで動作するため、サーバーレスで高速に動作するのが最大の魅力です。既存の Netlify CMS の設定ファイルをそのまま読み込める互換性を持っています。
4. テーブル（表）の表現
仕様書の記述やデータ比較などに便利なテーブルも、綺麗にレンダリングされます。
| 機能 | Netlify/Decap CMS | Sveltia CMS |
|---|---|---|
| 動作環境 | サーバー/クライアント | 完全クライアントサイド |
| UIの軽快さ | 普通 | 非常に軽量・高速 |
| 設定互換性 | ベース | 完全互換あり |
5. コードブロック
シンタックスハイライト（色分け）が有効になっているかを確認するためのコードブロックです。
javascript
// Sveltia CMSのカスタムプレビュー用スクリプトの例
import CMS from 'sveltia-cms';
CMS.registerPreviewTemplate('posts', ({ entry }) => {
const title = entry.getIn(['data', 'title']);
return <h1>{title}</h1>;
});