Back
Featured image of post 树洞外链自定义页面-画廊 安装说明

树洞外链自定义页面-画廊 安装说明

树洞外链从2.4版本起加入自定义页面机制,用户可以根据当前模板开发自己的页面。本次将以一个最新的第三方页面 - 画廊为例 ,讲讲添加自定义页面的方法。 先来个演示:http://yun.aoaoao.me/demo/views/pages.php?id=gallery

**注:**画廊页面将会列出所有用户上传的文件,不管是不是公开。所以本页面并不适用于一些私密性图床。

1.下载

下载地址:http://yun.aoaoao.me/demo/f.php?k=1931a 下载后解压到主题目录下的pages目录下,以material为例,把所有文件解压到/content/themes/material/pages/下。如果你的主题没有该目录,请新建一个。

2.配置

树洞外链的每一个自定义页面都要在config.json中注册。打开pages目录下的config.json文件(没有请新建一个)。以material主题为例,内容如下:

    [
        {
            "id": "explore",
            "file": "shares"
        },{
            "id": "exsplore",
            "file": "shares"
        },{
            "id": "exsddplore",
            "file": "shares"
        },{
            "id": "exsdddplore",
            "file": "shares"
        }
    ]

这里共注册了4个页面,第一个就是“文件广场”,标示为explore,页面文件为shares.php,访问该页面时程序会引入pages目录下的shares.php文件。其他四个是测试时留下的。我们在后面添加一项,id为gallery,页面文件名为gallery。如下:

    [
        {
            "id": "explore",
            "file": "shares"
        },{
            "id": "exsplore",
            "file": "shares"
        },{
            "id": "exsddplore",
            "file": "shares"
        },{
            "id": "exsdddplore",
            "file": "shares"
        },{
            "id": "gallery",
            "file": "gallery"
        }
    ]

保存后访问http://您的域名/views/pages.php?id=gallery,测试能否正常显示。

3.修改

我们要在导航条上添加一个链接指向这个页面。以material为例。打开模板目录下的head.html,在导航条上添加:

<li><a href="~$zzurl~~views/pages.php?id=gallery"><i class="fa fa-photo" aria-hidden="true"></i> 画廊</a></li>

默认情况下画廊每页展示12张图片,图片过多时会卡顿。你可以手动修改每页展示个数。打开pages目录下的gallery.php,修改第41行$pagesize=12; 即可。

题外话

在开发测试画廊页面时,我使用的是默认的上传方案,命名方式为f_+8位随机数,随机数采用PHP的rand函数生成。然而,我上传一个图片后,被文件名吓住了:

 

rand函数产生了10000000这个随机数!!! 这可是一千万分十一的概率啊!

Licenced under CC BY-NC-SA 4.0
views
这篇文章发表于 1578 天前,可能包含过期内容、中二言论、失效链接