一个易于使用但可完全配置的Vuepress社交共享插件。

支持的社交按钮：

• Facebook
• Line
• Reddit
• 电子邮件
• Skype
• Telegram
• Twitter
• 微博
• QQ
• 豆瓣
• WhatsApp的
• 或自定义社交按钮。

安装和下载：

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

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

基本用法：

1.在Vuepress中安装并注册插件。

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

2.自定义社交共享插件。

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

3.向插件添加更多社交网络。

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: 'admin@website.com',
        twitterUser: 'twitter',
        fallbackImage: 'social-share.png',
        autoQuote: true,
        isPlain: true,
        noGlobalSocialShare: true,
        extendsNetworks,
      },
    ],
  ],
}

---

官网：https://sns.goyfe.com/

演示：https://www.vue365.cn/code_demo.php?id=1244

GitHub下载：https://github.com/ntnyq/vuepress-plugin-social-share/archive/master.zip