Skip to content
This repository has been archived by the owner on Jul 20, 2021. It is now read-only.

pomment-legacy/frontend-v2

Repository files navigation

Pomment Frontend v3

评论系统 Pomment 的官方访客前端(客户端)。该组件基于 ef.js 实现,可单独使用或用于已有的 ef.js 项目中。

安装

直接引用到已有页面中

<script src="pomment-frontend.min.js"></script>
<script>
var plugin = new PommentWidget({
    // ...
});
plugin.$mount({
    target: document.getElementById("main"), // 要将挂件插入到哪个元素中?
});
plugin.load();
</script>

引用到其它 ef.js 项目中

npm install pomment-frontend
import PommentWidget from 'pomment-frontend';

const plugin = new PommentWidget({
    // ...
});
someElement.comment = plugin;

配置项

const plugin = new PommentWidget(props);

props 是一个 object,可用键值如下:

值名 类型 介绍 必须项
server string Pomment 服务器地址
url string 本页 URL。如果不指定,则依次尝试读取 Canonical link element 值和该页面实际 URL
title string 本页标题。如果不指定,则默认使用在 <title> 标签中指定的标题
adminName string 管理员昵称(用于统一拥有 byAdmin 属性的评论的评论者信息)
adminAvatar string 管理员头像 URL(用于统一拥有 byAdmin 属性的评论的评论者信息)
fixedHeight number 页面已有的固定导航栏高度(单位为像素)
avatarPrefix string Gravatar 服务器地址,以 / 结尾。如 https://secure.gravatar.com/avatar/
reCAPTCHA string reCAPTCHA v3 网站密钥。如果留空,则不启用 reCAPTCHA 模式
showReceiveEmail boolean 展示『发送邮件提醒』选项。如果设置隐藏,则访客提交的评论均默认为不展示

编译

npm run build

编译得到的 css 与 js 将出现在 dist 目录下。

About

Official Pomment Frontend interface

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published