Sublime Text を Markdown Editor として使用する_html/css_WEB-ITnose

Sublime Text 3 は、多くの拡張機能を備えた優れたテキスト エディターです。これらのプラグインを使用して、Sublime Text に拡張機能を追加できます。ここでは 2 つのプラグインを使用して、Sublime Text 3 を Markdown エディターに変換します。

1. Markdown Editing プラグインと Markdown Preview プラグインをインストールします

プラグインのインストールには Package Control を使用します (Sublime Text 3 が Package Control をインストールしていない場合は、こちらを参照してください: Package Control のインストール)。 [環境設定] をクリックし、[パッケージ コントロール: install] を選択し、プラグイン ライブラリで Markdown Editing と Markdown Preview を選択してインストールします。次に、Sublime Text 3 を再起動し、接尾辞 md が付いたファイルを作成し、Markdown ファイルの編集を開始します。マークダウン編集では、図に示すようにマークダウン形式が強調表示されます。

2. Markdown プレビューを使用して HTML を生成します

Shift + Ctrl + P を入力して Markdown プレビューに入ると、次のオプションが表示されます。

パス オプションを指定すると、生成された HTML の効果をブラウザーでプレビューしたり、保存したり、生成された HTML ファイルをエクスポートしたりできます。ここで、最初のオプションである [ブラウザーでプレビュー] を選択し、HTML を生成する CSS テンプレートを選択します。生成された HTML をブラウザーで確認できます。

カスタマイズされたショートカット キー

ブラウザで効果を直接プレビューしたい場合は、ショートカット キーをカスタマイズできます: [環境設定] --> [キー バインド ユーザーの選択] をクリックし、次のように入力します:

"keys": ["alt+m"], "command": "markdown_preview", "args": { "target": "browser"} 

保存後、ショートカット キーを直接入力します: Alt + M を使用して、生成された HTML ファイルをブラウザで直接プレビューします。

構文の強調表示と mathjax のサポートを設定します

環境設定 -> パッケージ設定 -> マークダウン プレビュー -> デフォルト設定: 2 つの false を true に変更します。

追記

このエディターも非常に使いやすいですが、Table などの拡張構文をサポートする場合は、Atom エディターも組み込まれているので、それを使用する必要があります。 in（プラグイン）はMarkdownに対応していますが、そのアーキテクチャ上、特にSSD以外のハードディスクを搭載したマシンでは起動速度が遅くなるため、Sublimeをメインエディタ（コードスニペットを書く）として使うことが多い私にとっては、ようやく私は依然として、Markdown エディターとして Sublime を使用することを選択しました。