blob: 9bffca8a692f52e789842c460f7a4f4eec3191b0 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
---
title: "リッチコンテンツ"
date: 2019-03-10
description: "Hugo ショートコードの簡単な説明"
summary: "This is an _example_ of a **rich** content summary."
tags: ["shortcodes", "privacy", "sample", "gist", "twitter", "youtube", "vimeo"]
type: 'sample'
---
Hugo には、リッチコンテンツのためのいくつかの[組み込みショートコード](https://gohugo.io/content-management/shortcodes/#use-hugos-built-in-shortcodes)と[プライバシー設定](https://gohugo.io/about/hugo-and-gdpr/)、そして様々なソーシャルメディアの埋め込みを静的に、 JS なしで可能にする _simple shortcodes_ のセットが同梱されています。
## YouTube
下記のものは `youtube` ショートコードの組み込みを利用した例です。
{{< youtube ZJthWmvUzzc >}}
## Twitter
この例はツイートを `twitter_simple` ショートコードを利用して出力しています。こちらは `user` と `id` の二つのパラメータを必須としています。
{{< twitter_simple user="DesignReviewed" id="1085870671291310081" >}}
代わりとして、 `tweet` ショートコードが完全にマークアップされた Twitter カードの埋め込みに利用できます、
## Gist
`gist` ショートコードは GitHub Gist の埋め込みに利用できます。こちらは Gist のユーザー名と ID の二つのパラメータを必須としています。
{{< gist nunocoracao 2779792841f7ffa7c7e62dc4d38626d4 >}}
## Vimeo
`vimeo_simple` ショートコードは Vimeo 動画を埋め込むことができます。
{{< vimeo_simple 48912912 >}}
|
