title: How to use hexo server --draft and Livereload
body: <p>I am writing draft blog posts using hexo. I am running the hexo server as follows:</p>
  
  <pre><code>hexo server --draft
  </code></pre>
  
  <p>This watches for changes in the draft folder and generates the draft posts which can be viewed at <a href="http://0.0.0.0:4000" rel="nofollow">http://0.0.0.0:4000</a></p>
  
  <p>The problem is I can't work out how to use <a href="http://livereload.com" rel="nofollow">live-reload</a> while writing drafts.</p>
  
  <p>With livereload I call</p>
  
  <pre><code>live-reload --port 9091 public/
  </code></pre>
  
  <p>And use use the javascript implementation with the browser</p>
  
  <pre><code>&lt;script type="text/javascript" src="//localhost:9091"&gt;&lt;/script&gt; 
  </code></pre>
  
  <p>I can see why this doesn't work, live-reload is looking for changes to the public folder. With the server running in draft mode, I don't know what folder the html generated drafts are being stored in. I've searched my project structure and can't seem to see anything obvious. Any ideas?</p>