最近、X の長文ポストを WeChat 公式アカウントにインポートしようとしたとき、しっくりくるフォーマットツールが見つかりませんでした。最近いくつかの IP 関連スキルを作成していたこともあり、こう考えました：自分用に、ちょっと IP 独自の雰囲気を持ったフォーマットツールを作ってみよう、と。
最初は単に自分のフォーマット問題を解決したかっただけですが、作業を進めるうちにどんどんアイデアが湧いてきました：カラースキームを IP に合わせられるか？ キャラクターをチャプターに配置できるか？ Markdown、TXT、コードブロック、テーブルを一度に処理できるか？ モバイルでも直接使えるか？
ここまで来たからには、自分だけで抱え込まず、みんなに公式アカウントフォーマットのもう一つの選択肢を提供しよう。こうして Punk Weipai が誕生しました。
目指した効果はシンプルでした：左側に少し乱雑な Markdown 原文を置き、ボタンを押すだけで、右側にタイトル、引用、コードブロック、画像の配置が整った WeChat 記事が出来上がる。
ウェブサイトはすぐに使えます：
https://weipai.iamadrianpunk.com
サイトを初めて開くと、Punk からの「手紙」が表示されます。初心者向けチュートリアルでは、カラースキーム、原稿インポート、プレビューコピー、固定フッターの順に紹介されます。すでに手順に慣れている方は、スキップして構いません。
1. まずは一番面倒なことを解決する
Punk Weipai のワークフローは非常に直接的です：左側に Markdown または TXT 原文を置き、右側に WeChat フォーマットがリアルタイムで生成されます。効果を確認したら、「公式アカウントにコピー」をクリックして WeChat 公式アカウントの Web エディターに貼り付けます。
私が処理に時間をかけた内容、つまり長文記事で問題が発生しやすい部分は次の通りです：
- 記事タイトル、チャプタータイトル、サブタイトル
- 順序付きリスト、順序なしリスト、複数レベルのネストされたリスト
- 引用、区切り線、太字テキスト、インラインコード
- ローカル画像、テーブル、複数の連続コードブロック
- 段落間隔、行間隔、公式アカウントの読書に適したフォント
原稿に明確なタイトル階層がある場合、Markdown のタイトルサイズに基づいてチャプターを判断します。番号付きのサブタイトルは番号を保持し、番号がないものは太い縦線を使用します。一般的な箇条書きはテーマカラーに合わせて変化する中黒点を使用します。
コードブロックは macOS のウィンドウバーを保持し、テーブルは三線表を使用します。
2. 全プロセスはたったの 3 ステップ
1. 原稿を挿入する
Markdown を直接貼り付けるか、.md、.txt、またはローカル画像を含む記事パッケージをインポートできます。ページを開くと、タイトル、引用、リスト、画像、テーブル、コードブロックを含むフル機能のサンプルが表示され、各構文の見た目を一目で確認できます。
2. カラースキームとチャプタースタイルを選択する
ツールには、Punk Color、Retro Trend、Red-Blue CP、Vitality Orange などのプリセットが用意されています。各スキームにはテーマカラー、アクセントカラー、ほぼ白に近いライトカラーが含まれ、本文の背景はデフォルトで白です。
また、自分の IP 画像をアップロードすることもできます。システムが画像から代表的な色を抽出し、「IP ネームカラー 1、2、3」の 3 つのスキームを生成します。自分のスタイルに最も近いものを選び、さらに微調整を続けます。
カラーラボはこれを可視化されたプロセスにします：IP から代表的な色を抽出し、3 つの異なるスキームに展開し、最終的にフォーマットに実際に使用できる 4 つのカラーロールを残します。
カラースキームを選択した後、さらに細かく調整できます。各カラーブロックで「機能選択」を開き、本文背景、タイトル、太字強調、タイトル装飾、区切り線、リストマーカー、コードブロック、テーブル、インラインコードテキスト、インラインコード背景、引用のいずれに使用するかを決定できます。同じ色を複数の用途に使用することも可能です。例えば、青をタイトルとコードブロックに、黄色を太字、リスト、区切り線に、ほぼ白のライトカラーを引用とインラインコード背景に割り当てる、といった具合です。
IP がない場合は、「カスタムカラー」を入力して HEX カラーコード、カラースキーム名、色の用途を変更することもできます。このエントリーは自分で色を調整したい方向けで、全員にまずアバターをアップロードするよう強制するものではありません。
チャプタースタイルも直接切り替えられます。現在、太い下線、スラッシュ、左縦線、ボックス、角括弧、二重丸、ドットマトリックス、上部配置番号、引用符の 9 つのオプションがあります。メニューには実際の効果が最初に表示されるため、名前で推測する必要はありません。切り替えると、記事全体のチャプターが一斉に更新されるので、Markdown に戻って一つずつ修正する必要はありません。
「チャプター IP」を有効にすると、短いタイトルの場合、キャラクターがタイトルの横線の上に配置されます。
折り返しの可能性がある長いタイトルの場合、IP は自動的にタイトル上部の中央に移動し、本文を圧迫しないようにします。
カラースキーム、チャプタースタイル、IP 表示の有無は独立しており、コンテンツに応じて自由に組み合わせることができます。
3. プレビューして、公式アカウントにコピーする
記述エリアとプレビューエリアは同期して更新されます。記事の確認に集中したい場合は、「フォーカスプレビュー」を開いて最終的な WeChat 下書きのみを表示できます。コンピューターとモバイルの両方で使用可能です。
4. モバイル対応
モバイル向けに別途調整が行われており、全プロセスをコンピューターに戻らずに完了できます：
- フォーマットツールは右上のハンバーガーメニューに格納され、横スクロールや本文のブロックを防ぎます
- 記事の幅、パディング、プレビュー方法は自動的にモバイル画面に調整されます
そのため、「原稿のインポート→スタイルの調整→プレビューの確認→公式アカウントにコピー」という全ワークフローをスマートフォンで完了できます。記事を急に変更する必要がある場合でも、フォーマットのためにわざわざコンピューターを開く必要はありません。
最後に、「公式アカウントにコピー」をクリックして、完全なリッチテキストを WeChat 公式アカウントの Web エディターに貼り付けます。タイトル、引用、リスト、テーブル、コードブロックはすべてそのまま引き継がれ、段落ごとに調整する必要はありません。
3. 私が頻繁に使ういくつかの詳細
まずは 固定フッター です。
著者紹介、アカウントの位置づけ、フォロー促しなどのコンテンツは、毎回の記事で書く必要があり、見落としがちです。今では事前に固定フッターを保存して有効にできます。このテキストが原稿に含まれているかどうかに関わらず、区切り線で区切られてフォーマット結果の最後に自動的に追加されます。
固定フッターは現在の記事のフォントとテーマカラースキームを継承します。内容は現在のブラウザに保存され、デバイスを切り替える場合は再設定が必要です。
次に 部分的な色変更 です。本文テキストに自動、黒、白、またはカスタムカラーを選択できるほか、プレビュー内の特定のテキストセグメントを直接選択して、その色だけを変更することもできます。これはチュートリアル内のコマンドやレビューの重要な数値を強調するのに非常に便利です。
3 つ目は チャプターに沿った IP です。キャラクター画像をアップロードした後、各チャプタータイトルの横に表示するかどうかを決定できます。カラースキームと IP 表示は 2 つの独立したスイッチです：キャラクターを表示せずに独自のカラースキームを使用することも、キャラクターを表示したまま推奨カラースキームに切り替えることもできます。
4. これは誰にとって便利か？
記事の作成を主に Word で行い、コード、テーブル、Markdown をほとんど使わない場合、このツールは必須ではないかもしれません。
以下のようなシナリオに適しています：
- X の長文ポスト、メモ、Markdown を頻繁に WeChat 記事に変換する
- AI で下書きを作成するが、WeChat バックエンドで再フォーマットしたくない
- コードブロックやインラインコードが多い AI ツールのチュートリアルを書く
- 個人アカウント、スタジオ、または複数の異なる IP を同時に運用する
- 公式アカウントで一貫したビジュアルスタイルを維持したいが、毎回フォーマットをゼロから調整したくない
Punk Weipai は現在、フォーマットに特化しています。記事を書き換えたり、AI 生成のカバー画像を提供したりはしません。範囲は狭いので、ページを開いたら、原稿を入れ、スタイルを調整し、コピーして公開するだけです。
5. まずはこの最小ワークフローを試してみてください
初めて使用する際は、すべての設定を研究しようと急がないでください。次の 3 つのステップに従ってください：
- ウェブサイトを開き、右側のプレビューでデフォルトのサンプルを確認する
- 左側に自分の Markdown を貼り付け、既製のカラースキームを選ぶ
- 「公式アカウントにコピー」をクリックし、下書きボックスに貼り付けて一度確認する
この流れが確認できたら、IP のアップロード、カラーコードの調整、チャプタースタイルの切り替え、固定フッターの保存に進んでください。
このツールに設定したフレーズは次の通りです：
良いコンテンツには、すべて良いレイアウトを。
もしあなたも「記事はできたけど、公式アカウントのフォーマットが整わない」という状況によく陥るなら、直接試してみてください：
https://weipai.iamadrianpunk.com
著者について
Punk｜中国科学技術大学 経営学修士｜AI プロンプト、AI 初心者チュートリアル｜Punk シリーズスキル著者｜3 ヶ月で 8 桁達成｜公開学習｜FDE 記事閲覧数 240 万｜@AdrianPunk115
