技術者以外の人向けの初心者向けチュートリアルを更新しました。
[パート 1: 基本原則] 「怠け者に朗報: 組版をまったく行わない WeChat 編集者になるには?」 》
【次の記事:文法ガイド】 『WeChat公式アカウント向けMarkDown組版完全ガイド』
最新の安定版をダウンロード:Windows版/Mac版
.md
ファイルとして保存し、 temp
ディレクトリに置きます。maxpress
プログラムを実行すると、同じ名前の.html
ファイルがresult/html
ディレクトリに生成されます。.html
ファイルをブラウザで開き、すべてを選択し、コピーして WeChat エディタに貼り付けます。【注意事項】
.md
ファイルおよび複数のサブディレクトリ (ネストされたサブディレクトリを含む) のバッチ変換をサポートします。.md
ファイルはすべてresult/archive
ディレクトリに移動されます。この機能は、構成ファイル (auto_archive) を変更することで無効にできます。変換プログラムを実行する前に、 config.json
ファイルを変更して共通形式変数をカスタマイズします。
含む:
変数名 | デフォルト値 | 説明する |
---|---|---|
メインサイズ | 16ピクセル | 本文サイズ |
テーマカラー | #349971 | テーマカラー。タイトルや強調要素などのテキストの色に使用されます。 |
テキストの色 | #555 | 本文の文字色 |
引用_色 | #999 | 参照ボックスとコードボックスの文字色 |
行の高さ | 2em | テキスト行の高さ |
パラスペース | 1.5em | テキストの段落間隔 |
整列する | 複数 | 各パートの横方向の配置はleft またはcenter を推奨します( h1 ~ h6 タイトル1~タイトル6を表し、 content 本文を表します) |
メインマージン | 3% | コンテンツの両側の空白の割合 |
バナーURL | 「」 | 記事ヘッダーにある注意を促す画像の URL |
ポスターのURL | 「」 | 下部にポスター画像のQRコード/アドレス |
変換リスト | 真実 | テキスト内のリストを通常の段落に変換し、WeChat でリストの連番スタイルが正しく表示できない問題を修正します (WeChat のみ) |
ul_style | 「○」 | 順序なしリストを通常の段落に変換した後の各項目の前のシンボル識別 ( convert_list がtrue 場合のみ有効) |
自動アーカイブ | 「」 | 自動的にアーカイブするかどうか (変換後に元の.md ファイルをresult/archive ディレクトリに移動する) |
auto_rename | 間違い | 競合するファイル名の処理: 自動的に名前を変更するtrue 、前のファイルを上書きする場合はfalse |
述べる:
theme_color
変更することをお勧めします。残りはデフォルト構成を使用できます。convert_list
オプションを追加します。このオプションがtrue
の場合、本文内のすべてのリスト (コード ブロック内のコンテンツを除く) は、段落の先頭にシリアル番号が付いた通常の段落に変換されます。この場合、 styles.less
でリスト専用に設定されたスタイルは無効になることに注意してください。もっと良い方法がある場合は、問題を開いて私に知らせてください。 デフォルト スタイルの個々のスタイルをオーバーライドする場合は、 custom.css
自分で作成できます。これは、 default.css
後にインポートされます。
example.md
-> example.html
(htmlをダウンロードしてブラウザで開いてください)
パブリック アカウントの記事の例: WeChat パブリック アカウントの MarkDown 書式設定に関する完全ガイド
コンピューターに Python 環境がインストールされている場合は、スクリプトを直接実行できます。 Master ブランチから最新の安定バージョンを入手することをお勧めします。
Python 3.5.2 を使用して開発された CSS スタイルシートは、LESS を使用してコンパイルされます。 Python 3環境での使用を推奨します。
依存パッケージ: missune、premailer、lesscpy
依存関係をすばやくインストールします: pip install -r requirements.txt
直接実行: python maxpress.py
またはモジュールとしてインポートします。
import maxpress
maxpress.convert_all(archive=True, styles=None)
デフォルトのスタイルを完全に放棄してカスタム CSS スタイル シートを有効にしたい場合は、 styles
パラメーター (複数のリストの受け渡しをサポート) を介してカスタム CSS ファイル パスを渡し、 config.json
でスタイルを定義するために使用されるパラメーターを渡すことができます。は失敗しますcustom.css
すべてのカスタム スタイルシートの後にインポートされます。
スタイル付きリストを WeChat エディターに貼り付けると、形式が誤って失われる可能性があります (これは WeChat のバグのようです?) 現時点では、これは各li
要素に追加のspan
要素のパッケージ化スタイルを追加することで一時的に解決できます。ただし、スタイルをカスタマイズする場合、 li span
に設定したフォント サイズ、色などは上位レベルの要素とまったく同じにすることはできません。そうしないと、WeChat エディターに貼り付けたときに自動的に削除されます。
example.md
-> example.html
(htmlをダウンロードしてブラウザで開いてください)
デザインのアイデアといくつかのデフォルトのスタイルについては、以下を参照してください。
markdownhere.css
マサチューセッツ工科大学