Minimal Social Buttons For Vuepress

An easy-to-use yet fully configurable social sharing plugin For Vuepress.

Supported Social Buttons:

• Facebook
• Line
• Reddit
• Email
• Skype
• Telegram
• Twitter
• Weibo
• QQ
• Douban
• WhatsApp
• Or custom social buttons.

Basic Usage:

1. Install and register the plugin in the Vuepress.

module.exports = {
  plugins: ['social-share'],
}

2. Customize the social sharing plugin.

module.exports = {
  plugins: [
    [
      'social-share',
      {
        networks: ['twitter', 'facebook', 'reddit', 'telegram', 'email'],
        email: '[email protected]',
        twitterUser: 'twitter',
        fallbackImage: 'social-share.png',
        autoQuote: true,
        isPlain: true,
        noGlobalSocialShare: true
      },
    ],
  ],
}

3. Add more social networks to the plugin.

const extendsNetworks = {
  pinterest: {
    sharer: 'https://pinterest.com/pin/create/button/[email protected]&[email protected]&[email protected]',
    type: 'popup',
    icon: '/pinterest.png',
  },
  ...
}

module.exports = {
  plugins: [
    [
      'social-share',
      {
        networks: ['twitter', 'facebook', 'reddit', 'telegram', 'email'],
        email: '[email protected]',
        twitterUser: 'twitter',
        fallbackImage: 'social-share.png',
        autoQuote: true,
        isPlain: true,
        noGlobalSocialShare: true,
        extendsNetworks,
      },
    ],
  ],
}

Preview:

Changelog:

v2.0.0beta4 (05/05/2022)

• support vuepress v2

Download Details:

Author: ntnyq

Live Demo: https://sns.goyfe.com/demo/

Download Link: https://github.com/ntnyq/vuepress-plugin-social-share/archive/master.zip

Official Website: https://github.com/ntnyq/vuepress-plugin-social-share

Install & Download:

# Yarn
$ yarn add vuepress-plugin-social-share

# NPM
$ npm i vuepress-plugin-social-share --save