What does LiveReload do?

LiveReload monitors changes in the file system. As soon as you save a file, it is pre-processed as needed, and the browser is refreshed.

Elegant documentation is LiveReload ready. This feature saves a lot of time. Next time when you are writing or updating an article for Elegant documentation,

  1. just open a browser on one side of your monitor (or on secondary monitor)
  2. open URL of your article in the browser, for example http://localhost:9001/what-is-live-reload
  3. open the Markdown file of your article and start typing
  4. when you save the file, your markdown file will be compiled into HTML using Pelican, then your browser tab will reload automatically and show you the changes

There are two ways to get LiveReload working for Elegant documentation.

  1. Using gulp.js (Recommended)
  2. Using Pelican

Like this post? Share on: TwitterFacebookEmail


Talha Mansoor Avatar Talha Mansoor is the creator and lead developer of Elegant theme.