有想法把所有的照片分类归集到这个网站，然后通过标签与硬盘匹配，这样方便今后数据查找，这是个大工程，前提是需要一个适合展示照片的模板。

AI当道，现在的教程越来越少了，感觉技术博主也懒得写一些教程，同时人们也没有耐心去翻阅，Z-Blog的技术文档我也没找到官方的，找一点存一点吧！目前的需求，是修改分类和文章页的模板

开始干活

最简单的开始，分类模板到底在哪啊！

找到了，将这个模板的index.php和single.php复制一份，加入另外的名字（好记），然后在分类里就可以选择了！

分类页面

因为已经有了顶部的导航栏，就把侧边的导航全部去掉，这样方便容纳更多的图片，然后使用Gride布局，目前主要响应PC端，移动端后面再说。

两个JS库选择下，想着一个页面，多图就全部缩略，然后点击放大看，这里有一个问题，一个是上传没有图片缩略图的压缩功能，都是原图缩放，比较消耗流量，影响速度；一个是文章没有专属的图片文章，所以获取图片列表基本不可能了，这样给写前端带来了很多麻烦

PhotoSwipe

功能全面的响应式图片预览库，支持触摸滑动、缩放、全屏展示，以及图片组浏览。支持移动设备和桌面端，自定义性强，适合需要高级交互的相册或产品展示场景。

FancyBox

轻量级且美观的弹出式图片预览库，支持多图画廊、自动播放、缩略图导航，以及视频内容。提供丰富的动画效果和主题，易于集成到各类网站中。

Z-Blog所有调用标签：（附加中文解译）

这里可以访问官方文档

1. `$zbp->Config('system')->SITENAME`：调用网站名称

2. `$zbp->GetCategoryList()`：调用分类列表

3. `$cate->Url` 和 `$cate->Name`：调用分类链接和分类名称

4. `$zbp->GetArticleList(null, null, null, null, null, false)`：调用文章列表

5. `$article->Url` 和 `$article->Title`：调用文章链接和文章标题

文章相关标签

  {$article->ID}  ：文章 ID

  {$article->Title}  ：文章标题

  {$article->Intro}  ：文章简介

  {$article->Content}  ：文章正文内容

  {$article->Author->Name}  ：文章作者名称

  {$article->Author->StaticName}  ：文章作者静态名称

  {$article->Author->Email}  ：文章作者电子邮件地址

  {$article->Author->HomePage}  ：文章作者主页链接

  {$article->PostTime}  ：文章发布时间

  {$article->Year}  ：文章发布年份

  {$article->Month}  ：文章发布月份

  {$article->Day}  ：文章发布日期

  {$article->Tags}  ：文章标签

  {$article->Category->Name}  ：文章所属分类名称

  {$article->Category->Url}  ：文章所属分类链接

  {$article->ViewNums}  ：文章浏览次数

  {$article->CommNums}  ：文章评论数目

  {$article->Template}  ：文章使用的模板文件名

  {$article->Type}  ：文章类型

  {$article->Status}  ：文章状态

  {$article->Alias}  ：文章别名

  {$article->IsTop}  ：是否置顶

  {$article->IsLock}  ：是否锁定

  {$article->Metas}  ：文章自定义元数据

分类相关标签

  {$category->ID}  ：分类 ID

  {$category->Name}  ：分类名称

  {$category->Count}  ：分类下文章数量

  {$category->Alias}  ：分类别名

  {$category->Intro}  ：分类描述

  {$category->Order}  ：分类排序值

  {$category->Template}  ：分类使用的模板文件名

  {$category->Url}  ：分类链接

评论相关标签

  {$comment->ID}  ：评论 ID

  {$comment->Author}  ：评论作者名称

  {$comment->Content}  ：评论内容

  {$comment->PostTime}  ：评论发布时间

  {$comment->Ip}  ：评论 IP 地址

  {$comment->Email}  ：评论作者电子邮件地址

  {$comment->HomePage}  ：评论作者主页链接

  {$comment->ParentID}  ：父评论 ID

  {$comment->RootID}  ：顶级评论 ID

  {$comment->Level}  ：评论层级

  {$comment->IsChecking}  ：是否待审核

  {$comment->Type}  ：评论类型

  {$comment->AuthorID}  ：评论作者 ID

站点相关标签

  {$zbp->Config('system')->SITENAME}  ：网站名称

  {$zbp->Config('system')->SITEURL}  ：网站链接

  {$zbp->Config('system')->SubName}  ：网站副标题

相关语法

1. {if ...}{/if}：条件语句标签，用于判断某个条件是否成立

2. {foreach ...}{/foreach}：循环语句标签，用于遍历一个数组或对象

3. {php ...}：PHP 代码标签，可以在模板中嵌入一些 PHP 代码

4. {php_echo ...}：PHP 输出语句标签，可以在模板中输出 PHP 代码的执行结果

5. {date ...}：日期格式化标签，用于格式化日期和时间

6. {phpok ...}：PHP 变量输出标签，用于输出 PHP 变量的值

7. {phpok_echo ...}：PHP 变量输出语句标签，用于输出 PHP 变量的值

8. {zotop ...}{/zotop}：Zotop 标签，用于调用 Zotop 框架提供的一些功能

9. {header ...}：HTTP 头部输出标签，用于输出 HTTP 头部信息

10. {footer ...}：页脚输出标签，用于输出页面底部信息

11. {blog ...}{/blog}：博客相关标签，用于输出博客相关信息

12. {category ...}{/category}：分类相关标签，用于输出分类相关信息

13. {module ...}{/module}：模块相关标签，用于输出模块相关信息

14. {page ...}{/page}：页面相关标签，用于输出页面相关信息

15. {comment ...}{/comment}：评论相关标签，用于输出评论相关信息

16. {search ...}{/search}：搜索相关标签，用于输出搜索相关信息

17. {user ...}{/user}：用户相关标签，用于输出用户相关信息

18. {favorite ...}{/favorite}：收藏相关标签，用于输出收藏相关信息

19. {tag ...}{/tag}：标签相关标签，用于输出标签相关信息

20. {module_catalog ...}：模块分类标签，用于输出模块分类相关信息