リンクカードの挿入について ​

挿入の手順 ​

このこのテンプレート環境では、リンクカードを簡単に挿入することができます。

やり方は次のとおりです。

1. リンクカードを挿入したいmdファイルの冒頭に次のように記述します。

    <script setup>
        import OGPComponent from '/.vitepress/components/ogp.vue'
</script>

    <script setup>
        import OGPComponent from '/.vitepress/components/ogp.vue'
</script>

2. リンクカードを挿入したいところに、次のように記述します。

<OGPComponent url="https://trap.jp/" />

<OGPComponent url="https://trap.jp/" />

3. これでリンクカードが挿入されます。

4. 例

リンクカードの挿入についての注意点 ​

この機能を利用する際には、次の点に注意してください。

• 一部のサイトでは、OGPのデータが表示されない場合があります。

• {fork_repository}-serverというshowcaseアプリを起動する必要があります。

詳しくは配信の仕方を参照してください。

また、具体的な設定はこのプロジェクトの設定も参考にしてください。