fix: inline stack theme
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
@@ -0,0 +1,41 @@
|
||||
---
|
||||
title: 写真ギャラリー
|
||||
description: 内蔵の写真ギャラリー機能を披露
|
||||
date: 2026-01-26
|
||||
slug: image-gallery
|
||||
image: helena-hertz-wWZzXlDpMog-unsplash.jpg
|
||||
categories:
|
||||
- Documentation
|
||||
tags:
|
||||
- Gallery
|
||||
- Photoswipe
|
||||
toc: false
|
||||
---
|
||||
|
||||
Stack テーマには、写真ギャラリー機能が内蔵されています。複数の画像を並べて配置するだけで、美しいギャラリーを作成できます。
|
||||
|
||||
## ギャラリーの例
|
||||
|
||||
 
|
||||
|
||||
 
|
||||
|
||||
## 仕組み
|
||||
|
||||
ギャラリーは **Photoswipe** と独自の内部スクリプトによって動作します。画像の縦横比に基づいて、最適なレイアウトが自動的に計算されます。
|
||||
|
||||
ギャラリーを作成するには、同じ行（または同じ段落）に複数の画像を配置するだけです。
|
||||
|
||||
### 構文
|
||||
|
||||
```markdown
|
||||
 
|
||||
|
||||
 
|
||||
```
|
||||
|
||||
> **注意**: Markdown で画像が同じ行に保持されるように、画像の間には 2 つのスペースを入れる必要があります。
|
||||
|
||||
---
|
||||
|
||||
ギャラリーの構文は [Typlog](https://typlog.com/) にインスパイアされています。
|
||||
@@ -0,0 +1,42 @@
|
||||
---
|
||||
title: Image Gallery
|
||||
description: Showcasing the built-in image gallery support
|
||||
date: 2026-01-26
|
||||
slug: image-gallery
|
||||
image: helena-hertz-wWZzXlDpMog-unsplash.jpg
|
||||
categories:
|
||||
- Documentation
|
||||
tags:
|
||||
- Gallery
|
||||
- Photoswipe
|
||||
toc: false
|
||||
---
|
||||
|
||||
Stack theme has a built-in support for image galleries. It allows you to create a beautiful gallery by simply placing multiple images side-by-side.
|
||||
|
||||
## Sample Gallery
|
||||
|
||||
 
|
||||
|
||||
 
|
||||
|
||||
## How it works
|
||||
|
||||
The gallery is powered by **Photoswipe** and a custom internal script. It automatically calculates the best layout for your images based on their aspect ratios.
|
||||
|
||||
To create a gallery, you just need to put multiple images in the same line (or paragraph).
|
||||
|
||||
### Syntax
|
||||
|
||||
```markdown
|
||||
 
|
||||
|
||||
 
|
||||
```
|
||||
|
||||
> **Note**: There should be two spaces between the images to ensure they stay in the same line in Markdown
|
||||
|
||||
---
|
||||
|
||||
Gallery Syntax inspired by [Typlog](https://typlog.com/)
|
||||
|
||||
@@ -0,0 +1,41 @@
|
||||
---
|
||||
title: 相簿
|
||||
description: 展示內置的相簿支持
|
||||
date: 2026-01-26
|
||||
slug: image-gallery
|
||||
image: helena-hertz-wWZzXlDpMog-unsplash.jpg
|
||||
categories:
|
||||
- Documentation
|
||||
tags:
|
||||
- Gallery
|
||||
- Photoswipe
|
||||
toc: false
|
||||
---
|
||||
|
||||
Stack 主題內置了對相簿的支持。你只需要簡單地將多張圖片並排放置，就可以創建一個精美的相簿。
|
||||
|
||||
## 示例相簿
|
||||
|
||||
 
|
||||
|
||||
 
|
||||
|
||||
## 它是如何工作的
|
||||
|
||||
相簿由 **Photoswipe** 和一個自定義的內部腳本驅動。它會根據圖片的寬高比自動計算出最佳佈局。
|
||||
|
||||
要創建一個相簿，你只需要將多張圖片放在同一行（或同一個段落）中。
|
||||
|
||||
### 語法
|
||||
|
||||
```markdown
|
||||
 
|
||||
|
||||
 
|
||||
```
|
||||
|
||||
> **注意**: 圖片之間應該有兩個空格，以確保它們在 Markdown 中保持在同一行。
|
||||
|
||||
---
|
||||
|
||||
相簿語法啟發自 [Typlog](https://typlog.com/)
|
||||
@@ -0,0 +1,41 @@
|
||||
---
|
||||
title: 相册
|
||||
description: 展示内置的相册支持
|
||||
date: 2026-01-26
|
||||
slug: image-gallery
|
||||
image: helena-hertz-wWZzXlDpMog-unsplash.jpg
|
||||
categories:
|
||||
- Documentation
|
||||
tags:
|
||||
- Gallery
|
||||
- Photoswipe
|
||||
toc: false
|
||||
---
|
||||
|
||||
Stack 主题内置了对相册的支持。你只需要简单地将多张图片并排放置，就可以创建一个精美的相册。
|
||||
|
||||
## 示例相册
|
||||
|
||||
 
|
||||
|
||||
 
|
||||
|
||||
## 它是如何工作的
|
||||
|
||||
相册由 **Photoswipe** 和一个自定义的内部脚本驱动。它会根据图片的宽高比自动计算出最佳布局。
|
||||
|
||||
要创建一个相册，你只需要将多张图片放在同一行（或同一个段落）中。
|
||||
|
||||
### 语法
|
||||
|
||||
```markdown
|
||||
 
|
||||
|
||||
 
|
||||
```
|
||||
|
||||
> **注意**: 图片之间应该有两个空格，以确保它们在 Markdown 中保持在同一行。
|
||||
|
||||
---
|
||||
|
||||
相册语法启发自 [Typlog](https://typlog.com/)
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
Reference in New Issue
Block a user