Lopwon Hub：Entry 使用文档

2024年12月22日

版本型号：Lopwon Hub · Entry（条目显隐）
适用程序：Typecho
皮肤类型：插件
插件作者：Lopwon
作者博客：Lopwon.com
发布页面：Lopwon.com/attachment/3876/
官方演示：条目显隐

我要购买：前往

插件说明

Entry（条目显隐）依托 Lopwon Hub 插件运行，适用于 FAQs 问答、个人历程、时间轴等场景，主要功能：

1. 可在任意文章内创建；

2. 可插入图片，支持缩略图、延迟加载和灯箱浏览；

3. 可插入链接，支持使用部分 Markdown 语法，如：加粗、斜体等。
插件更新

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

使用方法

A 部署文件

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

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

B 调用插件

打开 post.php 文件，找到输出文章内容的 $this->content; 代码，替换为：


    $content = $this->content; // 将文章内容赋值到变量 $content
    $content = Typecho_Plugin::factory('Entry')->LopwonHub($content); // 将变量 $content 传递给插件做处理
    echo $content; // 输出插件处理后的文章内容


如果你在用的主题已经对输出文章的内容做了自定义，那么只需要将输出文章的内容变量传递给所调用的插件，进而由插件做最后的文章内容输出。

E 异步加载（可选项）

本案依赖 JavaScript，如果文章内容涉及异步加载，请动态引入以下脚本（请自行研究），反之可无视：


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

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

    <script src="https://www.example.com/usr/plugins/LopwonHub/static/js/lopwon.hub.glightbox.min.js"></script>
    <script>
    if (typeof window.HubEntryInitialized=== "undefined") {
        var lightbox = GLightbox({ });
        window.HubEntryInitialized= true;
    }
    </script>

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

D 配置插件

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

E 使用插件

1. 后台》管理》文章，打开需要使用（条目显示）的文章，进入编辑页面；

2. 在编辑器工具栏里点击 Hub 按键，选择（显隐内容），根据提示操作；

3. 如需创建多个条目，则继续点击（显隐内容）不断新增；

F 使用技巧

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