Lopwon Hub：Todo 使用文档

2024年12月22日

版本型号：Lopwon Hub · Todo（事项清单）
适用程序：Typecho
皮肤类型：插件
插件作者：Lopwon
作者博客：Lopwon.com
发布页面：Lopwon.com/attachment/3884/
官方演示：事项清单

我要购买：前往

插件说明

Todo（事项清单）依托 Lopwon Hub 插件运行，适用于书单、片单、愿望清单等已办、在办、待办场景，主要功能：

1. 在任意文章内一键插入事项清单，支持不同文章创建不同的事项清单；

2. 支持单类别（如：书单）或多类别（如：书单、片单）使用；

3. 图片支持延迟加载，支持生成缩略图；

4. 支持项目使用自定义链接，即点击项目时跳转至该项目的链接页面；

5. 支持滑窗内容显示详情；
插件更新

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

使用方法

A 部署文件

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

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

B 调用插件

示例一：全局调用。

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


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

示例二：指定调用。

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


    <?php

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

    ?>


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


    <?php

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

    ?>

E 异步加载（可选项）

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


    <script src="https://www.example.com/usr/plugins/LopwonHub/static/js/lopwon.hub.todo.js"></script>
    <script>HubTodo.init();</script>

    <script src="https://www.example.com/usr/plugins/LopwonHub/static/js/lopwon.hub.push.js"></script>
    <script>HubPush.init("lopwon_hub_todo-main");</script>

    <script src="https://www.example.com/usr/plugins/LopwonHub/static/js/lopwon.hub.layout.js"></script>
    <script>
    HubLayout.updateLayout("lopwon_hub_todo-main-stage", "#lopwon_hub_todo-main-stage li", [
        { minWidth: 960, maxWidth: Infinity, childCount: 7 },
        { minWidth: 768, maxWidth: 960, childCount: 5 },
        { minWidth: 576, maxWidth: 768, childCount: 4 },
        { minWidth: 384, maxWidth: 576, childCount: 3 },
        { minWidth: 0, maxWidth: 384, childCount: 2 }
    ]);
    </script>

    <script src="https://www.example.com/usr/plugins/LopwonHub/static/js/lopwon.hub.lazy.image.js"></script>
    <script>HubLazyImage.init(".lazy-todo-image");</script>
    <script>HubLazyImage.init(".lazy-todo-aside-image", "0px", 0.1);</script>


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

D 配置插件

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

E 使用插件

1. 后台》管理》文章，打开需要使用（事项清单）的文章，进入编辑页面；

2. 在编辑器工具栏里点击 Hub 按键，选择（事项清单），根据提示操作；

3. 注意，每篇文章仅限插入一则事项清单模块；

F 上传图片

1. 在完成以上（使用插件）之后，继续在该篇文章附件里，上传图片，每张图片相当于一则事项，如：某本图书、某部电影等；

2. 上传图片后，点击每个图片附件的“编辑”（铅笔状图标），进入图片信息的编辑页面：

3. 在右侧（标题）栏输入指定格式的内容，以半角逗号隔开，且有先后顺序的要求，如下：


   项目名称,项目类别,项目状态


① 事项名称，如：图书的名称、电影的名称等；

② 项目类别，与插入文内事项清单模块的类别之一相匹配；

③ 项目状态，限（已办/在办/待办）三者其一；

4. 在右侧（描述）栏输入事项描述，如：图书简介、电影简介、或者你的读书看片心得等等，支持使用 Markdown 语法插入文本链接等，如下


    [链接文本](链接)


① 其中，当（描述）里输入的内容为纯链接时，则在点击事项清单中该项目时，跳转到指定链接页面；

G 使用技巧

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