XHS-TextCard：オープンソースで無料の小紅書（RED）テキストカード生成ツール 136

XHS-TextCard は、オープンソースのテキストカード生成ツールで、主に小紅書（Xiaohongshu）のクリエイター向けです。Markdown の内容を高解像度画像に変換でき、スマートなページ分割機能を備え、12種類のテンプレートが内蔵されています。完全にフロントエンドでローカル動作するため、プライバシーが比較的安全で、1242×1656 サイズのシリーズ画像をまとめて書き出すことができます。

本プロジェクトは開発者 geekfoxcharlie（小紅書：極客狐）によってオープンソースとして保守管理されており、MIT ライセンスで公開されています。全体のアーキテクチャは純粋なフロントエンドで、バックエンドは存在せず、データがサーバーにアップロードされることもありません。Markdown の解析、ページ分割、Canvas レンダリング、画像書き出しはすべてブラウザのローカル環境で完結し、ネットワークに依存せずオフラインでも利用可能です。

機能

• Markdown 長文の画像化：見出し、太字、ハイライト（==ハイライト==）、斜体、取り消し線、コードブロック、中央寄せブロック（::: center ... :::）などの一般的な記法に対応し、長文を複数の画像に直接変換できます。

• スマートページ分割：TextSplitter が自動的に適切な分割位置を見つけ、段落の間での改ページを優先します。強制的に改ページしたい場合は --- と入力してください。

• 12 種類のテンプレート：レトロなポラロイド、効率ノート、本のページ、Apple メモ、Zurich Studio、ミニマルマガジンなどのスタイルを内蔵しており、クリックだけで切り替えられます。

• Canvas ピクセルレベルのレンダリング：不安定な DOM 方式ではなく、Canvas を直接使用して描画します。出力は 1242×1656 の画像で、3:4 の比率は小紅書にぴったりです。

• 詳細なビジュアルカスタマイズ：文字サイズ、行間、文字間隔、パディングなどを調整可能。背景は単色またはグラデーションに対応し、モラン色系のプリセットが用意されているほか、HEX や RGBA の直接入力にも対応しています。

• ブランド署名と盗難防止ウォーターマーク：Terminal ギーク風、カプセル、セリフ、毛ガラスなどのいくつかの署名スタイルを提供し、背景ウォーターマークの追加と透明度の調整も可能です。

• 表紙デザイン：表紙のタイトル、フォント、レイアウトを自由に定義でき、シリーズ感のある統一表現がしやすくなります。

• 便利な書き出し：単一画像のダウンロードが可能で、ZIP にまとめて一括書き出すこともできます。設定パラメータは自動的に記憶されるため、シリーズ制作のスタイルを統一して保てます。

活用シーン

• ナレッジブロガーが長文の干货を複数の图文ノートに分割

• 読書ノートや書籍の名言抜粋をビジュアルカード化

• ブランドまたは個人 IP のシリーズコンテンツの統一的なレイアウトでの配信

• プライバシーに敏感なコンテンツ（未公開の原稿や内部資料など）の、ネット接続不要での処理

• チュートリアルや攻略系などの長文コンテンツを、構造的にページ分割して表示

XHS-TextCard のメリット・デメリット

よくある質問

• なぜ HTML ファイルをダブルクリックしても使えないのか？ブラウザのセキュリティポリシー（CORS）による制限で、ローカルサーバー経由でアクセスする必要があります。python -m http.server 8000 を実行し、localhost:8000/editor.html にアクセスすることを推奨します。

• オープンソース版には AI スマートレイアウト機能がないのはなぜ？AI レイアウト、飛書での一括処理、API 自動化などは公式オンライン版（xhs-textcard.site）のクラウド拡張機能に該当し、オープンソースのローカル版はレンダリングと書き出しのみを担当します。

• 特定の位置で強制的に改ページするには？改ページしたい位置に ---（ハイフン 3 つ）を入力すれば、そこから強制的に分割されます。

• シリーズコンテンツのスタイルを統一するには？パラメータを調整すればツールが自動的に設定を記憶するため、以降は同じテンプレートをそのまま適用すればOKです。

• 書き出した画像がぼやける場合は？本ツールはデフォルトで 1242×1656 の PNG/JPEG を出力します。ダウンロード後にぼやけている場合は、WeChat や QQ で圧縮されている可能性が高いため、原画像を保存することをおすすめします。

XHS-TextCard の使い方

オンライン利用：公式オンライン版 xhs-textcard.site にアクセスし、文案を貼り付ければそのままレイアウトできます。

ローカル展開：

git clone https://github.com/geekfoxcharlie/XHS-TextCard.git
cd XHS-TextCard
python -m http.server 8000
# ブラウザで http://localhost:8000/editor.html を開く

1. コンテンツの編集：左側のエディタに Markdown テキストを入力します。2 回改行でスマートな段落区切り、--- で強制改ページ、::: center ... ::: で中央寄せブロックを実現できます。

2. テンプレートの選択とパラメータ調整：右側のテンプレートエリアでスタイルを選び、スタイルエリアで色、フォント、間隔、署名、ウォーターマークを微調整します。

3. プレビューと書き出し：中央のプレビューエリアでリアルタイムに效果を確認し、問題なければ単一画像としてダウンロードするか、ZIP にまとめて全画像を一括書き出しできます。

XHS-TextCard と競合ツールの比較