# VuePress Plugin Separate pages

Separate pages plugin for VuePress 1.x

# What

This is a VuePress plugin which shows content of current header by hashtag from location

# Rules

There is exactly one basic rule to follow:

  • Header tags like h1, h2, h3, h4 (#, ##, ###, ####) should not be inside html elements, for example <div class="notranslate"><h2>Some header</h2></div> will not work

# Install

$ npm install vuepress-plugin-separate-pages

# or

$ yarn add vuepress-plugin-separate-pages

# Usage

Add separate-pages in your site config file.

See official docs on using a plugin

// .vuepress/config.js

module.exports = {
  plugins: [
    [ 'separate-pages' ]
  ]
}

# Options

See Plugin Option API official docs

alwaysVisibleBlocks - list of blocks described by css rules. These blocks will always be visible.

// .vuepress/config.js

module.exports = {
  plugins: [
    [ 'separate-pages', { alwaysVisibleBlocks: ['#disqus_thread'] } ]
  ]
}

# Reference

# License

MIT ©

Made with ❤️ by Ahmad Mostafa - @z3by