首页 公告 项目 RSS

博客添加twitter摘要卡片

May 10, 2023 本文有 237 个字 需要花费 1 分钟阅读

简介

昨天发现分享到twitter的链接都是长url,很不美观,看了一下,具体文档在下面

https://developer.twitter.com/en/docs/twitter-for-websites/cards/guides/getting-started

操作

只要在html头部加入下面这些就好了

    <!-- Start of Twitter -->
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@bboysoulcn" />
    <meta name="twitter:creator" content="@bboysoulcn" />
    <meta property="og:url" content="{{ .Permalink }}" />
    <meta property="og:title" content="{{ .Title }}" />
    <meta property="og:description" content="{{ .Summary }}" />
    <meta property="og:image" content="https://www.bboy.app/oss/head.png" />
    <!-- End of Twitter -->

twitter 开头的都是twitter专属的标签
og 开头的是Open Graph 标签
twitter 标签是基于与 Open Graph 协议相同的约定

  • twitter:card 定义的是卡片类型
  • twitter:site 卡片页脚中使用的网站的@username
  • twitter:creator 内容创建者
  • og:url 文章的url
  • og:title 文章的标题
  • og:description 文章的描述
  • og:image 文章的图片

欢迎关注我的博客www.bboy.app

Have Fun