Minimal Social Buttons For Vuepress

Description:

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:

Minimal Social Buttons For Vuepress

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

You Might Be Interested In:

Add Comment