Plugin

With the help of Plugin API, VuePress plugin can provide different features for you.

Community Plugin

Community users have created lots of plugins and published them to NPMopen in new window. VuePress team also maintains some official plugins under the @vuepressopen in new window scope. You should check the plugin's own documentation for detailed guide.

In general, you need to include the plugin in the plugins option to use it. For example, use the @vuepress/plugin-google-analytics to integrate Google Analytics:

const { googleAnalyticsPlugin } = require('@vuepress/plugin-google-analytics')

module.exports = {
  plugins: [
    googleAnalyticsPlugin({
      id: 'G-XXXXXXXXXX'
    }),
  ],
}

TIP

Most plugins can only be used once. If the same plugin is used multiple times, only the last one will take effect.

However, some plugins can be used multiple times (e.g. @vuepress/plugin-container), and you should check the documentation of the plugin itself for detailed guide.

Local Plugin

If you want to use your own plugin but don't want to publish it, you can create a local plugin.

It is recommended to use the Config File directly as a plugin, because almost all of the Plugin APIs are available, which would be more convenient in most cases.

But if you have too many things to do in your config file, you can consider to extract them into separate plugins, and use them in your config file:

const myPlugin = require('./path/to/my-plugin.js')

module.exports = {
  plugins: [
    myPlugin(),
  ],
}

You can refer to Advanced > Writing a Plugin for how to write your own plugin.