JimmyandGitHub
211bf65153
* demo: add image-gallery post * demo: change language weight * demo: add multilanguage about page * demo: change title and url * demo: add shortcode documentation with multi-language support * demo: improve markdown guide post * demo: improve Math Typesetting post * demo: rename Markdown Syntax Guide post * demo: remove emoji support post * demo: remove placeholder text post * demo: remove rich-content post * demo: rename image gallery page bundle * demo: add multilingual `Documentation` category * demo: Increase pagination pager size from 3 to 5. * demo: add multilingual links, search, and archives pages * demo: remove `ar` from demosite
42 lines
1.2 KiB
Markdown
42 lines
1.2 KiB
Markdown
---
|
|
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/)
|