npm 包 nodebb-plugin-topic-excerpt 使用教程

简介

nodebb-plugin-topic-excerpt 是一个 NodeBB 的插件,它可以在主题列表中显示文章摘要,从而方便用户快速了解文章内容。

安装

使用 npm 安装:

--- ------- ---------------------------

配置

安装完成后,在 NodeBB 后台的插件列表中启用 nodebb-plugin-topic-excerpt,之后会出现插件的设置页面,可以在这里设置插件的相关参数:

  • 最大摘要长度:文章摘要的最大长度(单位:字符),超过该长度的部分将被省略。
  • 允许 HTML 标签:是否允许文章摘要中包含 HTML 标签。
  • 省略符号:当文章被省略时,在摘要末尾显示的符号。

使用

在主题列表中显示文章摘要,需要在主题模板中加入以下代码:

---- ----- ----- ---
--- --------------
  -- ------------------- ----------------------------------
    -------
  ----
  -- -----------------------------------
-----
---- --- ----- ---

其中 {excerpt} 表示文章的摘要,插件会自动根据设置的摘要长度和省略符号对摘要进行处理。

示例

以下是一个简单的主题模板示例:

--------- -----
------
------
  ------------------------- - --------------------
-------
------
  ----
    ---- ----- ----- ---
    --- --------------
      -- ------------------- ----------------------------------
        -------
      ----
      -- -----------------------------------
    -----
    ---- --- ----- ---
  -----
-------
-------

意义

nodebb-plugin-topic-excerpt 可以提高用户的浏览效率,使用户能够更快速地了解文章内容,提高用户对站点的粘性。同时,它也对开发者有指导意义,可以帮助开发者更好地理解 NodeBB 插件的开发和使用。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005663181e8991b448e221a


猜你喜欢

  • npm 包 ng4-click-outside 使用教程

    在前端开发中,我们经常需要处理用户和 UI 元素之间的交互。例如,弹出菜单、模态框等 UI 元素需要在用户点击其它区域时自动关闭。但 JavaScript 中没有自带的 “clickoutside” ...

    3 年前
  • npm 包 @gitobi/react-blank-component 使用教程

    @gitobi/react-blank-component 是一个 React 组件库中常用的一个空白组件,仅由一个实心的 div 组成,非常适合用来作为组件占位符或者是搭建组件骨架,同时也非常的易用...

    3 年前
  • npm 包 @xailabs/dmx 使用教程

    前言 @xailabs/dmx 是一个基于 JavaScript 实现的动画库,它支持复杂的动画效果,并且易于使用。在本教程中,我们将介绍如何安装和使用 @xailabs/dmx,以及如何创建一些常见...

    3 年前
  • npm 包 @xailabs/react-minscroll 使用教程

    在前端开发中,很多时候需要实现滚动条的控制,但是默认的滚动条样式及功能并不总是满足需求。而 @xailabs/react-minscroll 就是一个优秀的npm包,在React项目中非常方便地实现自...

    3 年前
  • npm 包 @xailabs/react-lazy 使用教程

    介绍 在前端开发中,我们经常会遇到需要加载大量组件的情况,例如移动端滚动列表中的图片或是网页中的复杂组件。如果一开始就把所有组件都渲染出来,可能会造成页面卡顿或加载时间过长的情况。

    3 年前
  • npm 包 online-js 使用教程

    前言 在前端开发中,我们有时需要在线运行一些 JavaScript 代码,或者需要对 JavaScript 代码进行格式化、压缩等操作,这时候我们可以使用一个名为 online-js 的 npm 包来...

    3 年前
  • npm 包 creq 使用教程

    creq 是一个轻量级的 npm 包,它可以让前端开发人员更加轻松地进行前后端通讯。使用 creq,您可以在不编写 AJAX 请求代码的情况下,以完全类型化的方式访问后端 API。

    3 年前
  • npm 包 generator-ep-yeoman 使用教程

    介绍 generator-ep-yeoman 是一款强大的 Yeoman generator,它可以快速生成项目或组件的基本代码结构和文件。如果你正在学习前端开发或者想要快速开始一个新项目,那么 ge...

    3 年前
  • npm 包 di.container 使用教程

    在前端开发中,模块化是必不可少的组成部分,而模块化的实现需要用到依赖注入。其中,di.container 是一个流行的 npm 包,可以有效地实现依赖注入。本文将为大家详细介绍 di.containe...

    3 年前
  • 前端常用的 ngx-malihu-scroller npm 包使用教程

    ngx-malihu-scroller 是一个 Angular 的插件,可以快速创建一个滚动条,使得网页中的区域能够有滚动的效果。本篇文章将对 ngx-malihu-scroller 的使用进行详细的...

    3 年前
  • npm 包 nsp-reporter-remarkup 使用教程

    介绍 nsp-reporter-remarkup 是一个可以将 Node Security Platform (NSP) 扫描结果转化为 remarkup 格式的 npm 包,用于在消息通知中展示安全...

    3 年前
  • npm 包 react-native-event-handler 使用教程

    简介 react-native-event-handler 是一个用于在 React Native 应用中处理各种事件的 npm 包。它可以捕捉用户行为和其他事件,并提供一种方便的方式去处理这些事件。

    3 年前
  • npm 包 react-informed 使用教程

    在前端开发中,表单非常重要。然而,处理表单的代码通常很复杂,而且容易出错。为了解决这个问题,很多人开始使用表单库来简化表单的处理过程。而 npm 包 react-informed 就是其中一个很好的选...

    3 年前
  • npm 包 serverql 使用教程

    在前端开发中,经常会需要前端与后端进行数据交互,这时候我们就需要编写接口,然后通过接口来进行数据的请求和响应。但是,接口的编写是需要一定时间和经验的,我们不能一直花费太多的时间在这上面。

    3 年前
  • npm 包 sygic-custom-url-ng 使用教程

    npm 包 sygic-custom-url-ng 是一个用于生成 Sygic 自定义 URL 的 Angular JS 模块。Sygic 是一款手机导航软件,而自定义 URL 则可以用于在不同的应用...

    3 年前
  • npm 包 tipi.base.sticky-end 使用教程

    前言 在网页设计和开发中,粘性底部栏是一个常见的设计需求。粘性底部栏可以使网页内容始终保持一定间距,同时又可以随着页面滚动而滚动而不改变位置。本文将介绍 npm 包 tipi.base.sticky-...

    3 年前
  • gh-stats

    This script find stars and forks for a user. You can use it to compare yourself against others as we...

    3 年前
  • npm 包 multiple-login 使用教程

    简介 在使用Web应用程序时,多用户系统需要提供安全的用户认证和授权。npm 包 multiple-login为开发人员提供了一种简单的解决方案,可以轻松地实现用户认证和授权功能。

    3 年前
  • npm 包 html-beautify-loader 使用教程

    前言 在前端开发中,经常会用到 HTML 模板文件,为了让 HTML 文件有更好的可读性和可维护性,我们需要对其进行格式化。手动格式化当然是可行的,但是随着项目规模的增大,手动处理无疑会极大地消耗时间...

    3 年前
  • npm 包 ng-imgcache 使用教程

    简介 ng-imgcache 是一个 AngularJS 模块,用于缓存图片,可以减轻服务器负担、提高页面加载速度和用户体验。 安装 我们可以通过 npm 来安装 ng-imgcache,使用如下命令...

    3 年前

相关推荐

    暂无文章