mirror of
https://github.com/reonokiy/blog.nokiy.net.git
synced 2025-06-16 11:41:17 +02:00
docs: add video embedding instructions to the theme guide
This commit is contained in:
radishzzz
parent
818b98fcf1
commit
4b10e91f22
9 changed files with 155 additions and 30 deletions
|
|
@ -30,7 +30,7 @@ To create automatic figure captions, use the standard Markdown image syntax `![a
|
|||
|
||||
## Github Repository Cards
|
||||
|
||||
To create a Github repository card, use the double colon syntax `::github{repo="owner/repo"}`. Repository data is fetched from the GitHub API after the page loads.
|
||||
To create a Github repository card, use the double colon syntax `::github{repo="owner/repo"}`. Repository data is fetched in real-time from the GitHub API after the page loads.
|
||||
|
||||
### Syntax
|
||||
|
||||
|
|
@ -83,3 +83,23 @@ Advises about risks or negative outcomes of certain actions.
|
|||
:::note[YOUR CUSTOM TITLE]
|
||||
This is a note with a custom title.
|
||||
:::
|
||||
|
||||
## Videos
|
||||
|
||||
To embed videos, copy the embed code from YouTube or other video platforms and paste it into your markdown file. You don't need to keep the `width` and `height` parameters.
|
||||
|
||||
### Syntax
|
||||
|
||||
```html
|
||||
<!-- Youtube -->
|
||||
<iframe src="https://www.youtube.com/embed/9pP0pIgP2kE?si=Rlk4C4ltaVPHXZ80" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
|
||||
|
||||
<!-- Bilibili -->
|
||||
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=930327443&bvid=BV1sK4y1Z7KG&cid=329802177&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
|
||||
```
|
||||
|
||||
### Output
|
||||
|
||||
<iframe src="https://www.youtube.com/embed/9pP0pIgP2kE?si=Rlk4C4ltaVPHXZ80" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
|
||||
|
||||
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=930327443&bvid=BV1sK4y1Z7KG&cid=329802177&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@ Para crear leyendas automáticas para figuras, utilice la sintaxis estándar de
|
|||
|
||||
## Tarjetas de Repositorios de Github
|
||||
|
||||
Para crear una tarjeta de repositorio de Github, utilice la sintaxis de doble dos puntos `::github{repo="owner/repo"}`. Los datos del repositorio se obtienen de la API de GitHub después de que la página se carga.
|
||||
Para crear una tarjeta de repositorio de Github, utilice la sintaxis de doble dos puntos `::github{repo="owner/repo"}`. Los datos del repositorio se obtienen en tiempo real de la API de GitHub después de que la página se carga.
|
||||
|
||||
### Sintaxis
|
||||
|
||||
|
|
@ -83,3 +83,23 @@ Advierte sobre riesgos o resultados negativos de ciertas acciones.
|
|||
:::note[TÍTULO PERSONALIZADO]
|
||||
Esta es una nota con un título personalizado.
|
||||
:::
|
||||
|
||||
## Videos
|
||||
|
||||
Para incrustar videos, copie el código de inserción de YouTube u otras plataformas de video y péguelo en su archivo markdown. No necesita mantener los parámetros `width` y `height`.
|
||||
|
||||
### Sintaxis
|
||||
|
||||
```html
|
||||
<!-- Youtube -->
|
||||
<iframe src="https://www.youtube.com/embed/9pP0pIgP2kE?si=Rlk4C4ltaVPHXZ80" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
|
||||
|
||||
<!-- Bilibili -->
|
||||
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=930327443&bvid=BV1sK4y1Z7KG&cid=329802177&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
|
||||
```
|
||||
|
||||
### Resultado
|
||||
|
||||
<iframe src="https://www.youtube.com/embed/9pP0pIgP2kE?si=Rlk4C4ltaVPHXZ80" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
|
||||
|
||||
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=930327443&bvid=BV1sK4y1Z7KG&cid=329802177&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@ abbrlink: markdown-extended-features
|
|||
|
||||
## Githubリポジトリカード
|
||||
|
||||
二重コロン構文 `::github{repo="owner/repo"}` を使用すると、Githubリポジトリカードを作成できます。ページの読み込み後、GitHub APIからリポジトリデータが取得されます。
|
||||
二重コロン構文 `::github{repo="owner/repo"}` を使用すると、Githubリポジトリカードを作成できます。ページの読み込み後、GitHub APIからリアルタイムでリポジトリデータが取得されます。
|
||||
|
||||
### 構文
|
||||
|
||||
|
|
@ -83,3 +83,23 @@ GitHub構文 `> [!TYPE]` または三重コロン構文 `:::type` を使用し
|
|||
:::note[カスタムタイトル]
|
||||
カスタムタイトルのノート。
|
||||
:::
|
||||
|
||||
## 動画
|
||||
|
||||
YouTubeや他の動画プラットフォームから埋め込みコードを取得し、markdownファイルに貼り付けることで、動画を作成できます。`width`と`height`パラメータを保持する必要はありません。
|
||||
|
||||
### 構文
|
||||
|
||||
```html
|
||||
<!-- Youtube -->
|
||||
<iframe src="https://www.youtube.com/embed/9pP0pIgP2kE?si=Rlk4C4ltaVPHXZ80" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
|
||||
|
||||
<!-- Bilibili -->
|
||||
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=930327443&bvid=BV1sK4y1Z7KG&cid=329802177&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
|
||||
```
|
||||
|
||||
### 効果
|
||||
|
||||
<iframe src="https://www.youtube.com/embed/9pP0pIgP2kE?si=Rlk4C4ltaVPHXZ80" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
|
||||
|
||||
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=930327443&bvid=BV1sK4y1Z7KG&cid=329802177&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@ abbrlink: markdown-extended-features
|
|||
|
||||
## Карточки репозиториев Github
|
||||
|
||||
Для создания карточки репозитория Github используйте синтаксис с двойным двоеточием `::github{repo="owner/repo"}`. Данные репозитория загружаются из API GitHub после загрузки страницы.
|
||||
Для создания карточки репозитория Github используйте синтаксис с двойным двоеточием `::github{repo="owner/repo"}`. Данные репозитория в режиме реального времени загружаются из API GitHub после загрузки страницы.
|
||||
|
||||
### Синтаксис
|
||||
|
||||
|
|
@ -83,3 +83,23 @@ abbrlink: markdown-extended-features
|
|||
:::note[ПОЛЬЗОВАТЕЛЬСКИЙ ЗАГОЛОВОК]
|
||||
Это примечание с пользовательским заголовком.
|
||||
:::
|
||||
|
||||
## Видео
|
||||
|
||||
Для добавления видео скопируйте код для встраивания с YouTube или другой видеоплатформы и вставьте его в markdown файл. Не нужно сохранять параметры `width` и `height`.
|
||||
|
||||
### Синтаксис
|
||||
|
||||
```html
|
||||
<!-- Youtube -->
|
||||
<iframe src="https://www.youtube.com/embed/9pP0pIgP2kE?si=Rlk4C4ltaVPHXZ80" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
|
||||
|
||||
<!-- Bilibili -->
|
||||
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=930327443&bvid=BV1sK4y1Z7KG&cid=329802177&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
|
||||
```
|
||||
|
||||
### Результат
|
||||
|
||||
<iframe src="https://www.youtube.com/embed/9pP0pIgP2kE?si=Rlk4C4ltaVPHXZ80" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
|
||||
|
||||
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=930327443&bvid=BV1sK4y1Z7KG&cid=329802177&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@ abbrlink: markdown-extended-features
|
|||
|
||||
## Github 倉庫卡片
|
||||
|
||||
使用雙冒號語法 `::github{repo="owner/repo"}`，即可創建 Github 倉庫卡片。在頁面載入後，從 GitHub API 中獲取倉庫數據。
|
||||
使用雙冒號語法 `::github{repo="owner/repo"}`，即可創建 Github 倉庫卡片。在頁面載入後，從 GitHub API 中即時獲取倉庫數據。
|
||||
|
||||
### 語法
|
||||
|
||||
|
|
@ -83,3 +83,23 @@ abbrlink: markdown-extended-features
|
|||
:::note[自定義標題]
|
||||
自定義標題的提示塊。
|
||||
:::
|
||||
|
||||
## 視頻
|
||||
|
||||
從 YouTube 或其它視頻平台獲取嵌入代碼，並粘貼至 markdown 文件中，即可創建視頻。不需要保留 `width` 和 `height` 參數。
|
||||
|
||||
### 語法
|
||||
|
||||
```html
|
||||
<!-- Youtube -->
|
||||
<iframe src="https://www.youtube.com/embed/9pP0pIgP2kE?si=Rlk4C4ltaVPHXZ80" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
|
||||
|
||||
<!-- Bilibili -->
|
||||
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=930327443&bvid=BV1sK4y1Z7KG&cid=329802177&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
|
||||
```
|
||||
|
||||
### 效果
|
||||
|
||||
<iframe src="https://www.youtube.com/embed/9pP0pIgP2kE?si=Rlk4C4ltaVPHXZ80" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
|
||||
|
||||
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=930327443&bvid=BV1sK4y1Z7KG&cid=329802177&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@ abbrlink: markdown-extended-features
|
|||
|
||||
## Github 仓库卡片
|
||||
|
||||
使用双冒号语法 `::github{repo="owner/repo"}`，即可创建 Github 仓库卡片。在页面加载后，从 GitHub API 中获取仓库数据。
|
||||
使用双冒号语法 `::github{repo="owner/repo"}`，即可创建 Github 仓库卡片。在页面加载后，从 GitHub API 中实时获取仓库数据。
|
||||
|
||||
### 语法
|
||||
|
||||
|
|
@ -84,6 +84,26 @@ abbrlink: markdown-extended-features
|
|||
自定义标题的提示块。
|
||||
:::
|
||||
|
||||
## 视频
|
||||
|
||||
从 YouTube 或其它视频平台获取嵌入代码，并粘贴至 markdown 文件中，即可创建视频。不需要保留 `width` 和 `height` 参数。
|
||||
|
||||
### 语法
|
||||
|
||||
```html
|
||||
<!-- Youtube -->
|
||||
<iframe src="https://www.youtube.com/embed/9pP0pIgP2kE?si=Rlk4C4ltaVPHXZ80" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
|
||||
|
||||
<!-- Bilibili -->
|
||||
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=930327443&bvid=BV1sK4y1Z7KG&cid=329802177&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
|
||||
```
|
||||
|
||||
### 效果
|
||||
|
||||
<iframe src="https://www.youtube.com/embed/9pP0pIgP2kE?si=Rlk4C4ltaVPHXZ80" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
|
||||
|
||||
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=930327443&bvid=BV1sK4y1Z7KG&cid=329802177&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
|
||||
|
||||
<!-- <details>
|
||||
<summary>
|
||||
我有钥匙却无门，有空间却无房间。你能进入却无法离开。我是什么？
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue