JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 7
  • Score
    100M100P100Q53820F
  • License MIT

VuePress plugin for generating open graph meta tags

Package Exports

  • vuepress-plugin-open-graph

Readme

vuepress-plugin-open-graph

VuePress

Version Downloads

VuePress v2 plugin for generating open graph meta tags to improve SEO.

Installation

npm install --save vuepress-plugin-open-graph

Usage

Add plugin to your VuePress config:

import { openGraphPlugin } from 'vuepress-plugin-open-graph'

export default {
  plugins: [
    openGraphPlugin({
      /* options */
    }),
  ],
}

That's all. Just use frontmatter options in your Markdown files:

---
title: Post title
description: Post description
date: Post publish date
image: URL to post preview
---

Options

host

  • Type: string

  • Required: true

  • Details:

    The domain name where the current site is deployed, the plugin needs this option to work.

defaultImage

  • Type: string

  • Required: false

  • Details:

    Link to default open graph image. This image will be used unless otherwise specified.

twitterCard

  • Type: 'summary' | 'summary_large_image'

  • Required: false

  • Details:

    Twitter card type for a beautiful visual display of the tweet with post link. Read more.

twitterSite

  • Type: string

  • Required: false

  • Details:

    Twitter username of your website.

Contribution

See Contribution guide.