hexoサーバーの使い方 - ドラフトとライブロード

Question

私はhexoを使ってドラフトのブログ投稿を書いています。

hexo server --draft 

これは、ドラフトフォルダ内の変更を監視し、http://0.0.0.0:4000

で見ることができ、ドラフトの記事を生成し、問題がある、私はどのようにうまくいかないことができます。次のように私はhexoサーバを実行しています下書きを書く際にlive-reloadを使用してください。 livereloadで

私は

live-reload --port 9091 public/ 

呼び出して使用することは、私は、これは、livereloadがへの変更を探している動作しない理由を見ることができます

<script type="text/javascript" src="//localhost:9091"></script> 

のブラウザでJavaScriptの実装を使用しますパブリックフォルダ。サーバーがドラフトモードで実行されている場合、htmlで生成されたドラフトが格納されているフォルダがわかりません。私は自分のプロジェクト構造を検索しました。何か案は？

Answer 1

Hexo できプラン 'Browsersync-based 'プラグイン、' hexo-browsersync' を介してlive-reload様な機能。

実際にはhexo-livereloadプラグインもありますが、ネットはhexo-browsersync's NPMJS ratingで、Browsersync Hexo pluginが好きなようです。

クリストファー・マーティンのブログ記事 'Getting Started with the Hexo Blogging Framework' は、プラグインのインストールおよび使用、だけでなく、他の多くの役立つヒントを概説：

hexo-browsersyncプラグインをインストールするには：

$はhexo-をインストールNPM browsersync --save
$ hexoサーバー--draft --open #restartサーバー

は、これはおそらくOPの元の質問ベティに合うかもしれませんrより大きい。

Answer 2

--draftオプションの実装を見ると、Githubは、postプロセッサを_draftフォルダに拡張することのみを示しています。したがって、レンダリングされたファイルを置く場所は、公開された投稿を置く場所と同じです。

しかし、hexo serverは、質問で示唆されているようにpublicディレクトリに公開された投稿を保存しません。 publicディレクトリには、hexo generateコマンドのみが入力されます。実際、hexoサーバーは一時ファイルを即座にレンダリングするため、一時ファイルを保存しません。

私はlive-reloadがこのように動作しないと思います。

Answer 3

hexoサーバーは、パブリックバージョンではなくポストのソースバージョンを提供します。 livereloadを設定してソースフォルダを見ると、livereloadが機能します。ライブロードを設定することをお勧めします。これにより、処理前に1秒間以上の遅延が発生し、リロードが試行される前にオンザフライソースが生成されます。