Rendezvous-Tokyo
はろー in Tokyo

vuepress-plugin-seo@0.2.0はvuepress1では動かん。OGP設定したかっただけなのに。

Vuepress

0.2.0 動かん。

しかたなしに "vuepress-plugin-seo": "^0.1.4", にバージョン下げてインストール。

設定

config.jsの書き方はGithub (opens new window)を参照

module.exports = {
  plugins: [
    [
      "seo",
      {
        siteTitle: (_, $site) => $site.title,
        description: ($page, $site) =>
          $page.frontmatter.description ||
          ($page.excerpt && $page.excerpt.replace(/<("[^"]*"|'[^']*'|[^'">])*>/g, "")) ||
          $site.description ||
          "",
        author: (_, $site) => $site.themeConfig.author,
        tags: ($page) => $page.frontmatter.tags,
        title: ($page, $site) => $page.title || $site.title,
        twitterCard: (_) => "summary",
        image: ($page, $site) =>
          $page.frontmatter.image &&
          (($site.themeConfig.domain && !$page.frontmatter.image.startsWith("http")) || "") +
            $page.frontmatter.image,
      },
    ],
    ...

}

結果

<head>を覗くと og:title やらが出力されるようになりました。
結果1

適当にLINEメッセージなどにページURLを送信すると
結果2

ちゃんと表示されますね。

（descriptionでフリーランスと言ってるが、既に起業してるから更新しないとな・・・）

以上。