From 81cb63a52c0d48187ee578ad694ae8fdf58bea2e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=98=9F=E6=97=A5=E8=AF=AD?= Date: Mon, 21 Oct 2024 17:44:48 +0800 Subject: [PATCH] [feat] latest comment widgets (#530) * [feat] comment new widgets - twikoo - giscus - waline @luoxue03 - artalk @thun888 * [opt] rename script * Update widgets.yml --------- Co-authored-by: xaoxuu <16400144+xaoxuu@users.noreply.github.com> --- _config.yml | 9 ++++ _data/widgets.yml | 7 +++ source/js/services/artalk_latest_comment.js | 33 +++++++++++++++ source/js/services/giscus_latest_comment.js | 37 ++++++++++++++++ source/js/services/twikoo_latest_comment.js | 47 +++++++++++++++++++++ source/js/services/waline_latest_comment.js | 33 +++++++++++++++ 6 files changed, 166 insertions(+) create mode 100644 source/js/services/artalk_latest_comment.js create mode 100644 source/js/services/giscus_latest_comment.js create mode 100644 source/js/services/twikoo_latest_comment.js create mode 100644 source/js/services/waline_latest_comment.js diff --git a/_config.yml b/_config.yml index 81bc72d..b624220 100755 --- a/_config.yml +++ b/_config.yml @@ -452,6 +452,15 @@ data_services: js: /js/services/weibo.js memos: js: /js/services/memos.js + # 最新评论获取类 + twikoo: + js: /js/services/twikoo_latest_comment.js + waline: + js: /js/services/waline_latest_comment.js + artalk: + js: /js/services/artalk_latest_comment.js + giscus: + js: /js/services/giscus_latest_comment.js # 扩展插件接入方法：(插件名下面用 #plugin# 代替) diff --git a/_data/widgets.yml b/_data/widgets.yml index 9d8a4c6..a514285 100644 --- a/_data/widgets.yml +++ b/_data/widgets.yml @@ -71,6 +71,13 @@ timeline: type: # 默认不用写，如果是友链朋友圈数据请写 fcircle limit: # 默认通过 api 上增加 per_page 来设置，如果是友链朋友圈，可通过这个设置数量 +latest_comment: + layout: timeline + title: 最新评论 + api: # 参照文档获取服务对应的api + type: # 选择评论服务 + limit: 16 # 限制获取数量 + tagtree: layout: tagtree expand_all: false # 是否展开所有节点 diff --git a/source/js/services/artalk_latest_comment.js b/source/js/services/artalk_latest_comment.js new file mode 100644 index 0000000..9e49685 --- /dev/null +++ b/source/js/services/artalk_latest_comment.js @@ -0,0 +1,33 @@ +utils.jq(() => { + $(function () { + const els = document.getElementsByClassName('ds-artalk'); + for (var i = 0; i < els.length; i++) { + const el = els[i]; + const limit = parseInt(el.getAttribute('limit')) || 10; + + const api = el.getAttribute('api') + '&limit=' + limit; + if (api == null) { + continue; + } + utils.request(el, api, function (data) { + data = data.data || []; + data.forEach((item, i) => { + var cell = '
'; + cell += '
'; + cell += ''; + cell += '' + new Date(item.date).toLocaleString() + ''; + cell += '
'; + cell += ''; + cell += item.content_marked; + cell += ''; + cell += '
'; + $(el).append(cell); + }); + }); + } + }); + }); + \ No newline at end of file diff --git a/source/js/services/giscus_latest_comment.js b/source/js/services/giscus_latest_comment.js new file mode 100644 index 0000000..0986df0 --- /dev/null +++ b/source/js/services/giscus_latest_comment.js @@ -0,0 +1,37 @@ +utils.jq(() => { + $(function () { + const els = document.getElementsByClassName('ds-giscus'); + for (var i = 0; i < els.length; i++) { + const el = els[i]; + const api = el.getAttribute('api'); + if (api == null) { + continue; + } + const default_avatar = def.avatar; + // layout + utils.request(el, api, function(data) { + const limit = el.getAttribute('limit'); + data.forEach((item, i) => { + if (limit && i >= limit) { + return; + } + comment = item.body.length > 50 ? item.body.substring(0, 50) + '...' : item.body; + var cell = '
'; + cell += '
'; + cell += ''; + cell += '' + new Date(item.createdAt).toLocaleString() + ''; + cell += '
'; + cell += ''; + cell += comment; + cell += ''; + cell += '
'; + $(el).append(cell); + }); + }); + } + }); + }); + \ No newline at end of file diff --git a/source/js/services/twikoo_latest_comment.js b/source/js/services/twikoo_latest_comment.js new file mode 100644 index 0000000..3f1550c --- /dev/null +++ b/source/js/services/twikoo_latest_comment.js @@ -0,0 +1,47 @@ +utils.jq(() => { + $(function () { + const el = document.querySelector('.ds-twikoo'); + utils.onLoading(el); // 加载动画 + + const api = el.getAttribute('api'); + const limit = parseInt(el.getAttribute('limit')) || 10; + const reply = el.getAttribute('hide') !== 'reply'; + if (!api) return; + + fetch(api, { + method: "POST", + body: JSON.stringify({ + "event": "GET_RECENT_COMMENTS", + "envId": api, + "pageSize": limit, + "includeReply": reply + }), + headers: { 'Content-Type': 'application/json' } + }) + .then(res => res.json()) + .then(({ data }) => { + utils.onLoadSuccess(el); // 移除动画 + data.forEach((comment, j) => { + let commentText = comment.commentText; + if (!commentText || commentText.trim() === '') return; // 跳过空评论 + // 转义字符 + commentText = commentText.replace(/&/g, "&").replace(//g, ">").replace(/"/g, """).replace(/'/g, "'"); + commentText = commentText.length > 50 ? commentText.substring(0, 50) + '...' : commentText; + var cell = '
'; + cell += '
'; + cell += ''; + cell += '' + new Date(comment.created).toLocaleString('zh-CN', {month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', hour12: false}) + ''; + cell += '
'; + cell += ''; + cell += commentText; + cell += ''; + cell += '
'; + $(el).append(cell); + }); + }) + .catch(() => utils.onLoadFailure(el)); + }); + }); + \ No newline at end of file diff --git a/source/js/services/waline_latest_comment.js b/source/js/services/waline_latest_comment.js new file mode 100644 index 0000000..17e99ba --- /dev/null +++ b/source/js/services/waline_latest_comment.js @@ -0,0 +1,33 @@ +utils.jq(() => { + $(function () { + const els = document.getElementsByClassName('ds-waline'); + for (var i = 0; i < els.length; i++) { + const el = els[i]; + const limit = parseInt(el.getAttribute('limit')) || 10; + const apiBase = el.getAttribute('api'); + if (apiBase == null) { + continue; + } + const api = apiBase + '/comment?type=recent&count=' + limit; + const default_avatar = def.avatar; + utils.request(el, api, function(data) { + data.forEach((item, i) => { + var cell = '
'; + cell += '
'; + cell += ''; + cell += '' + new Date(item.time).toLocaleString() + ''; + cell += '
'; + cell += ''; + cell += item.comment.replace(/]*>(.*?)<\\/a>/g, '$1'); + cell += ''; + cell += '
'; + $(el).append(cell); + }); + }); + } + }); + }); + \ No newline at end of file