plugin-photos

Halo 2.0 的相册管理插件, 支持在 Console 进行管理以及为主题端提供 /photos 页面路由。

使用方式

下载，目前提供以下两个下载方式：
- GitHub Releases：访问 Releases 下载 Assets 中的 JAR 文件。
- Halo 应用市场：https://halo.run/store/apps/app-BmQJW
安装，插件安装和更新方式可参考：https://docs.halo.run/user-guide/plugins
安装完成之后，访问 Console 左侧的图库菜单项，即可进行管理。
前台访问地址为 /photos，需要注意的是，此插件需要主题提供模板（photos.html）才能访问 /photos。

开发环境

git clone git@github.com:halo-sigs/plugin-photos.git

# 或者当你 fork 之后

git clone git@github.com:{your_github_id}/plugin-photos.git

cd path/to/plugin-photos

# macOS / Linux
./gradlew pnpmInstall

# Windows
./gradlew.bat pnpmInstall

# macOS / Linux
./gradlew build

# Windows
./gradlew.bat build

修改 Halo 配置文件：

halo:
  plugin:
    runtime-mode: development
    classes-directories:
      - "build/classes"
      - "build/resources"
    lib-directories:
      - "libs"
    fixedPluginPath:
      - "/path/to/plugin-photos"

主题适配

目前此插件为主题端提供了 /photos 路由，模板为 photos.html，也提供了 Finder API，可以将图库列表渲染到任何地方。

模板变量

路由信息

模板路径：/templates/photos.html
访问路径：/photos

变量

photos

变量类型

List<#PhotoGroupVo>

示例

<th:block th:each="group : ${groups}">
    <h2 th:text="${group.spec.displayName}"></h2>
    <ul>
        <li th:each="photo : ${group.photos}">
            <img th:src="${photo.spec.url}" th:alt="${photo.spec.displayName}" width="280">
        </li>
    </ul>
</th:block>

Finder API

groupBy()

描述

获取全部分组内容。

参数

无

返回值

List<#PhotoGroupVo>

示例

<th:block th:each="group : ${photoFinder.groupBy()}">
    <h2 th:text="${group.spec.displayName}"></h2>
    <ul>
        <li th:each="photo : ${group.photos}">
            <img th:src="${photo.spec.url}" th:alt="${photo.spec.displayName}" width="280">
        </li>
    </ul>
</th:block>

listAll()

描述

获取全部图库内容。

参数

无

返回值

List<#PhotoVo>

示例

<ul>
    <li th:each="photo : ${photoFinder.listAll()}" style="display: inline;">
        <img th:src="${photo.spec.url}" th:alt="${photo.spec.displayName}" width="280">
    </li>
</ul>

listBy(group)

描述

根据分组获取图片列表。

参数

group: string - 图片分组名称, 对应 PhotoGroupVo.metadata.name

返回值

List<#PhotoVo>

示例

<ul>
    <li th:each="photo : ${photoFinder.listBy('photo-group-UEcvi')}" style="display: inline;">
        <img th:src="${photo.spec.url}" th:alt="${photo.spec.displayName}" width="280">
    </li>
</ul>

list(page, size)

描述

根据分页参数获取图片列表。

参数

page: int - 分页页码，从 1 开始
size: int - 分页条数

返回值

ListResult<PhotoVo>

示例

<th:block th:with="photos = ${photoFinder.list(1, 10)}">
    <ul>
        <li th:each="photo : ${photos.items}">
            <img th:src="${photo.spec.url}" th:alt="${photo.spec.displayName}" width="280">
        </li>
    </ul>
    <div>
        <span th:text="${photos.page}"></span>
    </div>
</th:block>

list(page, size, group)

描述

根据分页参数及图片所在组获取图片列表。

参数

page: int - 分页页码，从 1 开始
size: int - 分页条数
group: string - 图片分组名称, 对应 PhotoGroupVo.metadata.name

返回值