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/)
|