Social Sharing Buttons Plugin for VuePress

Vuepress Social Sharing is an easy-to-use and fully configurable social sharing plugin for Vuepress.

vue js social icons, vue social sharing, mdb vue button, vue social login, vue js social media, vue social sharing example

Supported Social Buttons:

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

Create Custom Social Sharing Buttons | C Share Plugin

How to make use of it:

Install and download:

# Yarn
$ yarn add vuepress-plugin-social-share
# NPM
$ npm i vuepress-plugin-social-share --save

1. Install and register the plugin in Vuepress.

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

2. Customize the plugin for social sharing.

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/?url=@url&media=@media&description=@title',
    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,
      },
    ],
  ],
}

Minimal Social Buttons, vuepress plugin social share Plugin/Github