Lopwon Hub：Days 使用文档

2024年12月22日

版本型号：Lopwon Hub · Days（倒数日/顺数日）
适用程序：Typecho
皮肤类型：插件
插件作者：Lopwon
作者博客：Lopwon.com
发布页面：Lopwon.com/attachment/3875/
官方演示：倒数日/顺数日

我要购买：前往

插件说明

Days（倒数日/顺数日）依托 Lopwon Hub 插件运行，适用于节日倒数日、待办倒数日、纪念日顺数日等场景，主要功能：

1. 可以在任意页面任意位置调用显示，可以创建任意数量的倒数日项目；

2. 当倒数日项目逾期时，该项目则进入顺数日模式，也可以选择关闭；

3. 可以为每一则项目添加自定义的链接；

4. 当倒数日满足自定义的阀值天数时，该项目则进入高亮模式；
插件更新

2025年02月14日 发布 Lopwon Hub · Days

使用方法

A 部署文件

1. 将压缩包里的文件夹 LopwonHub 及其内部的所有文件，上传至目录 usr/plugins 中。

2. 后台》控制台》插件，找到 Lopwon Hub 并启用。

B 调用插件

示例一：全局调用。

1. 打开要使用本案功能的文件（如 post.php），在合适位置添加以下代码：


    <?php Typecho_Plugin::factory('Days')->LopwonHub(); ?>

示例二：指定调用。

1. 打开要使用本案功能的文件（如 post.php），在合适位置添加以下代码：


    <?php

    if (in_array($this->cid, ['文章cid编码一', '文章cid编码二', '以此类推'])) {
        Typecho_Plugin::factory('Days')->LopwonHub();
    }

    ?>


2. 请把以上代码中（文章cid编码*）替换为你要调用插件的页面 cid 如：


    <?php

    if (in_array($this->cid, ['3', '66', '888'])) {
        Typecho_Plugin::factory('Days')->LopwonHub();
    }

    ?>

E 异步加载（可选项）

本案依赖 JavaScript，如果调用插件的位置涉及异步加载，请动态引入以下脚本（请自行研究），反之可无视：


    <script src="https://www.example.com/usr/plugins/LopwonHub/static/js/lopwon.hub.layout.js"></script>
    <script>
    HubLayout.updateLayout('lopwon_hub_days-wrap', '.lopwon_hub_days-wrap a', [
        { minWidth: 960, maxWidth: Infinity, childCount: 4 },
        { minWidth: 768, maxWidth: 960, childCount: 3 },
        { minWidth: 480, maxWidth: 768, childCount: 2 },
        { minWidth: 0, maxWidth: 480, childCount: 1 }
    ]);
    </script>


请把以上代码中 https://www.example.com 替换为你的链接。

D 配置插件

后台》控制台》插件，找到 Lopwon Hub 并设置，找到本案（设置），根据提示依喜好设置即可。

E 使用技巧

1. 适配样式请修改 usr/static/css/lopwon.hub.days.css 文件，请自行研究。
store