← ブログに戻る
製品アップデート

テーマストアがオープン:すべてのライターに専用テーマを

Mark.build テーマストアがオープンしました。12種類の手作りテーマを探索し、Theme Studioでオリジナルテーマをデザインして、美しい記事を公開しましょう。


Mark.buildをローンチしたとき、私たちはある確信を持っていました:ライターは「クリーンな執筆体験」と「美しい公開結果」のどちらかを選ぶべきではない。そのコンセプトを実証しました——Markdownで書き、ピクセルパーフェクトなHTMLに書き出し、テーマを即座に切り替える。今回のアップデートはそれをさらに先へ進めます。

今回の新機能

テーマストア

テーマストアには、テクニカルブログ、学術論文、マガジン、ミニマリストライティングなど12種類の手作りテーマが揃っています。すべてのテーマはライトモードとダークモードの両方を定義し、WCAG AAコントラストチェックに自動的に合格します。12種類のテーマはすべて無料でご利用いただけます。すべての書き出しは透かしなしです。

テーマはDesign Tokenシステム上に構築されています——3層のToken(Primitive → Semantic → Component)が、すべてのレンダリング要素——見出し、コードブロック、Mermaidダイアグラム、KaTeX数式、テーブル、引用ブロック——を単一のまとまったパレットに結びつけます。テーマを切り替えると、CodeMirrorエディター自体を含むすべてが一度に更新されます。

Theme Studio

パワーユーザーは /theme-studio を開いてゼロからテーマをデザインできるようになりました。3カラムレイアウトで、左側でTokenを編集し、中央でMarkdownプレビューをリアルタイムに確認し、右側でWCAGコントラストレポートを確認できます。すべての変更は即座に反映されます——ビルドステップもリロードも不要です。

満足したら、CSS変数ブロックをコピーするか、ファイルとして書き出してください。

エディターの改善

  • 検索と置換Ctrl+H(または ⌘H)を押すとエディター内に検索パネルが開きます。正規表現、大文字小文字の区別、完全単語マッチングをサポートしています。
  • ドキュメントアウトライン — 折りたたみ可能な目次パネルが見出しをリアルタイムで解析し、クリックで任意のセクションにジャンプできます。
  • ドラッグ&ドロップインポート.md.docx.pdf.html ファイルをエディターにドロップすると即座にインポートできます。
  • プレーンテキスト貼り付けCtrl+Shift+V でクリップボードのコンテンツからリッチテキスト書式を除去してから挿入します。
  • 書式のクリア — 新しいツールバーボタンで、選択したテキストから太字、斜体、取り消し線、インラインコードをワンクリックで削除できます。
  • 自動保存ステータス — ステータスバーに「保存中…」と「保存済み」が表示され、ドキュメントの状態を常に把握できます。

書き出しの改善

  • HTML書き出しでMermaidダイアグラムをサポート — 書き出したHTMLファイルにはプレースホルダーdivの代わりにレンダリング済みSVGが含まれます。出力ファイルにJavaScriptは不要です。
  • 画像書き出しプリセット — 画像書き出しダイアログでレンダリングをトリガーする前に選択ステップが表示されるようになりました。WeChat長画像、OGカバー、正方形、Xiaohongshu縦型のプリセットから選択できます。

ドキュメント管理

  • サイドバーのドキュメントタイトルをダブルクリックすると、インラインで名前を変更できます。
  • サイドバー上部の検索バーで、入力しながらドキュメントを名前でフィルタリングできます。
  • ステータスバーに推定読み時間と語数が表示されます。

Design Tokenシステム——なぜ重要なのか

ほとんどのMarkdownエディターはテーマの変更をスタイルシートの入れ替えとして扱います。私たちはそれを型システムとして捉えています。すべての視覚的プロパティ——見出しの色、コードブロックの角丸、Mermaidノードの背景——は名前付きTokenです。テーマはそれらのTokenに値を宣言し、コンポーネントがそれを消費します。結果として、一つの要素もスタイルが漏れないテーマが実現します。

同じTokenセットが使用場所に応じて異なるターゲットにコンパイルされます:ライブエディターにはCSSカスタムプロパティ、クリップボード書き出しにはインライン style 属性(WeChatやメールクライアントが正しい色を見られるよう)、Mermaidには themeVariables

次のステップ

近日公開:macOS向けTauriデスクトップアプリ——ローカルファイル管理、オフラインファースト、10MB未満のインストールサイズ。WYSIWYG編集モードとWeChat公式アカウントへのワンクリック投稿もロードマップに含まれています。

早期からご支援いただきありがとうございます。


エディターを試す → · Theme Studioを開く → · テーマを見る →