内蔵プレビューサーバの使用

Novaには、プレビューで使用するための内蔵HTTPサーバが含まれており、別の開発サーバを立ち上げることなく静的なHTMLウェブサイトを簡単に提供できます。このサーバは、HTTP 1.1、WebSocket、HTTPコンテンツ範囲リクエスト、コンテンツキャッシュヘッダ、およびコンテンツストリーミングリクエストをサポートしており、ほとんどの静的サイトが問題なく動作します。

NovaのHTTPサーバは、Markdownファイルを自動的にレンダリングして提供することもでき、Markdownドキュメントのフォーマットをリッチテキストビューで確認できます。Markdownプレビューでは、カスタムスタイルシートを指定することもでき、レンダリングの外観とレイアウトを制御できます。

基本的な使用法

デフォルトでは、Novaで作成するすべてのローカルプロジェクトは、内蔵HTTPサーバを使用するように設定されています。設定は不要です。ローカルプロジェクトでHTMLまたはMarkdownファイルを作成または開き、それをプレビューするように選択するだけで、Novaがローカルサーバを立ち上げます。

サーバが起動すると、Novaはローカルマシン上の空いているポートを自動的に選択して使用します 。最初のプレビューを開いた後、サーバはプロジェクトが閉じられるまでバックグラウンドで実行され続けます。

機能

内蔵プレビューサーバは、外部の開発サーバを使用する場合には提供されない、Novaとの多くの便利な統合を可能にします。例えば、内蔵HTTPサーバは、現在のページで使用されているJavaScriptやCSSなどの リンクされたファイル を検出できます。リンクされたファイルを編集すると、Novaは自動的にプレビューサーバに現在のページをリロードするように指示でき、スクリプトやスタイルを編集して変更が即座に反映されるのを確認できます。

Novaがファイルを保存する際に自動的にプレビューを更新する機能（外部の開発サーバを使用している場合でも利用可能）に加えて、内蔵HTTPサーバは、入力中にプレビューを自動的にリロードすることをサポートしています。これにより、まだディスクに保存されていない変更でも、サイトへの変更をライブで確認できます。この機能は 設定 > 書式 > 編集 > 入力後にプレビューを自動的に再読み込みする で有効にできます。

マークダウンのプレビュー

プレビューサーバを使用してMarkdownファイルを開くと、フォーマットが適用されたレンダリング済みのHTMLバージョンが自動的に提供されます。

マークダウンのフォーマットは、<h1>、<h2>、<ol>、<ul>、<blockquote> などの標準的なHTML要素に変換されます。Novaのデフォルトのスタイルに加えて **設定 > ワークスペース**でマークダウンプレビューのスタイル設定に使用するカスタムの .css ファイルを選択できます。

その他のオプション

Nova独自のプレビュータブに加えて、Mac上の他のどのウェブブラウザを使用しても、プレビューサーバから提供されるファイルにアクセスできます。プレビューメニューから目的のブラウザを選択するか、ブラウザを手動でサーバのURLに移動できます。（サーバのURLは、プレビュータブのアドレスバーにあります。）

プロジェクトメニュー > プロジェクト設定 > プレビューでは、プレビューサーバを設定するための高度なオプションもあります。サーバが使用するポートを手動で指定したり、ネットワーク上の他のデバイスからの接続を許可したりすることができます。これは、さまざまなデバイスでサイトをテストするのに便利です。

← 前へ プレビューの使用