D-Bood

移植哔哔广场过程记录

Sun, 01 Sep 2024 22:59:19 GMT

最近看到哔哔广场，想移植到博客里用，但是由于pjax的关系，原本的JS文件没法用，所以我稍微修改了一下，适配Solitude主题。以下是折腾的过程注：折腾Memos的过程，以后大概会单独写一篇。

一、修改配置文件#

在博客主文件夹中找到主题配置文件，添加以下内容：

1
# BB
2
# 哔哔广场
3
bb:
4
  enable: true #true: 打开说说; false: 关闭说说
5
  geminiKey: false #true: 显示Gemini相关内容; false: 不显示Gemini相关内容
6
  cfwkAiUrl: false #true: 显示Cloudflare AI相关内容; false: 不显示Cloudflare AIi相关内容

二、修改JS#

（一）添加JS文件#

在Solitude主题文件夹\source\js\中添加memos.js，在memos.js中添加以下内容：

1
/**
2
 * Lately.min.js 2.5.2
3
 * https://tokinx.github.io/lately/
4
 */
5
!function(){window.Lately=new function(){var t=this;this.lang={second:"秒",minute:"分钟",hour:"小时",day:"天",month:"个月",year:"年",ago:"前",error:"NaN"};var e=function(e){e=new Date(n(e));var r=new function(){this.second=(Date.now()-e.getTime())/1e3,this.minute=this.second/60,this.hour=this.minute/60,this.day=this.hour/24,this.month=this.day/30,this.year=this.month/12},i=Object.keys(r).reverse().find(function(t){return r[t]>=1});return(i?function(t,e){return Math.floor(t)+e}(r[i],t.lang[i]):t.lang.error)+t.lang.ago},n=function(t){return t=new Date(t&&("number"==typeof t?t:t.replace(/-/g,"/").replace("T"," "))),!isNaN(t.getTime())&&t.getTime()};return{init:function(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=r.target,a=void 0===i?"time":i,o=r.lang;o&&(t.lang=o);var u=!0,h=!1,l=void 0;try{for(var s,c=document.querySelectorAll(a)[Symbol.iterator]();!(u=(s=c.next()).done);u=!0){var f=s.value,g=n(f.dateTime)||n(f.title)||n(f.innerHTML)||0;if(!g)return;f.title=new Date(g).toLocaleString(),f.innerHTML=e(g)}}catch(t){h=!0,l=t}finally{try{!u&&c.return&&c.return()}finally{if(h)throw l}}},format:e}}}();
6
/**
7
 * ViewImage.min.js 2.0.2
8
 * https://tokinx.github.io/ViewImage/
9
 */
10
var $jscomp=$jscomp||{};$jscomp.scope={};$jscomp.createTemplateTagFirstArg=function(b){return b.raw=b};$jscomp.createTemplateTagFirstArgWithRaw=function(b,a){b.raw=a;return b};$jscomp.arrayIteratorImpl=function(b){var a=0;return function(){return a<b.length?{done:!1,value:b[a++]}:{done:!0}}};$jscomp.arrayIterator=function(b){return{next:$jscomp.arrayIteratorImpl(b)}};$jscomp.makeIterator=function(b){var a="undefined"!=typeof Symbol&&Symbol.iterator&&b[Symbol.iterator];return a?a.call(b):$jscomp.arrayIterator(b)};
11
$jscomp.arrayFromIterator=function(b){for(var a,d=[];!(a=b.next()).done;)d.push(a.value);return d};$jscomp.arrayFromIterable=function(b){return b instanceof Array?b:$jscomp.arrayFromIterator($jscomp.makeIterator(b))};
12
(function(){window.ViewImage=new function(){var b=this;this.target="[view-image] img";this.listener=function(a){if(!(a.ctrlKey||a.metaKey||a.shiftKey||a.altKey)){var d=String(b.target.split(",").map(function(g){return g.trim()+":not([no-view])"})),c=a.target.closest(d);if(c){var e=c.closest("[view-image]")||document.body;d=[].concat($jscomp.arrayFromIterable(e.querySelectorAll(d))).map(function(g){return g.href||g.src});b.display(d,c.href||c.src);a.stopPropagation();a.preventDefault()}}};this.init=
13
function(a){a&&(b.target=a);["removeEventListener","addEventListener"].forEach(function(d){document[d]("click",b.listener,!1)})};this.display=function(a,d){var c=a.indexOf(d),e=(new DOMParser).parseFromString('\n                <div class="view-image">\n                    <style>.view-image{position:fixed;inset:0;z-index:500;padding:1rem;display:flex;flex-direction:column;animation:view-image-in 300ms;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.view-image__out{animation:view-image-out 300ms}@keyframes view-image-in{0%{opacity:0}}@keyframes view-image-out{100%{opacity:0}}.view-image-btn{width:32px;height:32px;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:3px;background-color:rgba(255,255,255,0.2)}.view-image-btn:hover{background-color:rgba(255,255,255,0.5)}.view-image-close__full{position:absolute;inset:0;background-color:rgba(48,55,66,0.3);z-index:unset;cursor:zoom-out;margin:0}.view-image-container{height:0;flex:1;display:flex;align-items:center;justify-content:center;}.view-image-lead{display:contents}.view-image-lead img{position:relative;z-index:1;max-width:100%;max-height:100%;object-fit:contain;border-radius:3px}.view-image-lead__in img{animation:view-image-lead-in 300ms}.view-image-lead__out img{animation:view-image-lead-out 300ms forwards}@keyframes view-image-lead-in{0%{opacity:0;transform:translateY(-20px)}}@keyframes view-image-lead-out{100%{opacity:0;transform:translateY(20px)}}[class*=__out] ~ .view-image-loading{display:block}.view-image-loading{position:absolute;inset:50%;width:8rem;height:2rem;color:#aab2bd;overflow:hidden;text-align:center;margin:-1rem -4rem;z-index:1;display:none}.view-image-loading::after{content:"";position:absolute;inset:50% 0;width:100%;height:3px;background:rgba(255,255,255,0.5);transform:translateX(-100%) translateY(-50%);animation:view-image-loading 800ms -100ms ease-in-out infinite}@keyframes view-image-loading{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.view-image-tools{position:relative;display:flex;justify-content:space-between;align-content:center;color:#fff;max-width:600px;position: absolute; bottom: 5%; left: 1rem; right: 1rem; backdrop-filter: blur(10px);margin:0 auto;padding:10px;border-radius:5px;background:rgba(0,0,0,0.1);margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom);z-index:1}.view-image-tools__count{width:60px;display:flex;align-items:center;justify-content:center}.view-image-tools__flip{display:flex;gap:10px}.view-image-tools [class*=-close]{margin:0 10px}.view-image{backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}.view-image-tools{opacity:1;animation:1s 1.5s forwards fadeOut}.view-image-tools:hover{opacity:1;animation:none;transition:opacity .2s}.view-image-container{margin-top:3rem}@keyframes fadeOut{to{opacity:0}}</style>\n                    <div class="view-image-container">\n                        <div class="view-image-lead"></div>\n                        <div class="view-image-loading"></div>\n                        <div class="view-image-close view-image-close__full"></div>\n                    </div>\n                    <div class="view-image-tools">\n                        <div class="view-image-tools__count">\n                            <span><b class="view-image-index">'+
14
(c+1)+"</b>/"+a.length+'</span>\n                        </div>\n                        <div class="view-image-tools__flip">\n                            <div class="view-image-btn view-image-tools__flip-prev">\n                                <svg width="20" height="20" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M31 36L19 24L31 12" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>\n                            </div>\n                            <div class="view-image-btn view-image-tools__flip-next">\n                                <svg width="20" height="20" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M19 12L31 24L19 36" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>\n                            </div>\n                        </div>\n                        <div class="view-image-btn view-image-close">\n                            <svg width="16" height="16" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M8 8L40 40" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 40L40 8" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>\n                        </div>\n                    </div>\n                </div>\n            ',
15
"text/html").body.firstChild,g=function(f){var h={Escape:"close",ArrowLeft:"tools__flip-prev",ArrowRight:"tools__flip-next"};h[f.key]&&e.querySelector(".view-image-"+h[f.key]).click()},l=function(f){var h=new Image,k=e.querySelector(".view-image-lead");k.className="view-image-lead view-image-lead__out";setTimeout(function(){k.innerHTML="";h.onload=function(){setTimeout(function(){k.innerHTML='<img src="'+h.src+'" alt="ViewImage" no-view/>';k.className="view-image-lead view-image-lead__in"},100)};
16
h.src=f},300)};document.body.appendChild(e);l(d);window.addEventListener("keydown",g);e.onclick=function(f){f.target.closest(".view-image-close")?(window.removeEventListener("keydown",g),e.onclick=null,e.classList.add("view-image__out"),setTimeout(function(){return e.remove()},290)):f.target.closest(".view-image-tools__flip")&&(c=f.target.closest(".view-image-tools__flip-prev")?0===c?a.length-1:c-1:c===a.length-1?0:c+1,l(a[c]),e.querySelector(".view-image-index").innerHTML=c+1)}}}})();
17
/**
18
 * coco-message
19
 * https://github.com/TheWindRises-2/coco-message
20
 */
21
"use strict";function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}!function(o,t){"object"===("undefined"==typeof exports?"undefined":_typeof(exports))&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(o=o||self,o.cocoMessage=t())}(void 0,function(){function o(o,t){var e=document.createElement("div");for(var n in o){var i=o[n];"className"==n?(n="class",e.setAttribute(n,i)):"_"==n[0]&&e.addEventListener(n.slice(1),i)}if("string"==typeof t)e.innerHTML=t;else if("object"==_typeof(t)&&t.tagName)e.appendChild(t);else if(t)for(var s=0;s<t.length;s++){var r=t[s];e.appendChild(r)}return e}function t(o,t){for(var e in t)o.style[e]=t[e];""===o.getAttribute("style")&&o.removeAttribute("style")}function e(o,t){var e=o.className||"";if(!n(e,t)){var i=e.split(/\s+/);i.push(t),o.className=i.join(" ")}}function n(o,t){return o.indexOf(t)>-1}function i(o,t){var e=o.className||"";if(n(e,t)){var i=e.split(/\s+/),s=i.indexOf(t);i.splice(s,1),o.className=i.join(" ")}""===o.className&&o.removeAttribute("class")}function s(){return r(arguments,"info")}function r(o,t){var e={};for(var n in h)e[n]=h[n];for(var i=0;i<o.length;i++){var s=o[i];void 0!==s&&("string"==typeof s||"object"==_typeof(s)?e.msg=s:"boolean"==typeof s?e.showClose=s:"function"==typeof s?e.onClose=s:"number"==typeof s&&(e.duration=s))}return e.type=t,a(e)}function a(e){var n=e.type,s=e.duration,r=e.msg,a=e.showClose,d=e.onClose,g=0===s,p=l();"loading"==n&&(r=""===r?"正在加载":r,g=a,s=0);var h=o({className:"coco-msg-wrapper"},[o({className:"coco-msg coco-msg-fade-in ".concat(n)},[o({className:"coco-msg-icon"},p[n]),o({className:"coco-msg-content"},r),o({className:"coco-msg-wait ".concat(g?"coco-msg-pointer":"coco-msg-wait-hidden"),_click:function(){f(h,d)}},c(g)||"")])]);return 0!==s&&setTimeout(function(){f(h,d)},s),m.children.length||document.body.appendChild(m),m.appendChild(h),t(h,{height:h.offsetHeight+"px"}),setTimeout(function(){i(h.children[0],"coco-msg-fade-in")},300),function(){f(h,d)}}function c(o){return o?'<svg class="coco-msg-close" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5514"><path d="M810 274l-238 238 238 238-60 60-238-238-238 238-60-60 238-238-238-238 60-60 238 238 238-238z" p-id="5515"></path></svg>':""}function f(o,n){o&&(t(o,{padding:0,height:0}),e(o.children[0],"coco-msg-fade-out"),n&&n(),setTimeout(function(){if(o){for(var t=!1,e=0;e<m.children.length;e++)m.children[e]===o&&(t=!0);t&&d(o),o=null,m.children.length||t&&d(m)}},300))}function l(){return{info:'\n    <svg  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3250"><path d="M469.333333 341.333333h85.333334v469.333334H469.333333z" fill="#ffffff" p-id="3251"></path><path d="M469.333333 213.333333h85.333334v85.333334H469.333333z" fill="#ffffff" p-id="3252"></path><path d="M384 341.333333h170.666667v85.333334H384z" fill="#ffffff" p-id="3253"></path><path d="M384 725.333333h256v85.333334H384z" fill="#ffffff" p-id="3254"></path></svg>\n    ',success:'\n    <svg  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1807"><path d="M455.42 731.04c-8.85 0-17.75-3.05-24.99-9.27L235.14 553.91c-16.06-13.81-17.89-38.03-4.09-54.09 13.81-16.06 38.03-17.89 54.09-4.09l195.29 167.86c16.06 13.81 17.89 38.03 4.09 54.09-7.58 8.83-18.31 13.36-29.1 13.36z" p-id="1808" fill="#ffffff"></path><path d="M469.89 731.04c-8.51 0-17.07-2.82-24.18-8.6-16.43-13.37-18.92-37.53-5.55-53.96L734.1 307.11c13.37-16.44 37.53-18.92 53.96-5.55 16.43 13.37 18.92 37.53 5.55 53.96L499.67 716.89c-7.58 9.31-18.64 14.15-29.78 14.15z" p-id="1809" fill="#ffffff"></path></svg>\n    ',warning:'\n    <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18912"><path d="M468.114286 621.714286c7.314286 21.942857 21.942857 36.571429 43.885714 36.571428s36.571429-14.628571 43.885714-36.571428L585.142857 219.428571c0-43.885714-36.571429-73.142857-73.142857-73.142857-43.885714 0-73.142857 36.571429-73.142857 80.457143l29.257143 394.971429zM512 731.428571c-43.885714 0-73.142857 29.257143-73.142857 73.142858s29.257143 73.142857 73.142857 73.142857 73.142857-29.257143 73.142857-73.142857-29.257143-73.142857-73.142857-73.142858z" p-id="18913" fill="#ffffff"></path></svg>\n    ',error:'\n    <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5514"><path d="M810 274l-238 238 238 238-60 60-238-238-238 238-60-60 238-238-238-238 60-60 238 238 238-238z" p-id="5515" fill="#ffffff"></path></svg>\n    ',loading:'\n    <div class="coco-msg_loading">\n    <svg class="coco-msg-circular" viewBox="25 25 50 50">\n      <circle class="coco-msg-path" cx="50" cy="50" r="20" fill="none" stroke-width="4" stroke-miterlimit="10"/>\n    </svg>\n    </div>\n    '}}function d(o){o&&o.parentNode.removeChild(o)}function g(){for(var o=0;o<m.children.length;o++){var t=m.children[o];f(t)}}function p(){var o=document;if(o&&o.head){var t=o.head,e=o.createElement("style"),n=".coco-msg-stage *{box-sizing:border-box}.coco-msg-stage{position:fixed;top:20px;left:50%;width:auto;transform:translate(-50%,0);z-index:3000;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.coco-msg-wrapper{position:relative;left:50%;transform:translate(-50%,0);transition:height .35s ease-out,padding .35s ease-out;padding:8px 0}.coco-msg{padding:8px 16px;border-radius:7px;position:relative;left:50%;transform:translate(-50%,0);display:inline-flex;align-items:center;box-shadow:0 4px 16px rgba(15,15,15,.15);color:rgba(44,44,44,.9);background-color:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark .coco-msg{color:rgba(255,255,255,.9);background-color:rgba(36,36,36,.95);box-shadow:0 0 1px 0 rgba(55,55,55,.3)}.coco-msg-icon{position:relative;width:16px;height:16px;border-radius:100px;display:flex;justify-content:center;align-items:center}.coco-msg-icon svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px}.coco-msg-wait{width:20px;height:20px;position:relative;display:inline-flex;justify-content:center;align-items:center;margin-left:10px}.coco-msg-wait:active svg{transform:scale(.7)}.coco-msg-wait svg{transition:.12s ease-out;fill:currentColor}.coco-msg-close{width:14px;height:14px}.coco-msg-content{margin-left:10px;text-align:left;font-size:14px;font-weight:400;word-break:keep-all;line-height:1.57143;display:inline-block}.coco-msg.info .coco-msg-icon{background-color:#3491fa}.coco-msg.success .coco-msg-icon{background-color:#00b42a}.coco-msg.warning .coco-msg-icon{background-color:#f7ba1e}.coco-msg.error .coco-msg-icon{background-color:#f53f3f}.dark .coco-msg.info .coco-msg-icon{background-color:#1d4dd2}.dark .coco-msg.success .coco-msg-icon{background-color:#129a37}.dark .coco-msg.warning .coco-msg-icon{background-color:#cc961f}.dark .coco-msg.error .coco-msg-icon{background-color:#cb2e34}.dark .coco-msg .coco-msg-icon path{fill:rgba(36,36,36,.95)}.coco-msg_loading{flex-shrink:0;width:20px;height:20px;position:relative}.coco-msg-circular{-webkit-animation:coco-msg-rotate 2s linear infinite both;animation:coco-msg-rotate 2s linear infinite both;transform-origin:center center;height:20px!important;width:20px!important;color:#3491fa;margin-top:-1px}.dark .coco-msg-circular{color:#1d4dd2}.coco-msg-path{stroke-dasharray:1,200;stroke-dashoffset:0;stroke:currentColor;-webkit-animation:coco-msg-dash 1.5s ease-in-out infinite;animation:coco-msg-dash 1.5s ease-in-out infinite;stroke-linecap:round}@-webkit-keyframes coco-msg-rotate{100%{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes coco-msg-rotate{100%{transform:translate(-50%,-50%) rotate(360deg)}}@-webkit-keyframes coco-msg-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes coco-msg-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.coco-msg-pointer{cursor:pointer}.coco-msg-wait-hidden{display:none}.coco-msg-fade-in{-webkit-animation:coco-msg-fade .22s ease-out both;animation:coco-msg-fade .22s ease-out both}.coco-msg-fade-out{animation:coco-msg-fade .22s linear reverse both}@-webkit-keyframes coco-msg-fade{0%{opacity:0;transform:translate(-50%,-80%)}to{opacity:1;transform:translate(-50%,0)}}@keyframes coco-msg-fade{0%{opacity:0;transform:translate(-50%,-80%)}to{opacity:1;transform:translate(-50%,0)}}";e.innerHTML=n,t.appendChild(e)}}if("undefined"!=typeof window){var m=o({className:"coco-msg-stage"}),h={msg:"",duration:2e3,showClose:!1},u={info:function(){return r(arguments,"info")},success:function(){return r(arguments,"success")},warning:function(){return r(arguments,"warning")},error:function(){return r(arguments,"error")},loading:function(){return r(arguments,"loading")},destroyAll:function(){g()},config:function(o){for(var t in o)Object.hasOwnProperty.call(o,t)&&void 0!==o[t]&&(h[t]=o[t])}};for(var v in u)s[v]=u[v];return p(),s}});
22

23
/**
24
 * memobbs
25
 * 一个纯 HTML、JS、CSS 造的静态页面，实现个人 Memos 前端登录发布、编辑等管理功能，集成广场模式、随机模式。当然，也支持嵌入到自己的博客中。
26
 * Author: 林木木(@lmm214)
27
 * Memos v0.18.2 and below only
28
 * Introduction: https://immmmm.com/memobbs-app/
29
 * Github Repo: https://github.com/lmm214/memobbs
30
 * Demo: https://memobbs.app/
31
 * modified by D-Bood 2024-08-31
32
 */
33
class MemosBbs {
34

35
  constructor() {
36
    this.memosData = {
37
      dom: "#memos",
38
      listDom: "#memo-list",
39
      limit: "8"
40
    };
41
    this.memosDom = document.querySelector(this.memosData.dom);
42

43
    this.memoList
44
    this.memosMyList = [
45
      {
46
        "creatorName": #自己的名字,
47
        "website": #自己的网站地址,
48
        "link": #自己的Memos地址,
49
        "creatorId": #自己的Memos账号id,
50
        "avatar": #自己的头像url,
51
        "twikoo": #自己的twikoo地址
52
      }
53
    ]
54
    this.memoDefaultList = [
55
      {
56
        "creatorName": "林木木",
57
        "website": "https://immmmm.com",
58
        "link": "https://me.edui.fun",
59
        "creatorId": "101",
60
        "avatar": "https://gravatar.memobbs.app/avatar/ba83fa02fc4b2ba621514941307e21be?s=80",
61
        "twikoo": "https://metk.edui.fun"
62
      },{
63
        "creatorName": "归臧",
64
        "website": "https://nuoea.com",
65
        "link": "https://memos.nuoea.com",
66
        "creatorId": "101",
67
        "avatar": "https://gravatar.memobbs.app/avatar/020d365ea2596ef6d516143bb0552704?s=80",
68
        "twikoo": "https://twikoo.nuoea.com"
69
      },{
70
        "creatorName": "koobai",
71
        "website": "https://koobai.com",
72
        "link": "https://memos.koobai.com",
73
        "creatorId": "1",
74
        "avatar": "https://gravatar.memobbs.app/avatar/3b3d336a7d389b7ae8531cbe177ae9b7?s=80",
75
        "artalk": "https://c.koobai.com",
76
        "artSite": "空白唠叨"
77
      }
78
    ];
79

80
    this.getEditor = window.localStorage && window.localStorage.getItem("memos-editor-display");
81
    this.getMode = window.localStorage && window.localStorage.getItem("memos-mode");
82
    this.memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
83
    this.memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
84
    this.memosMeID = window.localStorage && window.localStorage.getItem("memos-me-id");
85
    this.memosMeNickname = window.localStorage && window.localStorage.getItem("memos-me-nickname");
86
    this.memosMeAvatarUrl = window.localStorage && window.localStorage.getItem("memos-me-avatarurl");
87
    this.memosMeArtalk = window.localStorage && window.localStorage.getItem("memos-artalk-input");
88
    this.memosMeArtalkSite = window.localStorage && window.localStorage.getItem("memos-artalksite-input");
89
    this.memosMeTwikoo = window.localStorage && window.localStorage.getItem("memos-twikoo-input");
90
    this.cfwkAiUrl = window.localStorage && window.localStorage.getItem("memos-cfwkai-url")
91
    this.geminiKey = window.localStorage && window.localStorage.getItem("memos-gemini-key")
92
    this.filterName = window.localStorage && window.localStorage.getItem("memos-filter-name")
93

94
    // this.themeTogglebtn = document.querySelector(".memos-theme-toggle");
95
    this.myFeedsBtn = document.querySelector(".my-blog-feeds");
96
    this.memosEditorInner = document.querySelector(".memos-editor-inner");
97
    this.memosEditorOption = document.querySelector(".memos-editor-option");
98
    this.memosRadomCont = document.querySelector(".memos-random");
99
    this.taglistBtn = document.querySelector(".tag-btn");
100
    this.codeoneBtn = document.querySelector(".codeone-btn");
101
    this.codeBtn = document.querySelector(".code-btn");
102
    this.linkBtn = document.querySelector(".link-btn");
103
    this.linkPicBtn = document.querySelector(".linkpic-btn");
104
    this.cfAiBtn = document.querySelector(".cfworkerai-btn") || "";
105
    this.cfAiLoadBtn = document.querySelector(".cfworkerai-load-btn");
106
    this.geminiAIBtn = document.querySelector(".geminiai-btn") || "";
107
    this.geminiAILoadBtn = document.querySelector(".geminiai-load-btn");
108
    this.randomBtn = document.querySelector(".random-btn");
109
    this.oneDayBtn = document.querySelector(".oneday-btn");
110
    this.userButton = document.querySelector('.user-button-span');
111
    this.privateBtn = document.querySelector(".private-btn");
112
    this.switchUserBtn = document.querySelector(".switchUser-btn");
113
    this.backToEditerBtn = document.querySelector(".backto-editer-btn");
114
    this.loadEditorBtn = document.querySelector(".call-memos-editor");
115
    this.searchBtn = document.querySelector(".search-memos-btn");
116
    this.searchInput = document.querySelector(".search-memos-input");
117
    this.userlistBtn = document.querySelector(".userlist-memos");
118
    this.randomUserBtn = document.querySelector(".randomuser-memos");
119
    this.submitApiBtn = document.querySelector(".submit-openapi-btn");
120
    this.submitMemoBtn = document.querySelector(".submit-memos-btn");
121
    this.memosVisibilitySelect = document.querySelector(".select-memos-value");
122
    this.pathInput = document.querySelector(".memos-path-input");
123
    this.tokenInput = document.querySelector(".memos-token-input");
124
    this.artalkInput = document.querySelector(".memos-artalk-input");
125
    this.artalkSiteInput = document.querySelector(".memos-artalksite-input");
126
    this.twikooInput = document.querySelector(".memos-twikoo-input");
127
    this.cfwkAiUrlInput = document.querySelector(".cfwkai-url-input");
128
    this.geminiKeyInput = document.querySelector(".gemini-key-input");
129
    this.filterNameInput = document.querySelector(".filter-name-input");
130
    this.uploadImageInput = document.querySelector(".memos-upload-image-input");
131
    //Webp格式
132
    this.uploadWebpImageInput = document.querySelector(".memos-upload-Webp-image-input");
133

134
    this.memosTextarea = document.querySelector(".memos-editor-textarea");
135

136
    this.editMemoDom = document.querySelector(".edit-memos");
137
    this.editMemoBtn = document.querySelector(".edit-memos-btn");
138
    this.cancelEditBtn = document.querySelector(".cancel-edit-btn");
139
    this.biaoqingBtn = document.querySelector(".biao-qing-btn");
140
    this.usernowDom = document.querySelector(".user-now");
141
    this.usernowBtnDom = document.querySelectorAll(".user-now .button");
142
    this.goHomeBtn = document.querySelector('.gohome-memos')
143
    this.goBbsBtn = document.querySelector('.gobbs-memos')
144

145
    this.memoDom = document.querySelector(this.memosData.listDom);
146
    this.skeleton = `<div class="el-loading"><div class="el-skeleton mb-3"></div><div class="el-skeleton mb-3"></div><div class="el-skeleton width-50 mb-3"></div><div class="el-skeleton mb-3"></div><div class="el-skeleton mb-3"></div><div class="el-skeleton width-50 mb-3"></div></div>`;
147

148
    this.loadBtn = document.querySelector("button.button-load");
149

150
    this.limit = this.memosData.limit;
151
    this.page = 1;
152
    this.nums = this.dataNum = this.memosContType = this.memosAccess = this.randomUser = 0;// = 0,this.dataNum = 0,this.memosContType = 0, this.memosAccess = 0,this.randomUser = 0;
153
    this.memoData = this.memosStr = [];
154
    this.memoCreatorMap = this.twikooCount = this.artalkCount = {}; // this.memosStr = [],this.memoCreatorMap = {},this.twikooCount = {},this.artalkCount = {};
155
    this.memosMode;
156
    this.nowLink;
157
    this.nowId;
158
    this.nowName;
159
    this.nowAvatar;
160
    this.nowV1;
161
    this.nowTagList = "";
162
    this.memoChangeDate = 0;
163
    this.getSelectedValue = window.localStorage && window.localStorage.getItem("memos-visibility-select") || "PUBLIC";
164

165
    this._getTheme();
166
    // this.themeTogglebtn.addEventListener('click', () => {
167
    //   if(!document.body.classList.contains("dark")){
168
    //     document.body.classList.add("dark-theme","dark");
169
    //     window.localStorage && window.localStorage.setItem("theme","dark");
170
    //   }else{
171
    //     document.body.classList.remove("dark-theme","dark");
172
    //     window.localStorage && window.localStorage.setItem("theme","light");
173
    //   }
174
    // });
175
    this._init();
176
    this.myFeedsBtn.addEventListener('click', (event) => {
177
      this.loadBtn.classList.add('d-none');
178
      this.memoDom.innerHTML = this.skeleton;
179
      this.usernowBtnDom.forEach((item) => {item.classList.remove('current');})
180
      this.myFeedsBtn.classList.add("current")
181
      let fetchUrl = "https://cf.edui.fun/all?rule=created&end=20"
182
      fetch(fetchUrl).then(res => res.json()).then(resdata =>{
183
        let myFeedData = resdata.article_data
184
        let myFeedArticle = '';
185
        for (var i = 0;i<myFeedData.length;i++){
186
          let item = myFeedData[i];
187
          myFeedArticle +=`
188
          <div class="card-item flex-fill p-3">
189
            <div class="d-flex flex-fill">
190
              <div class="item-avatar mr-2" style="background-image:url(${item.avatar})"></div>
191
              <div class="item-sub d-flex flex-column p-1">
192
                <div class="item-creator"><a href="${item.link}" target="_blank" rel="noopener nofollow" >${item.title}</a></div>
193
                <span class="myfeeds-floor">${item.floor}</span>
194
                <div class="item-mate mt-2 text-xs">${item.updated}</div>
195
              </div>
196
            </div>
197
          </div>
198
          `;
199
        }
200
        this.memoDom.innerHTML = `<div class="myfeeds-option row px-2 pb-2">
201
          <div class="myfeeds-xml card-item px-3 py-2 mr-3" data-type="bfind" onclick="window.memosbbs._myFeedsXML(this)">BlogFinder</div>
202
          <div class="myfeeds-xml card-item px-3 py-2 mr-3" data-type="boyou"  onclick="window.memosbbs._myFeedsXML(this)">博友圈</div>
203
          <div class="myfeeds-xml card-item px-3 py-2 mr-3" data-type="shinian"  onclick="window.memosbbs._myFeedsXML(this)">十年之约</div>
204
        </div>
205
        <div class="myfeeds">${myFeedArticle}</div>`;
206
        window.Lately && Lately.init({
207
          target: '.item-mate'
208
        });
209
      })
210
    });
211
    this.memosTextarea.addEventListener('focus', () => {
212
      let nowTag = document.querySelector(".memos-tagnow-name")
213
      if(nowTag !== null && this.memosTextarea.value == ""){
214
        this.memosTextarea.value = "#"+nowTag.textContent+" ";
215
      }
216
    });
217
    //搜索 Memo
218
    this.searchBtn.addEventListener("click", () => {
219
      if(this.searchInput.classList.contains("d-none")){
220
        this.userButton.classList.add("d-none")
221
        this.searchInput.classList.remove("d-none")
222
        this.searchInput.focus();
223
      }else if(!this.searchInput.classList.contains("d-none") && this.searchInput.value == ""){
224
        this.searchInput.classList.add("animate__fadeOutRight")
225
        setTimeout(() => {
226
          this.userButton.classList.remove("d-none")
227
          this.searchInput.classList.add("d-none")
228
          this.searchInput.classList.remove("animate__fadeOutRight")
229
        }, 500);
230
      }else if(this.searchInput.value !== ""){
231
        this._searchNow(this.searchInput.value)
232
      }
233
      this.searchInput.addEventListener('keydown', (event) => {
234
        if (event.key === 'Enter') {
235
          this._searchNow(this.searchInput.value)
236
        }
237
      });
238
    });
239
    //显示订阅列表
240
    this.userlistBtn.addEventListener("click", () => {
241
      let userlistDom = document.querySelector(".userlist");
242
      if(userlistDom){
243
        userlistDom.remove();
244
      }else{
245
        let userlistDom = `<div class="userlist card-item d-flex flex-wrap mb-3 animate__animated animate__fadeIn">`;
246
        for (var i = 0; i < this.memoList.length; i++) {
247
          let nowMemo = this.memoList[i]
248
          userlistDom += `<div onclick="window.memosbbs._getUserMemos('${nowMemo.link}', '${nowMemo.creatorId}','${nowMemo.creatorName.replace(/'/g, "’")}','${nowMemo.avatar}')" class="item-avatar" style="background-image:url(${nowMemo.avatar})"></div>`
249
        }
250
        userlistDom += `</div>`;
251
        this.memosDom.insertAdjacentHTML('beforebegin', userlistDom);
252
      }
253
    });
254
    this.goHomeBtn.addEventListener("click", () => {
255
      window.localStorage && window.localStorage.setItem("memos-mode",  "MEMOSHOME");
256
      let tagnowHas = document.querySelector(".memos-tagnow")
257
      if(tagnowHas) tagnowHas.remove();
258
      this._goHome();
259
    });
260
    this.goBbsBtn.addEventListener("click", () => {
261
      window.localStorage && window.localStorage.setItem("memos-mode",  "MEMOSBBS");
262
      let tagnowHas = document.querySelector(".memos-tagnow")
263
      if(tagnowHas) tagnowHas.remove();
264
      this._goBbs()
265
    });
266
    this.randomUserBtn.addEventListener("click", () => {
267
      window.localStorage && window.localStorage.setItem("memos-mode",  "RANDUSER");
268
      let tagnowHas = document.querySelector(".memos-tagnow")
269
      if(tagnowHas) tagnowHas.remove();
270
      this._goRandUser();
271
    });
272
    this.memosOldSelect;
273
    this.editMemoBtn.addEventListener("click", () => {
274
      let dataformNow = JSON.parse(window.localStorage && window.localStorage.getItem("memos-editor-dataform"));
275
      let memoId = dataformNow.id;
276
      let memoRelationList = dataformNow.relationList;
277
      this.memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
278
      let memoContent = this.memosTextarea.value;
279
      let memocreatedTs = dataformNow.createdTs;
280
      let memoVisibility = this.memosVisibilitySelect.value;
281
      let memoResourceList = window.localStorage && JSON.parse(window.localStorage.getItem("memos-resource-list"));
282
      if(this.memoChangeDate == 1){
283
        memocreatedTs = Math.floor(Date.now() / 1000);;
284
      }
285
      let hasContent = memoContent.length !== 0;
286
      if (hasContent) {
287
        let memoUrl = `${this.memosPath}api/v1/memo/${memoId}`;
288
        let memoBody = {content:memoContent,id:memoId,createdTs:memocreatedTs,relationList:memoRelationList,resourceIdList:memoResourceList,visibility:memoVisibility}
289
        fetch(memoUrl, {
290
          method: 'PATCH',
291
          body: JSON.stringify(memoBody),
292
          headers: {
293
            'Authorization': `Bearer ${this.memosOpenId}`,
294
            'Content-Type': 'application/json'
295
          }
296
        }).then((res) => {
297
          if (res.ok) {
298
            let tagnowHas = document.querySelector(".memos-tagnow")
299
            if(tagnowHas) tagnowHas.remove();
300
            cocoMessage.success(
301
            '修改成功',
302
            ()=>{
303
              this.memosVisibilitySelect.value = this.memosOldSelect;
304
              this.memoChangeDate = 0;
305
              this._clearTextarea();
306
            })
307
          }
308
        })
309
      }
310
    });
311
    this.cancelEditBtn.addEventListener("click", () => {
312
      if (!this.editMemoDom.classList.contains("d-none")) {
313
        this.memosVisibilitySelect.value = this.memosOldSelect;
314
        window.localStorage && window.localStorage.removeItem("memos-editor-dataform");
315
        this.editMemoDom.classList.add("d-none");
316
        this.submitMemoBtn.classList.remove("d-none");
317
        this._clearTextarea("cancel")
318
      }
319
    });
320
    // 获取 owo.json 文件中的数据
321
    this.emojiSelectorVisible = false;
322
    this.emojiSelector;
323
    this.emojis = [{"icon": "😂","text": "哭笑不得"},{"icon": "😎","text": "酷"},{"icon": "😏","text": "坏笑"},{"icon": "😅","text": "流汗"},{"icon": "😄","text": "笑"},{"icon": "😜","text": "调皮"},{"icon": "🤣","text": "笑倒"},{"icon": "😭","text": "大哭"},{"icon": "🙄","text": "白眼"},{"icon": "🤐","text": "嘘"},{"icon": "😋","text": "美食脸"},{"icon": "🥶","text": "冰冻"},{"icon": "🥵","text": "热"},{"icon": "😴","text": "睡觉"},{"icon": "🤧","text": "打喷嚏"},{"icon": "🍉","text": "西瓜"},{"icon": "😱","text": "惊恐"},{"icon": "👋","text": "招手"},{"icon": "🔨","text": "锤子"},{"icon": "🐶","text": "小狗"},{"icon": "👏","text": "鼓掌"},{"icon": "🙈","text": "不看"},{"icon": "😓","text": "汗"},{"icon": "😍","text": "爱心眼"},{"icon": "🤝","text": "握手"},{"icon": "🥺","text": "求你"},{"icon": "😔","text": "沮丧"},{"icon": "😪","text": "困"},{"icon": "😕","text": "困惑"},{"icon": "🤷‍♂️","text": "摊手"},{"icon": "😛","text": "舌头"},{"icon": "🤭","text": "偷笑"},{"icon": "🤮","text": "呕吐"},{"icon": "🥺","text": "求你"},{"icon": "🙂","text": "轻松的笑"},{"icon": "😈","text": "恶魔"},{"icon": "😃","text": "笑脸"},{"icon": "🤫","text": "嘘"},{"icon": "😒","text": "无语"},{"icon": "😵","text": "晕"},{"icon": "💪","text": "加油"},{"icon": "👍","text": "赞"},{"icon": "👎",  "text": "踩"},{"icon": "😡","text": "愤怒"},{"icon": "🤬","text": "怒骂"},{"icon": "😖","text": "心烦"},{"icon": "🌹","text": "玫瑰"},{"icon": "🏃","text": "跑步"},{"icon": "😆","text": "大笑"},{"icon": "💵","text": "钞票"},{"icon": "😘","text": "飞吻"},{"icon": "😷","text": "生病"},{"icon": "🤕","text": "受伤"},{"icon": "🎉","text": "庆祝"},{"icon": "❤️","text": "红心"},{"icon": "💔","text": "心碎"},{"icon": "😣","text": "无奈"},{"icon": "😘","text": "飞吻"},{"icon": "💩","text": "一坨便便"},{"icon": "🤩","text": "爱慕"}];
324
    // 表情选择器点击事件处理
325
    this.biaoqingBtn.addEventListener("click", (event) => {
326
      event.stopPropagation();
327
      this.emojiSelectorVisible = !this.emojiSelectorVisible;
328
      if (this.emojiSelectorVisible) {
329
        this._displayEmojiSelector();
330
      } else {
331
        this.emojiSelector?.remove();
332
      }
333
    });
334
    this._backToTop();
335
    // this._cfAiBtnClick();
336
    if(this.cfwkAiUrl != null && this.cfwkAiUrl !== "") {
337
      this.cfAiBtn.addEventListener('click', async () => {
338
        this.cfAiBtn.classList.add("d-none","noclick")
339
        this.cfAiLoadBtn.classList.remove("d-none")
340
        try{
341
          let textOld = this.memosTextarea.value
342
          let input = encodeURIComponent(this.memosTextarea.value)
343
          let fetchUrl = `${this.cfwkAiUrl}/?q=${input}`
344
          const source = new EventSource(fetchUrl);
345
          this.memosTextarea.value = `${textOld}\n----------\n`
346
          source.onmessage = (event) => {
347
            if(event.data=="[DONE]") {
348
              this.cfAiBtn.classList.remove("d-none","noclick")
349
              this.cfAiLoadBtn.classList.add("d-none")
350
              source.close();
351
              return;
352
            }
353
            const data = JSON.parse(event.data);
354
            this.memosTextarea.value += data.response
355
            this.memosTextarea.style.height = this.memosTextarea.scrollHeight + 'px';
356
          }
357
        } catch (error) {
358
          this.cfAiBtn.classList.add("d-none","noclick")
359
          this.cfAiLoadBtn.classList.remove("d-none")
360
          cocoMessage.error('已超时，请稍后再试～');
361
        }
362
      });
363
    }
364
    this.GeminiFetch = "https://lmm-api-gemini.deno.dev/v1/chat/completions";
365
  }
366

367
  _getTheme() {
368
    let getTheme = window.localStorage && window.localStorage.getItem("theme");
369
    if (getTheme !== null && getTheme == "dark"){
370
        document.body.classList.add("dark-theme","dark");
371
    }else{
372
        document.body.classList.remove("dark-theme","dark");
373
    }
374
    if (getTheme == null && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
375
      document.body.classList.add("dark-theme","dark");
376
    }
377
  }
378

379
  async _init() {
380
    // 获取自定义列表
381
    let memoOurList;
382
    if(typeof memosJson !== 'undefined') {
383
      try {
384
        memoOurList = await this._getMemoListData(memosJson.url); // 获取自定义列表
385
      } catch (error) {
386
        memoOurList = this.memoDefaultList
387
      }
388
    } else {
389
      try {
390
        memoOurList = await this._getMemoListData("https://memobbs.app/memos.json"); // 获取自定义列表
391
      } catch (error) {
392
        memoOurList = this.memoDefaultList
393
      }
394
    }
395
    if(typeof this.memosMyList !== 'undefined') {
396
      const mergedArray = [...this.memosMyList, ...memoOurList];
397
      this.memoList = mergedArray.filter((item, index) => {
398
        const stringifiedItem = JSON.stringify(item);
399
        return index === mergedArray.findIndex(obj => {
400
          return JSON.stringify(obj) === stringifiedItem;
401
        });
402
      });
403
    } else {
404
      this.memoList = memoOurList
405
    }
406

407
    //查询当前页面 window.location.origin 作为主页展示
408
    let memobbsAdmin = []
409
    let memobbsLink = window.location.origin;
410
    let linkIndex = this.memoList.findIndex(item => (item.website == memobbsLink))
411
    if(linkIndex >= 0){
412
      memobbsAdmin.push(this.memoList[linkIndex])
413
      const mergedArray2 = [...memobbsAdmin, ...this.memoList];
414
      this.memoList = mergedArray2.filter((item, index) => {
415
        const stringifiedItem = JSON.stringify(item);
416
        return index === mergedArray2.findIndex(obj => {
417
          return JSON.stringify(obj) === stringifiedItem;
418
        });
419
      });
420
    }
421

422
    this.nowLink = this.memosPath || this.memoList[0].link;
423
    if (!this.nowLink.endsWith('/')) {
424
      this.nowLink += '/';
425
    }
426
    this.nowId = this.memosMeID || this.memoList[0].creatorId;
427
    this.nowName = this.memosMeNickname || this.memoList[0].creatorName;
428
    this.nowAvatar = this.memosMeAvatarUrl || this.memoList[0].avatar;
429
    this.nowV1 = this.memoList[0].v1 || 'memo'
430
    this._memoFollow(this.getMode);
431
    this._getEditIcon();
432
  }
433

434
  // 获取自定义 memos.json 订阅列表
435
  async _getMemoListData(url) {
436
    const response = await fetch(url);
437
    const data = await response.json();
438
    if(this.filterName){
439
      let namesToRemove = this.filterName.replace(/，/g, ",").split(',');
440
      for (let name of namesToRemove) {
441
      let nameIndex = data.myMemoList.findIndex(item => (item.creatorName == name));
442
        if (nameIndex !== -1) {
443
          delete data.myMemoList.splice(nameIndex, 1);
444
        }
445
      };
446
    }
447
    return data.myMemoList
448
  }
449

450
  _memoFollow(mode) {
451
    //记忆显示模式
452
    this.usernowBtnDom.forEach((item) => {item.classList.remove('current');})
453
    if(mode == "MEMOSHOME"){
454
      this.goHomeBtn.classList.add("current")
455
      this._getUserMemos(this.nowLink,this.nowId,this.nowName,this.nowAvatar,"","","MEMOSHOME")
456
    }else if(mode == "MEMOSBBS"){
457
      this.goBbsBtn.classList.add("current")
458
      this._getMemos();
459
    }else if(mode == "RANDUSER"){
460
      this.randomUserBtn.classList.add("current")
461
      this._goRandUser()
462
    }else if(mode == "NOPUBLIC"){
463
      this._getUserMemos(this.nowLink,this.nowId,this.nowName,this.nowAvatar,"","",mode)
464
    }else if(mode == "oneday"){
465
      this._getUserMemos(this.nowLink,this.nowId,this.nowName,this.nowAvatar,"","",mode)
466
    }else{
467
      this.goHomeBtn.classList.add("current")
468
      this._getUserMemos(this.nowLink,this.nowId,this.nowName,this.nowAvatar,"","","")
469
    }
470

471
    this.loadBtn.addEventListener("click", () => {
472
      if(this.page < this.dataNum) {
473
        this.page++;
474
      }
475
      this._updateData(this.memoData)
476
      cocoMessage.success("加载中");
477
    });
478
  }
479

480
  async _getMemoCount(m) {
481
    let twikooData = m.filter(item => item.twikoo);
482
    if (twikooData.length !== 0) {
483
      let twikooRes = {};
484
      for (const { creatorName, twikoo, link, id } of twikooData) {
485
        if (!twikooRes[creatorName]) {
486
          twikooRes[creatorName] = {
487
            creatorName,
488
            envId: twikoo,
489
            urls: []
490
          };
491
        }
492
        twikooRes[creatorName].urls.push(`${link}m/${id}`);
493
      }
494
      let twikooList = Object.values(twikooRes);
495
      let twikooPromise = await Promise.all(
496
        twikooList.map(async (item) => {
497
          try {
498
            let res = await twikoo.getCommentsCount({
499
              envId: item.envId,
500
              urls: item.urls,
501
              includeReply: false
502
            });
503
            return res;
504
          } catch (err) {
505
            console.error(err);
506
            return [];
507
          }
508
        })
509
      );
510
      this.twikooCount = twikooPromise.flatMap(r => r);
511
    }
512
    let artalkData = m.filter(item => item.artalk);
513
    if (artalkData.length !== 0) {
514
      let artalkRes = {};
515
      for (const { creatorName, artalk, artSite, link, id } of artalkData) {
516
        if (!artalkRes[creatorName]) {
517
          artalkRes[creatorName] = {
518
            creatorName,
519
            envId: artalk,
520
            site_name: artSite,
521
            link,
522
            urls: []
523
          };
524
        }
525
        artalkRes[creatorName].urls.push(`/m/${id}`);
526
      }
527
      let artalkList = Object.values(artalkRes);
528
      let artalkPromise = await Promise.all(
529
        artalkList.map(async (item) => {
530
          try {
531
            let pageKeys = item.urls.join(',');
532
            let siteName = item.site_name;
533
            let response = await fetch(`${item.envId}/api/v2/stats/page_comment?page_keys=${pageKeys}&site_name=${siteName}`);
534
            if (!response.ok) {
535
              throw new Error(`Request failed`);
536
            }
537
            let results = await response.json();
538
            let countList = item.urls.map(url => {
539
              let count = results.data[url] || 0;
540
              return { url: item.link + url, count };
541
            });
542
            return countList;
543
          } catch (err) {
544
            return [];
545
          }
546
        })
547
      )
548
      this.artalkCount = artalkPromise.flatMap(r => r);
549
    }
550
    for (const item of m) {
551
      let count = 0;
552
      let url = `${item.link}/m/${item.id}`;
553
      if (item.twikoo) {
554
        let memoCount = this.twikooCount.find((o) => o.url === url);
555
        if (memoCount) {
556
          count = memoCount.count;
557
        }
558
      } else if (item.artalk) {
559
        let memoCount = this.artalkCount.find((o) => o.url === url);
560
        if (memoCount) {
561
          count = memoCount.count;
562
        }
563
      }
564
      item.count = count;
565
    }
566
    return m;
567
  }
568

569
  _updateData(res) {
570
    let oneDayTag = window.localStorage && window.localStorage.getItem("memos-oneday-tag");
571
    if(oneDayTag !== null){
572
      const firstItem = res.slice(0, 1);
573
      const restItems = res.slice(1);
574
      // 对后面的内容进行排序
575
      restItems.sort((a, b) => b.createdTs - a.createdTs);
576
      // 将两部分合并在一起
577
      const sortedArray = firstItem.concat(restItems);
578
      // 返回排序后的数组
579
      this._pagination(sortedArray)
580
      this.dataNum = Math.ceil(sortedArray.length/this.limit);
581
      this.nums = this.dataNum - 1;
582
      if (this.page > this.nums) {
583
        this.loadBtn.classList.add('d-none');
584
        return
585
      };
586
    }else{
587
      res.sort((i,o)=>{
588
        return( o.createdTs - i.createdTs)
589
      })
590
      this._pagination(res)
591
      this.dataNum = Math.ceil(res.length/this.limit);
592
      this.nums = this.dataNum - 1;
593
      if (this.page > this.nums) {
594
        this.loadBtn.classList.add('d-none');
595
        return
596
      };
597
    }
598
  }
599

600
  _pagination(data) {
601
    this.memosStr = [];
602
    var last = this.page * this.limit - 1;
603
    last = last >= data.length ? (data.length - 1) : last;
604
    for (var i = (this.page * this.limit - this.limit); i <= last; i++) {
605
      this.memosStr.push(data[i])
606
    };
607
    this._updateHtml(this.memosStr);
608
  }
609

610
  // 插入 html
611
  async _updateHtml(data) {
612
    let oneDayClass = "oneday";
613
    let tagnowHas = document.querySelector(".memos-tagnow")
614
    this.memosMode = window.localStorage && window.localStorage.getItem("memos-mode");
615
    let oneDayTag = window.localStorage && window.localStorage.getItem("memos-oneday-tag");
616
    let result = '',itemOption = '',itemContent = '';
617
    let TAG_REG = /#([^#\s!.,;:?"'()]+)(?= )/g,
618
      IMG_REG = /\!\[(.*?)\]\((.*?)\)/g,
619
      LINK_REG = /(?<!!)\[(.*?)\]\((.*?)\)/g,
620
      LINE_REG = /\n/g,
621
      BLOCKQUDTE_REG = /\>.*$/g,
622
      CODE_REG = /\```.*$/g,
623
      DOUDB_LINK_REG = /(https:\/\/(www|movie|book)\.douban\.com\/(game|subject)\/[0-9]+\/).*?/g,
624
      NEODB_LINK_REG = /(https:\/\/neodb\.social\/(game|movie|tv\/season|book)\/[0-9a-zA-Z]+)(?= )/g,
625
      BILIBILI_REG2 = /{ bilibili ([0-9a-zA-Z]+) }/g,
626
      BILIBILI_REG = /<a.*?href="https:\/\/www\.bilibili\.com\/video\/((av[\d]{1,10})|(BV([\w]{10})))\/?".*?>.*<\/a>/g,
627
      NETEASE_MUSIC_REG = /<a.*?href="https:\/\/music\.163\.com\/.*id=([0-9]+)".*?>.*<\/a>/g,
628
      QQMUSIC_REG = /<a.*?href="https\:\/\/y\.qq\.com\/.*(\/[0-9a-zA-Z]+)(\.html)?".*?>.*?<\/a>/g,
629
      QQVIDEO_REG = /<a.*?href="https:\/\/v\.qq\.com\/.*\/([a-z|A-Z|0-9]+)\.html".*?>.*<\/a>/g,
630
      YOUKU_REG = /<a.*?href="https:\/\/v\.youku\.com\/.*\/id_([a-z|A-Z|0-9|==]+)\.html".*?>.*<\/a>/g,
631
      YOUTUBE_REG = /<a.*?href="https:\/\/www\.youtube\.com\/watch\?v\=([a-z|A-Z|0-9]{11})\".*?>.*<\/a>/g,
632
      APLAYER_REG = /\{aplayer:[^}]+\}/g,
633
      SONG_TITLE_REG = /(?<=title:)[^;]+/i,
634
      SONG_ARTIST_REG = /(?<=artist:)[^;]+/i,
635
      SONG_COVER_REG = /(?<=cover:)[^;]+/i,
636
      APLAYER_SERVER_REG = /(?<=server:)([^;]+)/i,
637
      APLAYER_ID_REG = /(?<=id:)[^}]+/i,
638
      APLAYER_TYPE_REG = /(?<=type:)[^;]+/i;
639

640
      marked.setOptions({
641
        breaks: true,
642
        smartypants: false,
643
        langPrefix: 'language-'
644
      });
645
    for (var i = 0; i < data.length; i++) {
646
      let memo = data[i];
647
      let link = memo.link;
648
      if (!link.endsWith('/')) {
649
        link += '/';
650
      }
651
      let memoString = JSON.stringify(memo).replace(/"/g, '&quot;');
652
      let avatar = memo.avatar;
653
      let count = memo.count || "";
654
      let website = memo.website;
655
      let creatorId = memo.creatorId;
656
      let creatorName = memo.creatorName;
657
      let createdTs = memo.createdTs;
658
      let in2Week = Math.floor(new Date().getTime()/ 1000) - createdTs <= 1209600 ? "in2week" : "out2week";
659
      let memosId = createdTs+memo.id;
660
      let memosVisibility = memo.visibility
661
      let twikooEnv = memo.twikoo;
662
      let artalkEnv = memo.artalk;
663
      let artSite = `${memo.artSite}`;
664
      let memosLink = link + "m/" + (memo.uid || memo.name || memo.id);
665
      let memosRes = memo.content
666
        .replace(TAG_REG, "")
667
        .replace(IMG_REG, "")
668
        .replace(DOUDB_LINK_REG, "")
669
        .replace(NEODB_LINK_REG, "")
670
        .replace(LINK_REG, `<a class='primary' href='$2' target='_blank'>$1</a>`)
671
      memosRes = marked.parse(memosRes)
672
        .replace(BILIBILI_REG, `<div class='video-wrapper'><iframe src='//player.bilibili.com/player.html?autoplay=0&bvid=$1' scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe></div>`)
673
        .replace(BILIBILI_REG2, `<div class='video-wrapper'><iframe src='//player.bilibili.com/player.html?autoplay=0&bvid=$1' scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe></div>`)
674
        .replace(NETEASE_MUSIC_REG, `<meting-js auto='https://music.163.com/#/song?id=$1'></meting-js>`)
675
        .replace(QQMUSIC_REG, `<meting-js auto='https://y.qq.com/n/yqq/song$1.html'></meting-js>`)
676
        .replace(QQVIDEO_REG, `<div class='video-wrapper'><iframe src='//v.qq.com/iframe/player.html?vid=$1' allowFullScreen='true' frameborder='no'></iframe></div>`)
677
        .replace(YOUKU_REG, `<div class='video-wrapper'><iframe src='https://player.youku.com/embed/$1' frameborder=0 'allowfullscreen'></iframe></div>`)
678
        .replace(YOUTUBE_REG, `<div class='video-wrapper'><iframe src='https://www.youtube.com/embed/$1' title='YouTube video player' frameborder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' allowfullscreen title='YouTube Video'></iframe></div>`)
679
        .replace(APLAYER_REG, "");
680
      let transData = memo.content.replace(TAG_REG, "").replace(IMG_REG, "").replace(LINK_REG, "$1").replace(LINE_REG, " ").replace(BLOCKQUDTE_REG, "").replace(CODE_REG, "");
681
      if(transData.length>140){transData = transData.substring(0,140) + '...'};
682
      let memosForm = {creatorName:creatorName,content:transData,url:memosLink};
683
      let memosFormString = JSON.stringify(memosForm).replace(/"/g, '&quot;');
684
      //解析 content 内 md 格式图片
685
      let imgArr = memo.content.match(IMG_REG);
686
      let imgStr = String(imgArr).replace(/[,]/g, '');
687
      if (imgArr) {
688
          let memosImg = imgStr.replace(IMG_REG, `<div class="memo-resource width-100"><img class="lozad" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="$2"></div>`)
689
          memosRes += `<div class="resource-wrapper"><div class="images-wrapper my-2" view-image>${memosImg}</div></div>`
690
      }
691
      // aplayer
692
      let aplayerArr = memo.content.match(APLAYER_REG);
693
      let musicDom = '';
694
      if (aplayerArr) {
695
        for(let x=0;x < aplayerArr.length;x++){
696
          let server = APLAYER_SERVER_REG.exec(aplayerArr[x]), type = APLAYER_TYPE_REG.exec(aplayerArr[x]), id = APLAYER_ID_REG.exec(aplayerArr[x]), cover = SONG_COVER_REG.exec(aplayerArr[x]), title = SONG_TITLE_REG.exec(aplayerArr[x]), artist = SONG_ARTIST_REG.exec(aplayerArr[x])
697
          musicDom += `<button class="bber-music" onclick="sco.changePlaylist('${server[0]}', '${type}', '${id}')" data-pjax-state=""><div class="bber-music-wrap"><div class="bber-music-pic" style="background: url(&quot;${cover}&quot;) center/contain no-repeat"></div><div class="bber-music-info"><div class="bber-music-title">${title}</div><div class="bber-music-artist">${artist}</div></div></div><svg fill="#000000" width="800px" height="800px" viewBox="-5.5 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M5.688 9.656v10.906c-0.469-0.125-0.969-0.219-1.406-0.219-1 0-2.031 0.344-2.875 0.906s-1.406 1.469-1.406 2.531c0 1.125 0.563 1.969 1.406 2.531s1.875 0.875 2.875 0.875c0.938 0 2-0.313 2.844-0.875s1.375-1.406 1.375-2.531v-11.438l9.531-2.719v7.531c-0.438-0.125-0.969-0.188-1.438-0.188-0.969 0-2.031 0.281-2.875 0.844s-1.375 1.469-1.375 2.531c0 1.125 0.531 2 1.375 2.531 0.844 0.563 1.906 0.906 2.875 0.906 0.938 0 2.031-0.344 2.875-0.906 0.875-0.531 1.406-1.406 1.406-2.531v-14.406c0-0.688-0.469-1.156-1.156-1.156-0.063 0-0.438 0.125-1.031 0.281-1.25 0.344-3.125 0.875-5.25 1.5-1.094 0.281-2.063 0.594-3.031 0.844-0.938 0.281-1.75 0.563-2.469 0.75-0.75 0.219-1.219 0.344-1.406 0.406-0.5 0.156-0.844 0.594-0.844 1.094z"></path></svg></button>`
698
        }
699
      }
700
      // DoubanDB
701
      let doudbArr = memo.content.match(DOUDB_LINK_REG);
702
      let neodbDom = '';
703
      if(doudbArr){
704
        for(let k=0;k < doudbArr.length;k++){
705
          neodbDom += await this._fetchNeoDB(doudbArr[k],"douban")
706
        }
707
      }
708
      // DoubanDB
709
      let neodbArr = memo.content.match(NEODB_LINK_REG);
710
      if(neodbArr){
711
        for(let l=0;l < neodbArr.length;l++){
712
          neodbDom += await this._fetchNeoDB(neodbArr[l],"neodb")
713
        }
714
      }
715
      //标签
716
      let tagArr = memo.content.match(TAG_REG);
717
      let memosTag = '';
718
      if (tagArr) {
719
        memosTag = tagArr.map(t=>{
720
          return `<div class="item-tag d-flex align-items-center text-sm line-xl mr-2 px-2" onclick="window.memosbbs._getTagNow('${link}','${creatorId}','${creatorName}','${avatar}',this)">${String(t).replace(/[#]/, '')}</div>`;
721
        }).join('');
722
      }else{
723
        memosTag = `<div class="item-tag d-flex align-items-center text-sm line-xl mr-2 px-2 no-cursor">动态</div>`;
724
      }
725

726
      //解析内置资源文件
727
      if (memo.resourceList && memo.resourceList.length > 0) {
728
        let resourceList = memo.resourceList;
729
        let imgUrl = '',resUrl = '',resImgLength = 0;
730
        for (let j = 0; j < resourceList.length; j++) {
731
          let restype = resourceList[j].type.slice(0, 5);
732
          let resexlink = resourceList[j].externalLink;
733
          let imgLink = '', fileId = '';
734
          if (resexlink) {
735
              imgLink = resexlink
736
          } else {
737
              fileId = resourceList[j].id;
738
              if(resourceList[j].uid !== undefined){
739
                fileId = resourceList[j].uid
740
              }else if(resourceList[j].name !== undefined){
741
                fileId = resourceList[j].name+"?thumbnail=1"
742
              }
743
              imgLink = `${link}o/r/${fileId}`;
744
          }
745
          if (restype == 'image') {
746
            imgUrl += `<div class="memo-resource w-100"><img class="lozad" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="${imgLink}"/></div>`;
747
            resImgLength = resImgLength + 1
748
          }
749
          if (restype == 'video') {
750
            resUrl += `<video style="width:100%;max-height:50vh;" crossorigin="anonymous" src="${imgLink}" controls=""></video>`
751
          }
752
          if (restype !== 'video' && restype !== 'image') {
753
            resUrl += `<a class="memos-tag p-1" target="_blank" rel="noreferrer" href="${imgLink}">${resourceList[j].filename}</a>`;
754
          }
755
        }
756
        if (imgUrl) {
757
          memosRes += `<div class="resource-wrapper"><div class="images-wrapper my-2" view-image>${imgUrl}</div></div>`
758
        }
759
        if (resUrl) {
760
          memosRes += `<p class="datasource">${resUrl}</p>`
761
        }
762
      }
763
      this.memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
764
      if (this.memosOpenId != null && this.memosOpenId !== ""  && this.nowId == creatorId && this.nowLink == link) {
765
        itemOption = `<div class="item-option mr-1"><div class="d-flex dropdown"><svg xmlns="http://www.w3.org/2000/svg" width="1.15rem" height="1.15rem" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></g></svg><div class="dropdown-wrapper d-none"><a class="btn edit-btn" data-form="${memoString}" onclick="window.memosbbs._editMemo(this)">编辑</a><a class="btn arch-btn" onclick="window.memosbbs._archiveMemo('${memo.id}')">归档</a><a class="btn del-btn" onclick="window.memosbbs._deleteMemo('${memo.id}')">删除</a></div></div></div>`;
766
      }else if (this.memosOpenId != null && this.memosOpenId !== "") {
767
        itemOption = `<div class="item-option mr-1">
768
          <div class="d-flex dropdown">
769
            <svg xmlns="http://www.w3.org/2000/svg" width="1.15rem" height="1.15rem" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></g></svg>
770
            <div class="dropdown-wrapper d-none">
771
              <a class="btn sav-btn" data-form="${memoString}" onclick="window.memosbbs._saveMemo(this)">收藏</a>
772
              <a class="btn via-btn" data-form="${memoString}" onclick="window.memosbbs._viaNow(this)">引用</a>
773
              <a class="btn jump-btn" href="${memosLink}" target="_blank" rel="noopener noreferrer">跳转</a>
774
            </div>
775
          </div>
776
        </div>`;
777
      }else{
778
        itemOption = `<div class="item-option mr-1"><a class="d-flex" href="${memosLink}" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="1.15rem" height="1.15rem" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6m4-3h6v6m-11 5L21 3"></path></svg></a></div>`;
779
      }
780
      itemContent = `<div class="item-content"><div class="item-inner">${memosRes+musicDom}</div><div class="item-footer d-flex mt-2"><div class="d-flex">${memosTag}</div>`;
781
      if (twikooEnv && memosVisibility == "PUBLIC") {
782
        itemContent += `<div class="d-flex flex-fill justify-content-end"><div class="item d-flex align-items-center"><a data-id="${memo.id}" data-time="${createdTs}" data-env="${twikooEnv}" data-path="${memosLink}" onclick="window.memosbbs._loadTwikoo(this)" rel="noopener noreferrer" class="d-flex twikoo-btn"><svg xmlns="http://www.w3.org/2000/svg" width="1.25rem" height="1.25rem" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2zM8 10h.01M12 10h.01M16 10h.01"/></svg></a><span class="ml-1">${count}</span></div></div></div><div id="${memosId}" class="item-comment mt-3 d-none"></div>`;
783
      } else if (artalkEnv && memosVisibility == "PUBLIC") {
784
        itemContent += `<div class="d-flex flex-fill justify-content-end"><div class="item d-flex align-items-center"><a data-id="${memo.id}" data-time="${createdTs}" data-env="${artalkEnv}" data-path="${artSite}" onclick="window.memosbbs._loadArtalk(this)" rel="noopener noreferrer" class="d-flex artalk-btn"><svg xmlns="http://www.w3.org/2000/svg" width="1.25rem" height="1.25rem" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2zM8 10h.01M12 10h.01M16 10h.01"/></svg></a><span class="ml-1">${count}</span></div></div></div><div id="${memosId}" class="item-comment mt-3 d-none"></div>`;
785
      } else if(memosVisibility !== "PUBLIC"){
786
        itemContent += `<div class="d-flex flex-fill justify-content-end"><div class="item d-flex align-items-center mr-1 pri-btn" onclick="window.memosbbs._getUserMemos('${link}','${creatorId}','${creatorName}','${avatar}','','','NOPUBLIC')"><svg xmlns="http://www.w3.org/2000/svg" width="1.15rem" height="1.15rem" viewBox="0 0 14 14"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.68 4.206C2.652 6.015 4.67 7.258 7 7.258c2.331 0 4.348-1.243 5.322-3.052M2.75 5.596L.5 7.481m4.916-.415L4.333 9.794m6.917-4.198l2.25 1.885m-4.92-.415l1.083 2.728"/></svg></div></div></div>`;
787
      } else {
788
        itemContent += `<div class="d-flex flex-fill justify-content-end"></div></div>`;
789
      }
790
      itemContent += `</div></div></div>`
791
      result = `<div class="${this.memosMode == "MEMOSHOME" && tagnowHas == null &&oneDayTag !== null && i == 0 ? oneDayClass : ''} memo-${memosId} d-flex animate__animated mb-3 memos-item"><div class="card-item flex-fill p-3"><div class="item-header d-flex mb-3"><div class="d-flex flex-fill"><div class="item-avatar mr-2" style="background-image:url(${avatar})"></div><div class="item-sub d-flex flex-column p-1"><div class="item-creator"><a ${website !== undefined ? 'href=\"' + website + '\"': ''} target="_blank">${creatorName}</a></div><div class="item-mate ${in2Week} mt-2 text-xs">${new Date(createdTs * 1000 - 5 ).toLocaleString()}</div></div></div>${itemOption}</div>${neodbDom+itemContent}</div></div>`;
792
      this.memoDom.insertAdjacentHTML('beforeend', result);
793

794
      //循环绑定事件，替代元素内onclick方法 update: 放弃了，如果有更好的办法的话请告诉我吧，谢谢！
795
      let queryAvatarList = document.querySelectorAll('#memo-list .item-avatar'), lastAvatar = queryAvatarList[queryAvatarList.length - 1];
796
      lastAvatar.addEventListener('click', () => {this._getUserMemos(link, creatorId, creatorName, avatar)});
797
    } // end for
798

799
    this.loadBtn.textContent = "加载更多";
800
    function animation() {
801
      var animate = document.getElementsByClassName("animate__animated");
802
      Array.prototype.slice.call(animate,0).forEach((i,index) => {
803
        const top = i.getBoundingClientRect().top; // 目标元素dom距离顶部的高度
804
        if (top <= window.innerHeight) { // 当top小于等于文档显示区域的高时，就进入可视区域了
805
          i.classList.contains('animate__fadeIn"') ? '' : i.classList.add("animate__fadeIn")
806
        }
807
      })
808
    }
809
    animation();
810

811
    window.addEventListener('scroll', animation);
812
    //图片灯箱
813
    window.ViewImage && ViewImage.init('.images-wrapper img')
814
    //相对时间
815
    window.Lately && Lately.init({
816
      target: '.item-mate.in2week'
817
    });
818
    //延迟加载
819
    let observer = lozad('.lozad');
820
    observer.observe();
821
    //下拉菜单
822
    let dropdowns = document.querySelectorAll(".dropdown");
823
    Array.from(dropdowns).forEach((dropdown) => {
824
      let lis = Array.from(dropdown.children).slice(1);
825
      dropdown.addEventListener("mouseenter", () => {
826
        lis.forEach((item) => {
827
          item.classList.remove("d-none");
828
        });
829
      });
830
      dropdown.addEventListener("mouseleave", () => {
831
        lis.forEach((item) => {
832
          item.classList.add("d-none");
833
        });
834
      });
835
    });
836
  }
837

838
  _withTimeout(millis, promise) {
839
    let timeout = new Promise((resolve, reject) =>
840
      setTimeout(() => reject(`Timed out after ${millis} ms.`), millis)
841
    );
842
    return Promise.race([promise, timeout]);
843
  };
844

845
  async _getMemos(search) {
846
    this.memoData = [], this.memoCreatorMap = {}, this.page = 1, this.nums = 0, this.dataNum = 0, this.memosContType = 0, this.memosAccess = 0;
847
    this.memoDom.innerHTML = this.skeleton;
848
    this.loadBtn.classList.add("d-none");
849
    let results;
850
    if(search && search != "" && search != null ){
851
      results = await Promise.allSettled(this.memoList.map(u => {
852
        let uLink = u.link
853
        if (!uLink.endsWith('/')) {
854
          uLink += '/';
855
        }
856
        const fetchUrl = `${uLink}api/v1/memo?creatorId=${u.creatorId}&content=${search}&rowStatus=NORMAL&limit=${this.limit}`;
857
        return this._withTimeout(2000, fetch(fetchUrl)
858
          .then(response => {
859
            if (!response.ok) {
860
              throw new Error(response.statusText);
861
            }
862
            return response.json();
863
          })
864
        );
865
      }));
866
    }else{
867
      results = await Promise.allSettled(this.memoList.map(async(u) => {
868
        let matchedMemo = this.memoList.find(item => item.link === u.link);
869
        let matchedV1 = matchedMemo ? matchedMemo.v1 : undefined;
870
        let fetchUrl;
871
        let uLink = u.link
872
        if (!uLink.endsWith('/')) {
873
          uLink += '/';
874
        }
875
        if (matchedV1) {
876
          const filter = `creator=='users/${matchedMemo.creatorId}'&&visibilities==['PUBLIC']`
877
          fetchUrl = `${uLink}api/v1/memos?pageSize=${this.limit}&filter=${encodeURIComponent(filter)}`
878
        }else{
879
          fetchUrl = `${uLink}api/v1/memo?creatorId=${u.creatorId}&rowStatus=NORMAL&limit=${this.limit}`;
880
        }
881

882
        const response = await this._withTimeout(2000, fetch(fetchUrl));
883
        if (!response.ok) {
884
          throw new Error(response.statusText);
885
        }
886
        const data = await response.json();
887
        const memosData = matchedV1 ? data.memos : data;
888

889
        memosData.forEach(item => {
890
          if (matchedV1 && item.createTime) {
891
            item.createdTs = Math.floor(new Date(item.createTime).getTime() / 1000);
892
          }
893
          for (let key in matchedMemo) {
894
            if (matchedMemo.hasOwnProperty(key)) {
895
              item[key] = matchedMemo[key];
896
            }
897
          }
898
        });
899
        return memosData
900
      }));
901
    }
902
    results = results.filter(i => i.status === 'fulfilled');
903
    this.memoData = results.flatMap(result => result.value);
904

905
    //this.memoData = await getMemoCount(this.memoData);
906
    this.memoDom.innerHTML = "";
907
    this._updateData(this.memoData);
908
    setTimeout(() => {
909
      this.loadBtn.classList.remove('d-none');
910
    }, 1000);
911
    //setTimeout(() => {
912
      window.scrollTo({
913
        top: this.usernowDom.offsetTop - 30,
914
        behavior: "smooth"
915
      });
916
    //}, 800);
917
    this.goBbsBtn.classList.remove("noclick")
918
  }
919

920
  _myFeedsXML(e){
921
    this.loadBtn.classList.add('d-none');
922
    let myfeedsDom = document.querySelector(".myfeeds")
923
    document.querySelectorAll('.myfeeds-xml').forEach((item) => {
924
      item.classList.add('noclick');
925
      item.classList.remove('current');
926
    })
927
    e.classList.add("current")
928
    let type = e.getAttribute("data-type")
929
    myfeedsDom.innerHTML = ""
930
    let myFeedArticle = '',entries;
931
    myfeedsDom.innerHTML = this.skeleton;
932
    if(type=="bfind"){
933
      fetch('https://cors.memobbs.app/https://bf.zzxworld.com/feed.xml').then(response => response.text()).then(str => new window.DOMParser().parseFromString(str, 'text/xml'))
934
      .then(data => {
935
        entries = Array.from(data.querySelectorAll('entry')).map(entry => {
936
          return {
937
            title: entry.querySelector('title').textContent,
938
            link: entry.querySelector('link').getAttribute('href'),
939
            published: entry.querySelector('published').textContent,
940
            creator: entry.querySelector('author name').textContent
941
          };
942
        });
943
        var myFeedArticle = '';
944
        for (var i = 0;i<20;i++){
945
          let item = entries[i];
946
          myFeedArticle +=`
947
          <div class="card-item flex-fill p-3">
948
            <div class="d-flex flex-fill">
949
              <div class="item-avatar mr-2 face" style="background-image:url('https://favicon.memobbs.app?url=${item.link}')"></div>
950
              <div class="item-sub d-flex flex-column p-1">
951
                <div class="item-creator"><a href="${item.link}" target="_blank" rel="noopener nofollow" >${item.title}</a></div>
952
                <span class="myfeeds-floor">${i+1}</span>
953
                <div class="item-mate mt-2 text-xs">${item.published}</div>
954
              </div>
955
            </div>
956
          </div>
957
          `;
958
          myfeedsDom.innerHTML = myFeedArticle
959
        }
960
        document.querySelectorAll('.myfeeds-xml').forEach((item) => {item.classList.remove('noclick');})
961
        window.Lately && Lately.init({target: '.item-mate'});
962
      });
963
    }
964
    if(type=="boyou"){
965
      fetch("https://www.boyouquan.com/feed.xml").then(response => response.text()).then(str => new window.DOMParser().parseFromString(str, 'text/xml'))
966
      .then(data => {
967
        entries = Array.from(data.querySelectorAll('item')).map(entry => {
968
          return {
969
            title: entry.querySelector('title').textContent,
970
            link: decodeURIComponent(entry.querySelector('link').textContent.replace('https://www.boyouquan.com/go?from=feed&link=',"")),
971
            published: entry.getElementsByTagName('dc:date')[0].textContent,
972
            creator: entry.getElementsByTagName('dc:creator')[0].textContent
973
          };
974
        });
975
        for (var i = 0;i<20;i++){
976
          let item = entries[i];
977
          myFeedArticle +=`
978
          <div class="card-item flex-fill p-3">
979
            <div class="d-flex flex-fill">
980
              <div class="item-avatar mr-2 face" style="background-image:url('https://favicon.memobbs.app?url=${item.link}')"></div>
981
              <div class="item-sub d-flex flex-column p-1">
982
                <div class="item-creator"><a href="${item.link}" target="_blank" rel="noopener nofollow" >${item.title}</a></div>
983
                <span class="myfeeds-floor">${i+1}</span>
984
                <div class="item-mate mt-2 text-xs">${item.published}</div>
985
              </div>
986
            </div>
987
          </div>
988
          `;
989
          myfeedsDom.innerHTML = myFeedArticle
990
        }
991
        document.querySelectorAll('.myfeeds-xml').forEach((item) => {item.classList.remove('noclick');})
992
        window.Lately && Lately.init({target: '.item-mate'});
993
      });
994
    }
995
    if(type=="shinian"){
996
      fetch("https://www.foreverblog.cn/api/v1/blog/feeds?page=1").then(res => res.json()).then(resdata =>{
997
        for (var i = 0;i<20;i++){
998
          let item = resdata.data.data[i];
999
          myFeedArticle +=`
1000
          <div class="card-item flex-fill p-3">
1001
            <div class="d-flex flex-fill">
1002
              <div class="item-avatar mr-2" style="background-image:url(https://gravatar.loli.net/avatar/${item.email})"></div>
1003
              <div class="item-sub d-flex flex-column p-1">
1004
                <div class="item-creator"><a href="${item.link}" target="_blank" rel="noopener nofollow" >${item.title}</a></div>
1005
                <span class="myfeeds-floor">${i+1}</span>
1006
                <div class="item-mate mt-2 text-xs">${item.created_at}</div>
1007
              </div>
1008
            </div>
1009
          </div>
1010
          `;
1011
          myfeedsDom.innerHTML = myFeedArticle
1012
        }
1013
        document.querySelectorAll('.myfeeds-xml').forEach((item) => {item.classList.remove('noclick');})
1014
        window.Lately && Lately.init({target: '.item-mate'});
1015
      });
1016
    }
1017
  }
1018

1019
  //标签筛选且输入框为空，自动插入标签
1020
  _memosTextareaFocus() {
1021
    let nowTag = document.querySelector(".memos-tagnow-name")
1022
    if(nowTag !== null && this.memosTextarea.value == ""){
1023
      this.memosTextarea.value = "#"+nowTag.textContent+" ";
1024
    }
1025
  };
1026

1027
  _searchNow(serchText){
1028
    if(serchText !== ""){
1029
      let tagnowHas = document.querySelector(".memos-tagnow")
1030
      if(tagnowHas) tagnowHas.remove();
1031
      let usernowName = document.querySelector(".user-now-name").innerHTML;
1032
      let serchDom = `
1033
        <div class="memos-tagnow row p-2 mb-2">
1034
          <div class="memos-tagnow-title mr-3">当前搜索b:</div>
1035
          <div class="memos-tagnow-name card-item pr-2 pl-2" onclick="window.memosbbs._reloadUser('search')">${serchText}<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-auto ml-1 opacity-40"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div>
1036
        </div>`
1037
      this.memosDom.insertAdjacentHTML('beforebegin', serchDom);
1038
      if(usernowName == ""){
1039
        this._getMemos(serchText)
1040
      }else{
1041
        let userNameIndex = this.memoList.findIndex(item => (item.creatorName == usernowName));
1042
        if(userNameIndex == -1){
1043
          this._getUserMemos(this.nowLink,this.nowId,this.nowName,this.nowAvatar,"",serchText)
1044
        }else{
1045
          let userNowData = this.memoList[userNameIndex]
1046
          this._getUserMemos(userNowData.link,userNowData.creatorId,userNowData.creatorName,userNowData.avatar,"",serchText)
1047
        }
1048
      }
1049
      this.searchInput.value = ''
1050

1051
      this.searchInput.classList.add("animate__fadeOutRight")
1052
    setTimeout(() => {
1053
      this.userButton.classList.remove("d-none")
1054
      this.searchInput.classList.add("d-none")
1055
      this.searchInput.classList.remove("animate__fadeOutRight")
1056
    }, 500);
1057
    }
1058
  }
1059

1060
  //返回个人主页
1061
  _goHome(){
1062
    this.goHomeBtn.classList.add("noclick")
1063
    this.usernowBtnDom.forEach((item) => {item.classList.remove('current');})
1064
    this.goHomeBtn.classList.add("current")
1065
    this.goBbsBtn.classList.remove("current")
1066
    this.randomUser = 0;
1067
    this._getUserMemos(this.nowLink,this.nowId,this.nowName,this.nowAvatar)
1068
    cocoMessage.success("Hi， "+this.nowName);
1069
  };
1070

1071
  //切换为广场模式
1072
  _goBbs(){
1073
    this.goBbsBtn.classList.add("noclick")
1074
    this.usernowBtnDom.forEach((item) => {item.classList.remove('current');})
1075
    this.goBbsBtn.classList.add("current")
1076
    this.goHomeBtn.classList.remove("current")
1077
    this._getMemos();
1078
    let usernowName = document.querySelector(".user-now-name");
1079
    let usernowAvatar = document.querySelector(".user-now-avatar");
1080
    usernowName.innerHTML = "";
1081
    usernowAvatar.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
1082
    //this.goBbsBtn.classList.remove("noclick")
1083
    cocoMessage.success("有啥新鲜事儿？");
1084
  };
1085

1086
  //随机个人
1087
  _goRandUser(){
1088
    this.randomUser = 1;
1089
    this.usernowBtnDom.forEach((item) => {item.classList.remove('current');})
1090
    this.randomUserBtn.classList.add("current")
1091
    let usernowName = document.querySelector(".user-now-name");
1092
    let usernowAvatar = document.querySelector(".user-now-avatar");
1093
    usernowName.innerHTML = ""
1094
    usernowAvatar.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
1095
    let randomIndex = Math.round(Math.random() * (this.memoList.length - 1));
1096
    let userNowData = this.memoList[randomIndex]
1097
    this._getUserMemos(userNowData.link,userNowData.creatorId,userNowData.creatorName,userNowData.avatar,"","")
1098
    cocoMessage.success(userNowData.creatorName+" 上线～");
1099
  }
1100

1101
  //重载当前 user
1102
  _reloadUser(mode){
1103
    let tagnowHas = document.querySelector(".memos-tagnow")
1104
    if(tagnowHas) tagnowHas.remove();
1105
    let usernowName = document.querySelector(".user-now-name").innerHTML;
1106
    if(usernowName == ""){
1107
      this._getMemos()
1108
    }else{
1109
      let userNameIndex = this.memoList.findIndex(item => (item.creatorName == usernowName));
1110
      if(userNameIndex == -1){
1111
        this._getUserMemos(this.nowLink,this.nowId,this.nowName,this.nowAvatar)
1112
      }else{
1113
        let userNowData = this.memoList[userNameIndex]
1114
        this._getUserMemos(userNowData.link,userNowData.creatorId,userNowData.creatorName,userNowData.avatar)
1115
      }
1116
    }
1117
    if(mode == "search"){
1118
      this.memosTextarea.value = '';
1119
    }
1120
  }
1121

1122
  // 获取指定用户列表
1123
  async _getUserMemos(link,id,name,avatar,tag,search,mode,random) {
1124
    let matchedMemo = this.memoList.find(item => (item.link === link))
1125
    let matchedV1 = matchedMemo ? matchedMemo.v1 : undefined;
1126
    this.memoDom.innerHTML = this.skeleton;
1127
    this.loadBtn.classList.add('d-none');
1128
    this.randomUserBtn.classList.add("noclick");
1129
    this.memoData = [],this.memoCreatorMap = {}, this.page = 1,this.nums = 0,this.dataNum = 0,this.memosContType = 1;
1130
    this.memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
1131
    let usernowName = document.querySelector(".user-now-name");
1132
    let usernowAvatar = document.querySelector(".user-now-avatar");
1133
    usernowName.innerHTML = name;
1134
    usernowAvatar.src = avatar;
1135
    if (!link.endsWith('/')) {
1136
      link += '/';
1137
    }
1138
    if (this.memosPath && !this.memosPath.endsWith('/')) {
1139
      this.memosPath += '/';
1140
    }
1141
    if (link == this.memosPath) {
1142
      this.memosAccess = 1;
1143
    };
1144
    let userMemoUrl;
1145
    if(tag && (random == null || random == "" )){
1146
      userMemoUrl = `${link}api/v1/memo?creatorId=${id}&tag=${tag}&rowStatus=NORMAL&limit=50`;
1147
    }else if(search){
1148
      userMemoUrl = `${link}api/v1/memo?creatorId=${id}&content=${search}&rowStatus=NORMAL&limit=${this.limit}`;
1149
    }else if(mode == "NOPUBLIC"){
1150
      userMemoUrl = `${link}api/v1/memo`;
1151
    }else if(random){
1152
      if(tag){
1153
        userMemoUrl = `${link}api/v1/memo?tag=${tag}&limit=1&offset=${random}`;
1154
      }else{
1155
        userMemoUrl = `${link}api/v1/memo?&limit=1&offset=${random}`;
1156
      }
1157
    }else{
1158
      if (matchedV1) {
1159
        const filter = `creator=='users/${id}'&&visibilities==['PUBLIC']`
1160
        userMemoUrl = `${link}api/v1/memos?pageSize=50&filter=${encodeURIComponent(filter)}`
1161
      }else{
1162
        userMemoUrl = `${link}api/v1/memo?creatorId=${id}&rowStatus=NORMAL&limit=50`;
1163
      }
1164
    }
1165

1166
    if (link == this.memosPath) {
1167
      try {
1168
        let response = await fetch(userMemoUrl,{
1169
            headers: {
1170
              'Authorization': `Bearer ${this.memosOpenId}`,
1171
              'Content-Type': 'application/json',
1172
              'Cache-Control': 'no-cache',
1173
            },
1174
            cache: 'no-store',
1175
        });
1176
        if (response.ok) {
1177
          let data = await response.json();
1178
          if(this.nowV1 == "memos"){
1179
            data = data.memos
1180
          }
1181
          let oneDayTag = window.localStorage && window.localStorage.getItem("memos-oneday-tag");
1182
          let oneDayTagCount = window.localStorage && window.localStorage.getItem("memos-oneday-count");
1183
          if( oneDayTag !== null && oneDayTagCount !== null && !search ){
1184
            let randomOneNum = Math.floor(Math.random() * oneDayTagCount)
1185
            let oneDayUrl = `${link}api/v1/memo?tag=${oneDayTag}&limit=1&offset=${randomOneNum}`
1186
            try {
1187
              let responseOne = await fetch(oneDayUrl,{
1188
                headers: {
1189
                  'Authorization': `Bearer ${this.memosOpenId}`,
1190
                  'Content-Type': 'application/json',
1191
                  'Cache-Control': 'no-cache',
1192
                },
1193
                cache: 'no-store',
1194
              });
1195
              if (!responseOne.ok) {
1196
                throw new Error(`Request failed oneDay`);
1197
              }
1198
              dataone = await responseOne.json();
1199
              data.splice(0, 0, ...dataone);
1200
            } catch (error) {
1201
              console.error(error);
1202
            }
1203
          }
1204
          data.forEach(item => {
1205
            item.avatar = this.memosMeAvatarUrl
1206
            item.link = this.memosPath
1207
            item.twikoo = this.memosMeTwikoo
1208
            item.artalk = this.memosMeArtalk
1209
            item.artSite = `${this.memosMeArtalkSite}`
1210
          });
1211
          if (mode == "NOPUBLIC") {
1212
            let memosCount = data.length;
1213
            window.localStorage && window.localStorage.setItem("memos-response-count",  memosCount);
1214
            data = data.filter((item) => item.visibility !== "PUBLIC");
1215
          }
1216
          this.memoData = data.flatMap(result => result);
1217
          if(this.nowV1 == "memos"){
1218
            let creatorName = name
1219
            let creatorId = id
1220
            let linkFind = this.memoList.find(item => (item.link == link));
1221
            let website = linkFind ? linkFind.website : undefined;
1222
            this.memoData = this.memoData.map(item => {
1223
              let cTime =  new Date(item.createTime)
1224
              let createdTs = Math.floor(cTime.getTime() / 1000);
1225
              return {...item, creatorName,avatar,createdTs,creatorId,link,website};
1226
            });
1227
          }else{
1228
            this.memoList.forEach(item => {
1229
              this.memoCreatorMap[item.creatorName] = item;
1230
            });
1231
            this.memoData = this.memoData.map(item => {
1232
              let data = this.memoCreatorMap[item.creatorName];
1233
              return {...item, ...data};
1234
            });
1235
          }
1236
          if (mode !== "NOPUBLIC") {
1237
            this.memoData = await this._getMemoCount(this.memoData);
1238
          }
1239
          this.memoDom.innerHTML = "";
1240
          this._updateData(this.memoData);
1241
          if(!random && this.memoData.length >= 8 ){
1242
            setTimeout(() => {
1243
              this.loadBtn.classList.remove('d-none');
1244
            }, 1000);
1245
          }
1246
        }
1247
      } catch (error) {
1248
        console.error(error);
1249
      }
1250
    }else{
1251
        try {
1252
          let response = await fetch(userMemoUrl);
1253
          if (!response.ok) {
1254
            throw new Error(response.statusText);
1255
          }
1256
          let data = await response.json();
1257
          if(matchedV1){
1258
            data = data.memos
1259
            let creatorName = name
1260
            let creatorId = id
1261
            let linkFind = this.memoList.find(item => (item.link == link));
1262
            let website = linkFind ? linkFind.website : undefined;
1263
            this.memoData = data.flatMap(result => result);
1264
            this.memoData = this.memoData.map(item => {
1265
              let cTime =  new Date(item.createTime)
1266
              let createdTs = Math.floor(cTime.getTime() / 1000);
1267
              return {...item, creatorName,avatar,createdTs,creatorId,link,website};
1268
            });
1269
          }else{
1270
            this.memoData = data.flatMap(result => result);
1271
            this.memoList.forEach(item => {
1272
              this.memoCreatorMap[item.creatorName] = item;
1273
            });
1274
            this.memoData = this.memoData.map(item => {
1275
              let data = this.memoCreatorMap[item.creatorName];
1276
              return {...item, ...data};
1277
            });
1278
          }
1279
          this.memoData = await this._getMemoCount(this.memoData);
1280
          this.memoDom.innerHTML = "";
1281
          this._updateData(this.memoData);
1282
          if(this.memoData.length >= 8 ){
1283
            setTimeout(() => {
1284
              this.loadBtn.classList.remove('d-none');
1285
            }, 1000);
1286
          }
1287
        } catch (error) {
1288
          console.error(error);
1289
        }
1290
    }
1291
    setTimeout(() => {
1292
      this.goHomeBtn.classList.remove("noclick")
1293
      this.randomUserBtn.classList.remove("noclick")
1294
    }, 800);
1295
    window.scrollTo({
1296
      top: this.usernowDom.offsetTop - 30,
1297
      behavior: "smooth"
1298
    });
1299
  }
1300
  // Fetch NeoDB
1301
  async _fetchNeoDB(url,mode){
1302
    let urlNow;
1303
    if(mode == "douban"){
1304
      urlNow = "https://api-neodb.immmmm.com/?url="+url
1305
    }else if(mode = "neodb"){
1306
      urlNow = url.replace("social/","social/api/")
1307
    }
1308
    let response = await fetch(urlNow);
1309
    let dbFetch = await response.json();
1310
    let neodbDom = `<div class="db-card">
1311
      <div class="db-card-subject">
1312
          <div class="db-card-post"><img loading="lazy" decoding="async" referrerpolicy="no-referrer" src="https://cors.immmmm.com/${dbFetch.cover_image_url}"></div>
1313
          <div class="db-card-content">
1314
              <div class="db-card-title"><a href="${url}" class="cute" target="_blank" rel="noreferrer">${dbFetch.title}</a></div>
1315
              <div class="rating"><span class="allstardark"><span class="allstarlight" style="width:${dbFetch.rating*10}%"></span></span><span class="rating_nums">${dbFetch.rating}</span></div>
1316
              <div class="db-card-abstract">${dbFetch.brief}</div>
1317
          </div>
1318
          <div class="db-card-cate">${dbFetch.category}</div>
1319
      </div>
1320
    </div>`
1321
    return neodbDom
1322
  }
1323
  //获取指定 Tag
1324
  _getTagNow(u,i,n,a,e){
1325
    let tagnowHas = document.querySelector(".memos-tagnow")
1326
    if(tagnowHas) tagnowHas.remove();
1327
    let tagName = e.innerHTML
1328
    let tagnowDom = `
1329
    <div class="memos-tagnow row p-2 mb-2">
1330
      <div class="memos-tagnow-title mr-3">标签筛选:</div>
1331
      <div class="memos-tagnow-name card-item pr-2 pl-2" onclick="window.memosbbs._reloadUser()">${tagName}<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-auto ml-1 opacity-40"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div>
1332
    </div>`
1333
    this.memosDom.insertAdjacentHTML('beforebegin', tagnowDom);
1334
    this._getUserMemos(u,i,n,a,tagName);
1335
  }
1336

1337
  // 加载Twikoo评论
1338
  _loadTwikoo(i) {
1339
    let twikooEnv = i.getAttribute("data-env")
1340
    let twikooPath = i.getAttribute("data-path")
1341
    let twikooId = i.getAttribute("data-id")
1342
    let twikooTime = i.getAttribute("data-time")
1343
    let twikooDom = document.getElementById(`${Number(twikooTime)+Number(twikooId)}`);
1344
    let twikooCon = "<div id='twikoo'></div>"
1345
    if (twikooDom.classList.contains('d-none')) {
1346
      document.querySelectorAll('.item-comment').forEach((item) => {item.classList.add('d-none');})
1347
      if(document.getElementById("twikoo")){
1348
        document.getElementById("twikoo").remove()
1349
      }
1350
      twikooDom.insertAdjacentHTML('beforeend', twikooCon);
1351
      twikooDom.classList.remove('d-none');
1352
      twikoo.init({
1353
        envId: twikooEnv,
1354
        el: '#twikoo',
1355
        path: twikooPath
1356
      });
1357
    }else{
1358
      twikooDom.classList.add('d-none');
1359
      document.getElementById("twikoo").remove()
1360
    }
1361
  }
1362

1363
  // 加载Artalk评论
1364
  _loadArtalk(e) {
1365
    let artalkEnv = e.getAttribute("data-env")
1366
    let artalkPath= e.getAttribute("data-path")
1367
    let artalkId = e.getAttribute("data-id")
1368
    let artalkTime = e.getAttribute("data-time")
1369
    let artalkDom = document.getElementById(`${Number(artalkTime) + Number(artalkId)}`);
1370
    let artalkCon = "<div id='artalk'></div>"
1371
    if (artalkDom.classList.contains('d-none')) {
1372
      document.querySelectorAll('.item-comment').forEach((item) => {item.classList.add('d-none');})
1373
      if(document.getElementById("artalk")){
1374
        document.getElementById("artalk").remove()
1375
      }
1376
      artalkDom.insertAdjacentHTML('beforeend', artalkCon);
1377
      artalkDom.classList.remove('d-none');
1378
      Artalk.init({
1379
        el: '#artalk',
1380
        pageKey: '/m/' + artalkId,
1381
        pageTitle: '',
1382
        site: artalkPath,
1383
        server: artalkEnv,
1384
        emoticons: false
1385
      });
1386
    }else{
1387
      artalkDom.classList.add('d-none');
1388
      document.getElementById("artalk").remove()
1389
    }
1390
  }
1391
  //收藏
1392
  _saveMemo(memo) {
1393
      let e = JSON.parse(memo.getAttribute("data-form"));
1394
      let memosContent = e.content;
1395
      this.memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
1396
      let hasContent = memosContent.length !== 0;
1397
      if (this.memosOpenId && hasContent) {
1398
        this.submitMemoBtn.classList.add("noclick")
1399
        let memoUrl = `${this.memosPath}api/v1/memo`;
1400
        let memoBody = {content:memosContent,visibility:"PRIVATE"}
1401
        fetch(memoUrl, {
1402
          method: 'POST',
1403
          body: JSON.stringify(memoBody),
1404
          headers: {
1405
            'Authorization': `Bearer ${this.memosOpenId}`,
1406
            'Content-Type': 'application/json'
1407
          }
1408
        }).then((res) => {
1409
            cocoMessage.success('收藏成功')
1410
        });
1411
      }else if(!hasContent){
1412
        cocoMessage.info('内容不能为空');
1413
      }
1414
  }
1415

1416
  //编辑修改
1417
  _editMemo(memo) {
1418
    this.memosOldSelect = this.memosVisibilitySelect.value;
1419
    this.getEditor = window.localStorage && window.localStorage.getItem("memos-editor-display");
1420
    this.memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
1421
    if(this.memosOpenId && this.getEditor == "show"){
1422
      document.querySelector(".memos-image-list").innerHTML = '';
1423
      let e = JSON.parse(memo.getAttribute("data-form"));
1424
      let memoResList = e.resourceList,memosResource = [],imageList = "";
1425
      this.memosVisibilitySelect.value = e.visibility;
1426
      window.localStorage && window.localStorage.setItem("memos-editor-dataform",JSON.stringify(e));
1427
      window.localStorage && window.localStorage.setItem("memos-visibility-select",this.memosVisibilitySelect.value);
1428
      this.memosTextarea.value = e.content;
1429
      this.memosTextarea.style.height = this.memosTextarea.scrollHeight + 'px';
1430
      this.submitMemoBtn.classList.add("d-none");
1431
      this.editMemoDom.classList.remove("d-none");
1432
      if(memoResList.length > 0){
1433
        for (let i = 0; i < memoResList.length; i++) {
1434
          let imgLink = '', fileId = '',resexlink = memoResList[i].externalLink;
1435
          if (resexlink) {
1436
              imgLink = resexlink
1437
          } else {
1438
              fileId = memoResList[i].publicId || memoResList[i].filename
1439
              imgLink = `${this.memosPath}/o/r/${memoResList[i].id}`;///${fileId}
1440
          }
1441
          memosResource.push(memoResList[i].id);
1442
          imageList += `<div data-id="${memoResList[i].id}" class="imagelist-item d-flex text-xs mt-2 mr-2" onclick="window.memosbbs._deleteImage(this)"><div class="d-flex image-background" style="background-image:url(${imgLink})"><span class="d-none">${fileId}</span></div></div>`;
1443
        }
1444
        window.localStorage && window.localStorage.setItem("memos-resource-list",  JSON.stringify(memosResource));
1445
        document.querySelector(".memos-image-list").insertAdjacentHTML('afterbegin', imageList);
1446
        //this._imageListDrag()
1447
      }
1448
      document.body.scrollIntoView({behavior: 'smooth'});
1449
    }
1450
  }
1451

1452
  _setMemoTag(e){
1453
    let memoTag = '';
1454
    const inputValue = this.memosTextarea.value;
1455
    const lastWord = inputValue.charAt(inputValue.length - 1);
1456
    if (lastWord == '#') {
1457
      memoTag = e.textContent.replace("#","") + " ";
1458
    }else{
1459
      memoTag = e.textContent + " ";
1460
    }
1461
    this.memosTextarea.value += memoTag;
1462
    this.memosTextarea.focus()
1463
    document.querySelector(".memos-tag-list").classList.add("d-none");
1464
  }
1465
  //归档
1466
  _archiveMemo(memoId) {
1467
    let isOk = confirm("确认归档？");
1468
    if(isOk){
1469
      this.memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
1470
      if(this.memosOpenId && memoId){
1471
        let memoUrl = `${this.memosPath}api/v1/memo/${memoId}`;
1472
        let memoBody = {id:memoId,rowStatus:"ARCHIVED"};
1473
        fetch(memoUrl, {
1474
          method: 'PATCH',
1475
          body: JSON.stringify(memoBody),
1476
          headers: {
1477
            'Authorization': `Bearer ${this.memosOpenId}`,
1478
            'Content-Type': 'application/json'
1479
          }
1480
        }).then((res) => {
1481
          if (res.ok) {
1482
            cocoMessage.success(
1483
            '归档成功',
1484
            ()=>{
1485
              this.memosMode = window.localStorage && window.localStorage.getItem("memos-mode");
1486
              this._getUserMemos(this.nowLink,this.nowId,this.nowName,this.nowAvatar,"","",this.memosMode)
1487
            })
1488
          }
1489
        })
1490
      }
1491
    }
1492
  }
1493

1494
  //删除
1495
  _deleteMemo(memoId) {
1496
    let isOk = confirm("确认删除？");
1497
    if(isOk){
1498
      this.memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
1499
      if(this.memosOpenId && memoId){
1500
        let memoUrl = `${this.memosPath}api/v1/memo/${memoId}`;
1501
        fetch(memoUrl, {
1502
          method: 'DELETE',
1503
          headers: {
1504
            'Authorization': `Bearer ${this.memosOpenId}`,
1505
            'Content-Type': 'application/json'
1506
          }
1507
        }).then((res) => {
1508
          if (res.ok) {
1509
            cocoMessage.success(
1510
            '删除成功',
1511
            ()=>{
1512
              this.memosMode = window.localStorage && window.localStorage.getItem("memos-mode");
1513
              this._getUserMemos(this.nowLink,this.nowId,this.nowName,this.nowAvatar,"","",this.memosMode)
1514
            })
1515
          }
1516
        }).catch(err => {
1517
          cocoMessage.error('出错了，再检查一下吧')
1518
        })
1519
      }
1520
    }
1521
  }
1522

1523
  _viaNow(e){
1524
    let dataForm = JSON.parse(e.getAttribute("data-form"));
1525
    let memoName = dataForm.creatorName
1526
    let memoLink = dataForm.link+ "/m/" + (dataForm.name || dataForm.id);
1527
    let memoContent = dataForm.content
1528
    if(memoContent.length > 120){
1529
      memoContent = memoContent.substring(0, 119) + '...';
1530
    }
1531
    let viaCopy = `${memoContent}（via [@${memoName}](${memoLink})）`
1532
    navigator.clipboard.writeText(viaCopy).then(() => {
1533
      cocoMessage.success("引用内容已复制")
1534
    });
1535
  }
1536

1537
  _getEditIcon() {
1538
    let memosContent = '';
1539
    let memosVisibility = '';
1540
    let memosResource = [];
1541
    let memosRelation = [];
1542
    let memosCount = window.localStorage && window.localStorage.getItem("memos-response-count");
1543
    this.memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
1544
    this.memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
1545
    this.getEditor = window.localStorage && window.localStorage.getItem("memos-editor-display");
1546
    let isHide = this.getEditor === "hide";
1547
    this.memosVisibilitySelect.value = this.getSelectedValue;
1548
    window.localStorage && window.localStorage.setItem("memos-resource-list",  JSON.stringify(memosResource));
1549
    window.localStorage && window.localStorage.setItem("memos-relation-list",  JSON.stringify(memosRelation));
1550

1551
    let memosTagList = document.querySelector(".memos-tag-list")
1552
    let selectedTagIndex = -1;
1553
    this.memosTextarea.addEventListener('input', (e) => {
1554
      this.memosTextarea.style.height = 'inherit';
1555
      this.memosTextarea.style.height = e.target.scrollHeight + 'px';
1556
      const inputValue = this.memosTextarea.value;
1557
      const lastWord = inputValue.slice(-2);
1558
      if (lastWord == ' #') {
1559
        memosTagList.classList.remove('d-none');
1560
      } else {
1561
        memosTagList.classList.add('d-none');
1562
      }
1563
    });
1564

1565
    this.memosTextarea.addEventListener('keydown', event => {
1566
      const keyCode = event.keyCode;
1567
      if (memosTagList.classList.contains("d-none") === false) {
1568
        const matchingTags = Array.from(memosTagList.querySelectorAll('.memos-tag')).map(tag => tag.textContent);
1569
        if (keyCode === 38 || keyCode === 40 || keyCode === 37 || keyCode === 39) { // 添加左右方向键的处理
1570
          event.preventDefault();
1571
          if (keyCode === 37 || keyCode === 39) { // 处理左右方向键
1572
            const direction = keyCode === 37 ? -1 : 1;
1573
            selectedTagIndex = (selectedTagIndex + direction + matchingTags.length) % matchingTags.length;
1574
          } else { // 处理上下方向键
1575
            selectedTagIndex = (selectedTagIndex + (keyCode === 38 ? -1 : 1) + matchingTags.length) % matchingTags.length;
1576
          }
1577
          Array.from(memosTagList.querySelectorAll('.memos-tag')).forEach((option, index) => option.classList.toggle('selected', index  === selectedTagIndex));
1578
        } else if (keyCode === 13 && selectedTagIndex !== -1) {
1579
          event.preventDefault();
1580
          let tagName = matchingTags[selectedTagIndex].replace(/[#]/,'') + " "
1581
          this._insertValue(tagName,"",0)
1582
          memosTagList.querySelector('.memos-tag').classList.remove('selected');
1583
          memosTagList.classList.add('d-none');
1584
          selectedTagIndex = -1;
1585
        }
1586
      }
1587
    });
1588

1589
    if (this.getEditor !== null) {
1590
      document.querySelector(".memos-editor").classList.toggle("d-none",isHide);
1591
      this.getEditor == "show" ? this._hasMemosOpenId() : '';
1592
    };
1593

1594
    this.loadEditorBtn.addEventListener("click", () => {
1595
      this.getEditor != "show" ? this._hasMemosOpenId() : '';
1596
      document.querySelector(".memos-editor").classList.toggle("d-none");
1597
      window.localStorage && window.localStorage.setItem("memos-editor-display", document.querySelector(".memos-editor").classList.contains("d-none") ? "hide" : "show");
1598
      this.getEditor = window.localStorage && window.localStorage.getItem("memos-editor-display");
1599
    });
1600

1601
    this.taglistBtn.addEventListener("click", () => {
1602
      document.querySelector(".memos-tag-list").classList.toggle("d-none");
1603
    });
1604

1605
    //todoBtn.addEventListener("click", () => {
1606
    //  let memoTodo = '- [] \n';
1607
    //  this._insertValue(memoTodo);
1608
    //  let bracketIndex = this.memosTextarea.value.indexOf("[]");
1609
    //  if (bracketIndex !== -1) {
1610
    //    this.memosTextarea.selectionStart = bracketIndex + 1;
1611
    //    this.memosTextarea.selectionEnd = bracketIndex + 1;
1612
    //  }
1613
    //});
1614

1615
    this.codeoneBtn.addEventListener("click", () => {
1616
      this._insertValue(" `` ","`",2)
1617
    });
1618

1619
    this.codeBtn.addEventListener("click", () => {
1620
      let memoCode = "```\n\n```\n";
1621
      this._insertValue(memoCode,"",5);
1622
      this.memosTextarea.style.height = this.memosTextarea.scrollHeight + 'px';
1623
    });
1624

1625
    this.linkBtn.addEventListener("click", () => {
1626
      this._insertValue(" []() ","[",2)
1627
    });
1628

1629
    this.linkPicBtn.addEventListener("click", () => {
1630
      this._insertValue(" ![]() ","!",2)
1631
    });
1632

1633
    this.memosVisibilitySelect.addEventListener('change', () => {
1634
      let memoNowSelct = window.localStorage && window.localStorage.getItem("memos-visibility-select");
1635
      var selectedValue = this.memosVisibilitySelect.value;
1636
      window.localStorage && window.localStorage.setItem("memos-visibility-select",selectedValue);
1637
      if(memoNowSelct == "PRIVATE" && selectedValue == "PUBLIC"){
1638
        this.memoChangeDate = 1;
1639
      }
1640
    });
1641

1642
    this.privateBtn.addEventListener("click", async () => {
1643
      if (!this.privateBtn.classList.contains("private")) {
1644
        this.privateBtn.classList.add("private")
1645
        this.memosVisibilitySelect.value = "PRIVATE"
1646
        this.usernowBtnDom.forEach((item) => {item.classList.remove('current');})
1647
        window.localStorage && window.localStorage.setItem("memos-mode",  "NOPUBLIC");
1648
        this.memosMode = window.localStorage && window.localStorage.getItem("memos-mode");
1649
        this._getUserMemos(this.nowLink,this.nowId,this.nowName,this.nowAvatar,"","","NOPUBLIC")
1650
        cocoMessage.success("进入「私有浏览」模式")
1651
      }else{
1652
        this.memosVisibilitySelect.value = "PUBLIC"
1653
        window.localStorage && window.localStorage.setItem("memos-mode",  "");
1654
        this.privateBtn.classList.remove("private")
1655
        this._getUserMemos(this.nowLink,this.nowId,this.nowName,this.nowAvatar,"","","")
1656
        cocoMessage.success("已退出「私有浏览」模式")
1657
      }
1658
    });
1659

1660
    this.randomBtn.addEventListener("click", async () => {
1661
      let memosAllCount = window.localStorage && window.localStorage.getItem("memos-response-count");
1662
      let nowTag,userMemoUrl,nowTagText = document.querySelector(".memos-tagnow-name") || ''
1663
      if(nowTagText){
1664
        nowTag = nowTagText.textContent;
1665
        userMemoUrl= `${this.nowLink}api/v1/memo?tag=${nowTag}`
1666
      }else{
1667
        userMemoUrl = `${this.nowLink}api/v1/memo/stats?creatorId=${this.nowId}`
1668
      }
1669
      if(!memosAllCount || nowTagText){
1670
        try {
1671
          let response = await fetch(userMemoUrl,{
1672
              headers: {
1673
                'Authorization': `Bearer ${this.memosOpenId}`,
1674
                'Content-Type': 'application/json',
1675
                'Cache-Control': 'no-cache',
1676
              },
1677
              cache: 'no-store',
1678
          });
1679
          if (!response.ok) {
1680
            throw new Error(response.statusText);
1681
          }
1682
          let data = await response.json();
1683
          memosAllCount = data.length - 1;
1684
          if(!nowTag){
1685
            window.localStorage && window.localStorage.setItem("memos-response-count",memosAllCount);
1686
          }
1687
          let randomNum = this._random(0,memosAllCount);
1688
          this._getUserMemos(this.nowLink,this.nowId,this.nowName,this.nowAvatar,nowTag,"","",randomNum)
1689
        } catch (error) {
1690
          console.error(error);
1691
        }
1692
        if(nowTagText){
1693
          this.oneDayBtn.classList.remove("d-none")
1694
        }
1695
      }else{
1696
          let randomNum = this._random(0,memosAllCount);
1697
          this._getUserMemos(this.nowLink,this.nowId,this.nowName,this.nowAvatar,nowTag,"","",randomNum)
1698
      }
1699
    });
1700

1701
    //开启回忆一条
1702
    this.oneDayBtn.addEventListener("click", async () => {
1703
      let oneDayNow = window.localStorage && window.localStorage.getItem("memos-oneday-tag");
1704
      if (oneDayNow == null ) {
1705
        let nowTag = document.querySelector(".memos-tagnow-name").textContent
1706
        let nowTagCount;
1707
        let nowTagUrl= `${this.nowLink}api/v1/memo?tag=${nowTag}`
1708
        try {
1709
          let response = await fetch(nowTagUrl,{
1710
              headers: {
1711
                'Authorization': `Bearer ${this.memosOpenId}`,
1712
                'Content-Type': 'application/json',
1713
                'Cache-Control': 'no-cache',
1714
              },
1715
              cache: 'no-store',
1716
          });
1717
          if (!response.ok) {
1718
            throw new Error(response.statusText);
1719
          }
1720
          let data = await response.json();
1721
          nowTagCount = data.length - 1;
1722
          window.localStorage && window.localStorage.setItem("memos-oneday-tag",nowTag);
1723
          window.localStorage && window.localStorage.setItem("memos-oneday-count",nowTagCount);
1724
        } catch (error) {
1725
          console.error(error);
1726
        }
1727
        cocoMessage.success("开启「OneDay」")
1728
      }else{
1729
        window.localStorage && window.localStorage.removeItem("memos-oneday-tag");
1730
        window.localStorage && window.localStorage.removeItem("memos-oneday-count");
1731
        cocoMessage.success("已退出「OneDay」")
1732
      }
1733
      this.oneDayBtn.classList.add("d-none")
1734
    });
1735

1736
    this.uploadWebpImageInput.addEventListener('change', () => {
1737
      let filesData = this.uploadWebpImageInput.files;
1738
      if (filesData.length !== 0) {
1739
          for (let i = 0; i < filesData.length; i++) {
1740
              this._uploadWebpImage(filesData[i]);
1741
          }
1742
          cocoMessage.info('压缩并上传中……');
1743
      }
1744
    });
1745

1746
    this.uploadImageInput.addEventListener('change', () => {
1747
      let filesData = this.uploadImageInput.files[0];
1748
      if (this.uploadImageInput.files.length !== 0){
1749
        this._uploadImage(filesData);
1750
        cocoMessage.info('图片上传中……');
1751
      }
1752
    });
1753

1754
    this.switchUserBtn.addEventListener("click", () => {
1755
      this.memosEditorOption.classList.remove("d-none");
1756
      this.memosEditorInner.classList.add("d-none");
1757
      this.memosRadomCont.innerHTML = '';
1758
      //this.tokenInput.value = '';
1759
      //this.pathInput.value = '';
1760
    });
1761
    this.backToEditerBtn.addEventListener("click", () => {
1762
      this.memosEditorOption.classList.add("d-none");
1763
      this.memosEditorInner.classList.remove("d-none");
1764
      this.memosRadomCont.innerHTML = '';
1765
    });
1766

1767
    this.submitApiBtn.addEventListener("click", () => {
1768
      if(this.tokenInput.value == null || this.tokenInput.value == ''){
1769
        cocoMessage.info('请输入Token');
1770
      }else if(this.pathInput.value == null || this.pathInput.value == ''){
1771
        cocoMessage.info('请输入Path');
1772
      }else{
1773
        let pathInputValue = this.pathInput.value;
1774
        if (pathInputValue.substr(-1) === '/') {
1775
          pathInputValue = pathInputValue.substr(0, pathInputValue.length - 1);
1776
        }
1777
        this._getMemosData(pathInputValue,this.tokenInput.value);
1778
        if(this.artalkInput.value !== null || this.artalkInput.value !== '') window.localStorage && window.localStorage.setItem("memos-artalk-input", this.artalkInput.value);
1779
        if(this.artalkSiteInput.value !== null || this.artalkSiteInput.value !== '') window.localStorage && window.localStorage.setItem("memos-artalksite-input", this.artalkSiteInput.value);
1780
        if(this.twikooInput.value !== null || this.twikooInput.value !== '') window.localStorage && window.localStorage.setItem("memos-twikoo-input", this.twikooInput.value);
1781
        if(this.cfwkAiUrlInput.value !== null || this.cfwkAiUrlInput.value !== '') window.localStorage && window.localStorage.setItem("memos-cfwkai-url", this.cfwkAiUrlInput.value);
1782
        if(this.geminiKeyInput.value !== null || this.geminiKeyInput.value !== '') window.localStorage && window.localStorage.setItem("memos-gemini-key", this.geminiKeyInput.value);
1783
        if(this.filterNameInput.value !== null || this.filterNameInput.value !== '') window.localStorage && window.localStorage.setItem("memos-filter-name", this.filterNameInput.value);
1784
      }
1785
    });
1786

1787
    this.submitMemoBtn.addEventListener("click", () => {
1788
      let memosContent = this.memosTextarea.value;
1789
      let memosVisibility = this.memosVisibilitySelect.value;
1790
      let memosResource = window.localStorage && JSON.parse(window.localStorage.getItem("memos-resource-list"));
1791
      let memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
1792
      let TAG_REG = /(?<=#)([^#\s!.,;:?"'()]+)(?= )/g;
1793
      let memosTag = memosContent.match(TAG_REG);
1794
      let hasContent = memosContent.length !== 0;
1795
      if (memosOpenId && hasContent) {
1796
        this.submitMemoBtn.classList.add("noclick")
1797
        let memoUrl = `${this.memosPath}api/v1/${this.nowV1}`;
1798
        let memoBody = {content:memosContent,relationList:memosRelation,resourceIdList:memosResource,visibility:memosVisibility}
1799
        fetch(memoUrl, {
1800
          method: 'POST',
1801
          body: JSON.stringify(memoBody),
1802
          headers: {
1803
            'Authorization': `Bearer ${this.memosOpenId}`,
1804
            'Content-Type': 'application/json'
1805
          }
1806
        }).then((res) => {
1807
          if (res.status == 200) {
1808
            if (memosTag !== null && this.nowV1 !== 'memos') {
1809
              let memoTagUrl = `${this.memosPath}api/v1/tag`;
1810
              (async () => {
1811
                for await (const i of memosTag) {
1812
                  const response = await fetch(memoTagUrl, {
1813
                    method: 'POST',
1814
                    headers: {
1815
                      'Authorization': `Bearer ${this.memosOpenId}`,
1816
                      'Content-Type': 'application/json'
1817
                    },
1818
                    body: JSON.stringify({
1819
                      name: i
1820
                    })
1821
                  });
1822
                }
1823
              })();
1824
            }
1825
            cocoMessage.success(
1826
              '发送成功',
1827
              () => {
1828
                this._clearTextarea()
1829
              })
1830
          }
1831
        });
1832
      }else if(!hasContent){
1833
        cocoMessage.info('内容不能为空');
1834
      }else{
1835
        cocoMessage.info(
1836
          '请设置 Access Tokens',
1837
          () => {
1838
            this.memosEditorInner.classList.add("d-none");
1839
            this.memosEditorOption.classList.remove("d-none");
1840
          }
1841
        );
1842
      }
1843
    });
1844
  }
1845

1846
  async _uploadWebpImage(data) {
1847
    let memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
1848
    let memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
1849
    let memosResourceListNow = JSON.parse(window.localStorage && window.localStorage.getItem("memos-resource-list")) || [];
1850
    let imageData = new FormData();
1851
    let blobUrl = `${memosPath}api/v1/resource/blob`;
1852
    const webpData = await this._convertToWebP(data);
1853
    const timestamp = new Date().getTime();
1854
    const fileName = `${timestamp}_${Math.random()}.webp`;
1855
    imageData.append('file', webpData, fileName);
1856
    let resp = await fetch(blobUrl, {
1857
        method: "POST",
1858
        body: imageData,
1859
        headers: {
1860
            'Authorization': `Bearer ${memosOpenId}`
1861
        }
1862
    });
1863
    let res = await resp.json();
1864
    if (res.id) {
1865
        let resexlink = res.externalLink;
1866
        let imgLink = '', fileId = '';
1867
        if (resexlink) {
1868
            imgLink = resexlink;
1869
        } else {
1870
            fileId = res.publicId || res.filename;
1871
            imgLink = `${memosPath}/o/r/${res.id}`;
1872
        }
1873
        let imageList = "";
1874
        imageList += `<div data-id="${res.id}" class="imagelist-item d-flex text-xs mt-2 mr-2" onclick="window.memosbbs._deleteImage(this)">
1875
                        <div class="d-flex image-background" style="background-image:url(${imgLink})">
1876
                            <span class="d-none">${fileId}</span>
1877
                        </div>
1878
                     </div>`;
1879
        document.querySelector(".memos-image-list").insertAdjacentHTML('afterbegin', imageList);
1880
        cocoMessage.success('上传成功', () => {
1881
            memosResourceListNow.push(res.id);
1882
            window.localStorage && window.localStorage.setItem("memos-resource-list", JSON.stringify(memosResourceListNow));
1883
            this._imageListDrag();
1884
        });
1885
    }
1886
  }
1887

1888
  _convertToWebP(imageData) {
1889
    return new Promise((resolve) => {
1890
      const img = new Image();
1891
      img.onload = () => {
1892
          const canvas = document.createElement('canvas');
1893
          canvas.width = img.width;
1894
          canvas.height = img.height;
1895
          const ctx = canvas.getContext('2d');
1896
          ctx.drawImage(img, 0, 0, img.width, img.height);
1897
          canvas.toBlob((blob) => {
1898
              resolve(blob);
1899
          }, 'image/webp', 0.7); // 设置压缩质量为70%
1900
      };
1901
      img.src = URL.createObjectURL(imageData);
1902
    });
1903
  };
1904

1905
  async _uploadImage(data) {
1906
    let memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
1907
    let memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
1908
    let memosResourceListNow = JSON.parse(window.localStorage && window.localStorage.getItem("memos-resource-list")) || [];
1909
    let imageData = new FormData();
1910
    let blobUrl = `${memosPath}api/v1/resource/blob`;
1911
    imageData.append('file', data, data.name)
1912
    let resp = await fetch(blobUrl, {
1913
      method: "POST",
1914
      body: imageData,
1915
      headers: {
1916
        'Authorization': `Bearer ${memosOpenId}`
1917
      }
1918
    })
1919
    let res = await resp.json();
1920
    if(res.id){
1921
      let resexlink = res.externalLink;
1922
      let imgLink = '', fileId = '';
1923
      if (resexlink) {
1924
          imgLink = resexlink
1925
      } else {
1926
          fileId = res.publicId || res.filename
1927
          imgLink = `${memosPath}/o/r/${res.id}`;///${fileId}
1928
      }
1929
      let imageList = "";
1930
      imageList += `<div data-id="${res.id}" class="imagelist-item d-flex text-xs mt-2 mr-2" onclick="window.memosbbs._deleteImage(this)"><div class="d-flex image-background" style="background-image:url(${imgLink})"><span class="d-none">${fileId}</span></div></div>`;
1931
      document.querySelector(".memos-image-list").insertAdjacentHTML('afterbegin', imageList);
1932
      cocoMessage.success(
1933
      '上传成功',
1934
      ()=>{
1935
        memosResourceListNow.push(res.id);
1936
        window.localStorage && window.localStorage.setItem("memos-resource-list",  JSON.stringify(memosResourceListNow));
1937
        this._imageListDrag()
1938
      })
1939
    }
1940
  };
1941

1942
  _hasMemosOpenId() {
1943
    if (!this.memosOpenId) {
1944
      this.memosEditorOption.classList.remove("d-none");
1945
      cocoMessage.info('请设置 Access Tokens');
1946
    }else{
1947
      if (!this.memosPath.endsWith('/')) {
1948
        this.memosPath += '/';
1949
      }
1950
      let tagUrl = `${this.memosPath}api/v1/tag`;
1951
      if(this.nowV1 == 'memos'){
1952
        var filter = "?filter=" + encodeURIComponent(`creator == 'users/${this.memosMeID}'`);
1953
        tagUrl = this.memosPath+'api/v1/memos/-/tags' + filter;
1954
      }
1955
      const response = fetch(tagUrl,{
1956
        method: 'GET',
1957
        headers: {
1958
          'Authorization': `Bearer ${this.memosOpenId}`,
1959
          'Content-Type': 'application/json'
1960
        }
1961
      }).then(resdata => resdata.json()).then(response => {
1962
        let taglist = "";
1963
        if(this.nowV1 == 'memos'){
1964
          Object.keys(response.tagAmounts).map((t)=>{
1965
            this.nowTagList += `${t},`;
1966
            taglist += `<div class="memos-tag d-flex text-xs mt-2 mr-2 px-2" onclick="window.memosbbs._setMemoTag(this)">#${t}</div>`;
1967
          })
1968
        }else{
1969
          response.map((t)=>{
1970
            this.nowTagList += `${t},`;
1971
            taglist += `<div class="memos-tag d-flex text-xs mt-2 mr-2 px-2" onclick="window.memosbbs._setMemoTag(this)">#${t}</div>`;
1972
          })
1973
        }
1974
        document.querySelector(".memos-tag-list").innerHTML = taglist;
1975
        //cocoMessage.success('准备就绪');
1976
        this.memosEditorInner.classList.remove("d-none");
1977
        this.memosEditorOption.classList.add("d-none");
1978
        this.memosRadomCont.innerHTML = '';
1979
        this.memosRadomCont.classList.remove("d-none");
1980
      }).catch(err => {
1981
        this.memosEditorOption.classList.remove("d-none");
1982
        cocoMessage.error('Access Tokens 有误，请重新输入!');
1983
      });
1984
    }
1985
  }
1986

1987
  _random(a,b) {
1988
    let choices = b - a + 1;
1989
    return Math.floor(Math.random() * choices + a);
1990
  }
1991

1992
  async _getMemosData(p,t) {
1993
    if (p.length > 0 && !p.endsWith('/')) {
1994
      p += '/';
1995
    }
1996
    try {
1997
      let response;
1998
      if(this.nowV1 == 'memos'){
1999
        response = await fetch(`${p}api/v1/auth/status`,{
2000
          async: true,
2001
          crossDomain: true,
2002
          method: 'POST',
2003
          headers: {
2004
            'Authorization': `Bearer ${t}`
2005
          }
2006
        });
2007
      }else{
2008
        response = await fetch(`${p}api/v1/user/me`,{
2009
          method: 'GET',
2010
          headers: {
2011
            'Authorization': `Bearer ${t}`,
2012
            'Content-Type': 'application/json'
2013
          }
2014
        });
2015
      }
2016
      if (response.ok) {
2017
        let resdata = await response.json();
2018
        if (resdata) {
2019
          this.memosMeID = resdata.id;
2020
          this.memosMeNickname = resdata.nickname || resdata.username ;
2021
          this.memosMeAvatarUrl = resdata.avatarUrl || "https://memobbs.app/pwa/48.png";
2022
          window.localStorage && window.localStorage.setItem("memos-access-path", p);
2023
          window.localStorage && window.localStorage.setItem("memos-access-token", t);
2024
          window.localStorage && window.localStorage.setItem("memos-visibility-select","PUBLIC");
2025
          window.localStorage && window.localStorage.setItem("memos-me-id", this.memosMeID);
2026
          window.localStorage && window.localStorage.setItem("memos-me-nickname", this.memosMeNickname);
2027
          window.localStorage && window.localStorage.setItem("memos-me-avatarurl", this.memosMeAvatarUrl);
2028
          cocoMessage.success('保存成功', () => {
2029
            this.memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
2030
            this.memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
2031
            window.location.reload();
2032
            //this._getUserMemos(this.memosPath,this.memosMeID,this.memosMeNickname,this.memosMeNickname,"")
2033
            this._hasMemosOpenId();
2034
          });
2035
        }
2036
      } else {
2037
        cocoMessage.error('出错了，再检查一下吧!');
2038
      }
2039
    } catch (error) {
2040
      cocoMessage.error('出错了，再检查一下吧!');
2041
    }
2042
  }
2043

2044
  _insertValue(text,wrap,back) {
2045
    this.memosTextarea.focus();
2046
    const start = this.memosTextarea.selectionStart;
2047
    const end = this.memosTextarea.selectionEnd;
2048
    const selectedText = this.memosTextarea.value.substring(start, end);
2049
    if(selectedText == ""){
2050
      this.memosTextarea.value = this.memosTextarea.value.substring(0, start) + text + this.memosTextarea.value.substring(end);
2051
      this.memosTextarea.selectionStart = start + text.length - back;
2052
      this.memosTextarea.selectionEnd = start + text.length - back;
2053
    }else{
2054
      let wrapSelText;
2055
      if( wrap == "`" ){
2056
        wrapSelText = " `" + selectedText + "` ";
2057
        back = 0;
2058
      }
2059
      if( wrap == "[" ){
2060
        wrapSelText = " [" + selectedText + "]() ";
2061
      }
2062
      if( wrap == "!" ){
2063
        wrapSelText = " ![" + selectedText + "]() ";
2064
      }
2065
      const newText = this.memosTextarea.value.substring(0, start) + wrapSelText + this.memosTextarea.value.substring(end);
2066
      this.memosTextarea.value = newText;
2067
      this.memosTextarea.selectionStart = start + wrapSelText.length - back;
2068
      this.memosTextarea.selectionEnd = end + wrapSelText.length - back - selectedText.length;
2069
    }
2070
  }
2071

2072
  _deleteImage(e){
2073
    if(e){
2074
      let memoId = e.getAttribute("data-id")
2075
      let memosResource = window.localStorage && JSON.parse(window.localStorage.getItem("memos-resource-list"));
2076
      let memosResourceList = memosResource.filter((item) => { return item != memoId});
2077
      window.localStorage && window.localStorage.setItem("memos-resource-list",  JSON.stringify(memosResourceList));
2078
      e.remove()
2079
    }
2080
  }
2081

2082
  _imageListDrag(){// 获取包含所有图像元素的父元素
2083
    const imageList = document.querySelector('.memos-image-list');
2084
    // 存储被拖动的元素
2085
    let draggedItem = null;
2086
    let memosResourceList;
2087
    // 为每个图像元素添加拖动事件监听器
2088
    imageList.querySelectorAll('.imagelist-item').forEach(item => {
2089
      item.draggable = true;
2090
      // 当拖动开始时
2091
      item.addEventListener('dragstart', (e) => {
2092
        // 存储被拖动的元素
2093
        draggedItem = this;
2094
        memosResourceList = [];
2095
      });
2096
      // 当拖动元素进入目标区域时
2097
      item.addEventListener('dragover', (e) => {
2098
        e.preventDefault(); // 阻止默认行为
2099
        this.classList.add('dragover'); // 添加拖动进入样式
2100
      });
2101

2102
      // 当拖动元素离开目标区域时
2103
      item.addEventListener('dragleave', () => {
2104
        this.classList.remove('dragover'); // 移除拖动进入样式
2105
      });
2106

2107
      // 当拖动元素放置到目标区域时
2108
      item.addEventListener('drop', (e) => {
2109
        e.preventDefault(); // 阻止默认行为
2110
        this.classList.remove('dragover'); // 移除拖动进入样式
2111
        // 计算拖动元素中心点
2112
        const rect = this.getBoundingClientRect();
2113
        const centerX = rect.left + rect.width / 2;
2114
        // 判断鼠标相对中心点的位置
2115
        const isLeft = e.clientX < centerX;
2116
        if (isLeft) {
2117
          // 插入到前一个元素前
2118
          this.parentNode.insertBefore(draggedItem, this.previousElementSibling);
2119
        } else {
2120
          // 插入到后一个元素后
2121
          this.parentNode.insertBefore(draggedItem, this.nextElementSibling);
2122
        }
2123
        document.querySelectorAll('.memos-image-list .imagelist-item').forEach((item) => {
2124
          let itemId = Number(item.dataset.id)
2125
          memosResourceList.push(itemId);
2126
        })
2127
        window.localStorage && window.localStorage.setItem("memos-resource-list",  JSON.stringify(memosResourceList));
2128
      });
2129
    });
2130
  }
2131

2132
  _clearTextarea(mode){
2133
    if (!this.editMemoDom.classList.contains("d-none")) {
2134
      window.localStorage && window.localStorage.removeItem("memos-editor-dataform");
2135
      this.editMemoDom.classList.add("d-none");
2136
      this.submitMemoBtn.classList.remove("d-none");
2137
    }
2138
    this.submitMemoBtn.classList.remove("noclick");
2139
    document.querySelector(".memos-image-list").innerHTML = '';
2140
    window.localStorage && window.localStorage.removeItem("memos-resource-list");
2141
    window.localStorage && window.localStorage.removeItem("memos-relation-list");
2142
    this.memosTextarea = document.querySelector(".memos-editor-textarea")
2143
    this.memosTextarea.value = '';
2144
    this.memosTextarea.style.height = 'inherit';
2145
    this.memosMode = mode || window.localStorage && window.localStorage.getItem("memos-mode");
2146
    if(this.memosMode != "cancel"){
2147
      this._getUserMemos(this.nowLink,this.nowId,this.nowName,this.nowAvatar,"","",this.memosMode)
2148
    }
2149
  }
2150

2151
  // 显示表情选择器
2152
  _displayEmojiSelector() {
2153
    if (!this.emojiSelector) {
2154
      this.emojiSelector = document.createElement('div');
2155
      this.emojiSelector.classList.add('emoji-selector');
2156
      this.emojiSelector.addEventListener('click', (event) => {
2157
        const target = event.target;
2158
        if (target.classList.contains('emoji-item')) {
2159
          this._insertEmoji(target.innerHTML);
2160
        }
2161
      });
2162
    }
2163
    this.emojiSelector.innerHTML = '';
2164
    this.emojis.forEach(emoji => {
2165
      const emojiItem = document.createElement('div');
2166
      emojiItem.classList.add('emoji-item');
2167
      emojiItem.innerHTML = emoji.icon;
2168
      emojiItem.title = emoji.text;
2169
      this.emojiSelector.appendChild(emojiItem);
2170
    });
2171
    const memosEditorTools = document.querySelector(".memos-editor-tools");
2172
    if (memosEditorTools) {
2173
      memosEditorTools.insertAdjacentElement('afterend', this.emojiSelector);
2174
    }
2175
  }
2176
  // 表情光标位置
2177
  _insertEmoji(emojiText) {
2178
    const selectionStart = this.memosTextarea.selectionStart;
2179
    const newValue = `${this.memosTextarea.value.substring(0, selectionStart)}${emojiText}${this.memosTextarea.value.substring(this.memosTextarea.selectionEnd)}`;
2180
    this.memosTextarea.value = newValue;
2181
    this.memosTextarea.dispatchEvent(new Event('input'));
2182
    const newCursorPosition = selectionStart + emojiText.length;
2183
    this.memosTextarea.setSelectionRange(newCursorPosition, newCursorPosition);
2184
    this.memosTextarea.focus();
2185
  }
2186

2187
  // 回到顶部
2188
  _backToTop() {
2189
    let BackTop = document.querySelector(".backtop")
2190
    document.onscroll = () => {
2191
      let iRollingLength = document.documentElement.scrollTop
2192
      if(iRollingLength > 300){
2193
        BackTop.classList.add("d-md-flex")
2194
      }else{
2195
        BackTop.classList.remove("d-md-flex")
2196
      }
2197
    }
2198
    BackTop.onclick = () => {
2199
      document.body.scrollIntoView({behavior: 'smooth'})
2200
    };
2201
  }
2202

2203
  _geminiAI(e){
2204
    let AIMode = e.innerText;
2205
    let textOld = this.memosTextarea.value;
2206
    let memosContent;
2207
    if(!textOld){
2208
      cocoMessage.info('内容不能为空');
2209
      return
2210
    }
2211
    if(AIMode == "语音润色"){
2212
      this.memosTextarea.value = `${textOld}\n---\n`
2213
      memosContent = `请用简洁明了的语言，编辑以下段落，以改善其逻辑流程，消除任何印刷错误。请务必保持文章的原意，禁止回答解释文字里的问题，只返回编辑后的文字，以简体中文回复。请从编辑以下文字开始：[${textOld}]`
2214
    }else if(AIMode == "自动标签"){
2215
      memosContent = `分析这段文本内容：[${textOld}]，从这些标签列表中: ["${this.nowTagList}"] 尝试找出1个最适合的标签，并"#TAG "的形式反馈给我`
2216
    }else if(AIMode == "智囊团队"){
2217
      this.memosTextarea.value = `${textOld}\n---\n`
2218
      memosContent = `你是我的智囊团，团内有 6 个不同的董事作为教练，分别是乔布斯、伊隆马斯克、马云、柏拉图、维达利和慧能大师。他们都有自己的个性、世界观、价值观，对问题有不同的看法、建议和意见。我会在这里说出我的处境和我的决策。先分别以这 6 个身份，以他们的视角来审视我的决策，给出他们的批评和建议，我的第一个处境是 [${textOld}]`
2219
    }else if(AIMode == "育儿帮手"){
2220
      this.memosTextarea.value = `${textOld}\n---\n`
2221
      memosContent = `As an expert in child development, you are tasked with answering various imaginative questions from children between the ages of 5 and 10, as if you were a kindergarten teacher. Your responses should be lively, patient, and friendly in tone and manner, and as concrete and understandable as possible, avoiding complex or abstract vocabulary. Use metaphors and examples whenever possible, and extend your answers to cover more scenarios, not just explaining why, but also suggesting concrete actions to deepen understanding. Respond in Chinese.My first questions: [${textOld}]`
2222
    }else if(AIMode == "智能问答"){
2223
      this.memosTextarea.value = `${textOld}\n---\n`
2224
      memosContent = `${textOld}`
2225
    }
2226
    this.geminiAIBtn.classList.add("d-none","noclick")
2227
    this.geminiAILoadBtn.classList.remove("d-none")
2228
    this._sendToGemini(memosContent)
2229
  };
2230

2231
  //"https://gemini-openai-proxy.deno.dev/v1/chat/completions"
2232
  async _sendToGemini(memosContent) {
2233
    const res = await fetch(this.GeminiFetch, {
2234
      headers: {
2235
        'Authorization': `Bearer ${this.geminiKey}`,
2236
        'Content-Type': 'application/json'
2237
      },
2238
      method: 'POST',
2239
      body: JSON.stringify({
2240
        model: 'gemini-pro',
2241
        messages: [{ role: 'user', content: memosContent }],
2242
        temperature: 0.7,
2243
        stream: true
2244
      })
2245
    })
2246
    if(!res.ok){
2247
      setTimeout(() => {
2248
        this.geminiAIBtn.classList.remove("d-none","noclick")
2249
        this.geminiAILoadBtn.classList.add("d-none")
2250
        cocoMessage.error("出错咯，稍后再试")
2251
      }, 1000);
2252
    }
2253
    const reader = res.body.getReader()
2254
    while(true) {
2255
      const {value, done} = await reader.read()
2256
      if (done) {
2257
        this.geminiAIBtn.classList.remove("d-none","noclick")
2258
        this.geminiAILoadBtn.classList.add("d-none")
2259
        break
2260
      }
2261
      const text = new TextDecoder().decode(value)
2262
      const match = text.match(/DONE/)
2263
      if(!match){
2264
        const textJson = JSON.parse(text.substring(5))
2265
        const resData = textJson.choices[0].delta.content
2266
        if(resData.length > 0){
2267
          this.memosTextarea.value += resData
2268
          this.memosTextarea.style.height = this.memosTextarea.scrollHeight + 'px';
2269
        }
2270
      }
2271
    }
2272
  }
2273

2274
  async _getMemosForAI() {
2275
    let fetchUrl = `${this.nowLink}api/v1/memo?creatorId=${this.nowId}&limit=100`
2276
    let response = await fetch(fetchUrl,{
2277
      headers: {
2278
        'Authorization': `Bearer ${this.memosOpenId}`,
2279
        'Content-Type': 'application/json',
2280
        'Cache-Control': 'no-cache',
2281
      },
2282
      cache: 'no-store',
2283
    });
2284
    if (!response.ok) {
2285
      throw new Error(`Request failed oneDay`);
2286
    }
2287
    let originalArray = await response.json()
2288

2289
    const filteredArray = originalArray.map(item => {
2290
      return { id: item.id, content: item.content };
2291
    });
2292

2293
    return JSON.stringify(filteredArray).substring(0, 30000);
2294
  }
2295
}
2296

2297
class MemosElement extends HTMLElement {
2298
  connectedCallback() {
2299
    window.memosbbs = new MemosBbs();
2300
  }
2301
  disconnectedCallback() {
2302
    delete window.memosbbs;
2303
  }
2304
}
2305

2306
if (window.customElements && !window.customElements.get('memos-bbs')) {
2307
  window.MemosElement = MemosElement
2308
  window.customElements.define('memos-bbs', MemosElement)
2309
}

展开收起

（二）在模板中注册JS文件#

打开Solitude主题文件夹\scripts\event\cdn.js，在里面找到const internalSrc部分，并在里面添加以下内容：

1
        memos_js:{
2
            name: 'hexo-theme-solitude',
3
            file: 'js/memos.js',
4
            version
5
        },

三、增加模板#

（一）添加说说页面模板#

在Solitude主题文件夹\layout\includes\page中添加bb.pug，在bb.pug中添加以下内容：

1
include ../widgets/page/banner
2
if theme.bb.enable
3
  memos-bbs
4
    link(rel="stylesheet" href="https://cdn.staticfile.org/animate.css/4.1.1/animate.min.css")
5
    link(rel="stylesheet" href="https://memobbs.app/grid.css")
6
    link(rel="stylesheet" href="https://memobbs.app/memos.css")
7
    .user-now.card-item.flex-fill.mb-3.row
8
      .call-memos-editor.item-avatar.p-3
9
        img.user-now-avatar(src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7' style='pointer-events: none;')
10
      span.user-now-name
11
      .row-fill
12
        input.search-memos-input.border-b.input-text.py-2.animate__animated.animate__fadeIn.animate__fadeInRight.d-none(type='text' placeholder='想搜点啥？' id='')
13
        span.search-memos-btn.button.d-md-flex.p-2.mr-2
14
          svg(xmlns='http://www.w3.org/2000/svg' width='1.15rem' height='1.15rem' viewbox='0 0 24 24')
15
            g(fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2')
16
              circle(cx='11' cy='11' r='8')
17
              path(d='m21 21l-4.3-4.3')
18
        .user-button-span.row-fill
19
          // span.memos-theme-toggle.button.d-md-flex.p-2.mr-2
20
            // svg(xmlns='http://www.w3.org/2000/svg' width='1.15rem' height='1.15rem' viewbox='0 0 24 24')
21
              // path(fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8a2.83 2.83 0 0 0 4 4a4 4 0 1 1-4-4m0-6v2m0 16v2M4.9 4.9l1.4 1.4m11.4 11.4l1.4 1.4M2 12h2m16 0h2M6.3 17.7l-1.4 1.4M19.1 4.9l-1.4 1.4')
22
          span.my-blog-feeds.button.d-md-flex.p-2.mr-2
23
            svg(xmlns='http://www.w3.org/2000/svg' width='1.15rem' height='1.15rem' viewbox='0 0 24 24')
24
              g(fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2')
25
                path(d='M10 10v.2A3 3 0 0 1 8.9 16v0H5v0h0a3 3 0 0 1-1-5.8V10a3 3 0 0 1 6 0m-3 6v6m6-3v3')
26
                path(d='M12 19h8.3a1 1 0 0 0 .7-1.7L18 14h.3a1 1 0 0 0 .7-1.7L16 9h.2a1 1 0 0 0 .8-1.7L13 3l-1.4 1.5')
27
          span.userlist-memos.button.d-md-flex.p-2.mr-2
28
            svg(xmlns='http://www.w3.org/2000/svg' width='1.15rem' height='1.15rem' viewbox='0 0 24 24')
29
              g(fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2')
30
                path(d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2')
31
                circle(cx='9' cy='7' r='4')
32
                path(d='M22 21v-2a4 4 0 0 0-3-3.87m-3-12a4 4 0 0 1 0 7.75')
33
          span.randomuser-memos.button.d-md-flex.p-2.mr-2
34
            svg(xmlns='http://www.w3.org/2000/svg' width='1.15rem' height='1.15rem' viewbox='0 0 24 24')
35
              path(fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 16v-2.38C4 11.5 2.97 10.5 3 8c.03-2.72 1.49-6 4.5-6C9.37 2 10 3.8 10 5.5c0 3.11-2 5.66-2 8.68V16a2 2 0 1 1-4 0m16 4v-2.38c0-2.12 1.03-3.12 1-5.62c-.03-2.72-1.49-6-4.5-6C14.63 6 14 7.8 14 9.5c0 3.11 2 5.66 2 8.68V20a2 2 0 1 0 4 0m-4-3h4M4 13h4')
36
          span.gobbs-memos.button.d-md-flex.p-2.mr-2
37
            svg(xmlns='http://www.w3.org/2000/svg' width='1.15rem' height='1.15rem' viewbox='0 0 24 24')
38
              path(fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8.8 20v-4.1l1.9.2a2.3 2.3 0 0 0 2.164-2.1V8.3A5.37 5.37 0 0 0 2 8.25c0 2.8.656 3.054 1 4.55a5.77 5.77 0 0 1 .029 2.758L2 20m17.8-2.2a7.5 7.5 0 0 0 .003-10.603M17 15a3.5 3.5 0 0 0-.025-4.975')
39
          span.gohome-memos.button.d-md-flex.p-2.mr-3
40
            svg(xmlns='http://www.w3.org/2000/svg' width='1.15rem' height='1.15rem' viewbox='0 0 24 24')
41
              g(fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2')
42
                path(d='m3 9l9-7l9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z')
43
                path(d='M9 22V12h6v10')
44

45
    #memos
46
      .memos-editor.animate__animated.animate__fadeIn.col-12.d-none
47
        .memos-editor-body.mb-3.p-3
48
          .memos-editor-inner.animate__animated.animate__fadeIn.d-none
49
            .memos-editor-content
50
              textarea.memos-editor-textarea.text-sm(rows='1' placeholder=' 任何想法...' style='padding: 1rem;')
51
            .memos-image-list.d-flex.flex-fill.line-xl.flex-wrap
52
            .memos-editor-tools.pt-1
53
              .d-flex.flex-wrap
54
                .button.outline.action-btn.biao-qing-btn.mr-2
55
                  svg(xmlns='http://www.w3.org/2000/svg' width='1.35rem' height='1.35rem' viewbox='0 0 24 24')
56
                    g(fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2')
57
                      circle(cx='12' cy='12' r='10')
58
                      path(d='M8 14s1.5 2 4 2s4-2 4-2M9 9h.01M15 9h.01')
59
                .button.outline.action-btn.tag-btn.mr-2
60
                  svg(xmlns='http://www.w3.org/2000/svg' width='1.35rem' height='1.35rem' viewbox='0 0 24 24')
61
                    path(fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 9h16M4 15h16M10 3L8 21m8-18l-2 18')
62
                .button.outline.action-btn.codeone-btn.mr-2
63
                  svg(xmlns='http://www.w3.org/2000/svg' width='1.35rem' height='1.35rem' viewbox='0 0 24 24')
64
                    path(fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 7l-5 5l5 5m8 0l5-5l-5-5')
65
                .button.outline.action-btn.code-btn.mr-2
66
                  svg(xmlns='http://www.w3.org/2000/svg' width='1.35rem' height='1.35rem' viewbox='0 0 24 24')
67
                    path(fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 8l-4 4l4 4m10-8l4 4l-4 4M14 4l-4 16')
68
                .button.outline.action-btn.mr-2.link-btn
69
                  svg(xmlns='http://www.w3.org/2000/svg' width='1.35rem' height='1.35rem' viewbox='0 0 24 24')
70
                    path(fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 17H7A5 5 0 0 1 7 7h2m6 0h2a5 5 0 1 1 0 10h-2m-7-5h8')
71
                .button.outline.action-btn.mr-2.dropdown.aitop
72
                  svg(xmlns='http://www.w3.org/2000/svg' width='1.35rem' height='1.35rem' viewbox='0 0 24 24')
73
                    g(fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2')
74
                      path(d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7m4 2h6m-3-3v6')
75
                      circle(cx='9' cy='9' r='2')
76
                      path(d='m21 15l-3.086-3.086a2 2 0 0 0-2.828 0L6 21')
77
                  .dropdown-wrapper.d-none
78
                    span.btn.linkpic-btn &#x5916;&#x94FE;
79
                    span.btn.image-btn(onclick='this.nextElementSibling.click()') WebP+
80
                    input.memos-upload-Webp-image-input.d-none(type='file' accept='image/*')
81
                    span.btn.image-btn(onclick='this.nextElementSibling.click()') &#x539F;&#x56FE;+
82
                    input.memos-upload-image-input.d-none(type='file' accept='image/*')
83
                if theme.bb.geminiKey
84
                  .button.outline.geminiai-btn.action-btn.mr-2.dropdown.aitop
85
                    svg(xmlns='http://www.w3.org/2000/svg' width='1.15rem' height='1.15rem' viewbox='0 0 24 24')
86
                      path(fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21.64 3.64l-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72M14 7l3 3M5 6v4m14 4v4M10 2v2M7 8H3m18 8h-4M11 3H9')
87
                    .dropdown-wrapper.d-none
88
                      span.btn(onclick='geminiAI(this)') &#x8BED;&#x97F3;&#x6DA6;&#x8272;
89
                      span.btn(onclick='geminiAI(this)') &#x81EA;&#x52A8;&#x6807;&#x7B7E;
90
                      span.btn(onclick='geminiAI(this)') &#x80B2;&#x513F;&#x5E2E;&#x624B;
91
                      span.btn(onclick='geminiAI(this)') &#x667A;&#x56CA;&#x56E2;&#x961F;
92
                      span.btn(onclick='geminiAI(this)') &#x667A;&#x80FD;&#x95EE;&#x7B54;
93
                  .button.outline.geminiai-load-btn.d-none.noclick.action-btn.mr-2
94
                    svg(xmlns='http://www.w3.org/2000/svg' width='1.15rem' height='1.15rem' viewbox='0 0 24 24')
95
                      path(fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 12a9 9 0 1 1-6.219-8.56')
96

97
                if theme.bb.cfwkAiUrl
98
                  .button.outline.action-btn.mr-2.cfworkerai-btn
99
                    svg(xmlns='http://www.w3.org/2000/svg' width='1.15rem' height='1.15rem' viewbox='0 0 24 24')
100
                      g(fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2')
101
                        path(d='M12 8V4H8')
102
                        rect(width='16' height='12' x='4' y='8' rx='2')
103
                        path(d='M2 14h2m16 0h2m-7-1v2m-6-2v2')
104
                  .button.outline.action-btn.mr-2.cfworkerai-load-btn.d-none.noclick
105
                    svg(xmlns='http://www.w3.org/2000/svg' width='1.15rem' height='1.15rem' viewbox='0 0 24 24')
106
                      path(fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 12a9 9 0 1 1-6.219-8.56')
107

108
              .d-flex.flex-fill
109
                .memos-tag-list.d-none.mt-2.animate__animated.animate__fadeIn
110
            .memos-editor-footer.border-t.mt-2.pt-2.flex-wrap
111
              .d-flex
112
                .button.outline.switchUser-btn.mr-2.p-2
113
                  svg(xmlns='http://www.w3.org/2000/svg' width='.9rem' height='.9rem' viewbox='0 0 24 24')
114
                    g(fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2')
115
                      path(d='M20 7h-9m3 10H5')
116
                      circle(cx='17' cy='17' r='3')
117
                      circle(cx='7' cy='7' r='3')
118
                .button.outline.private-btn.mr-2.p-2
119
                  svg(xmlns='http://www.w3.org/2000/svg' width='.9rem' height='.9rem' viewbox='0 0 24 24')
120
                    path(fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 10h.01M15 10h.01M12 2a8 8 0 0 0-8 8v12l3-3l2.5 2.5L12 19l2.5 2.5L17 19l3 3V10a8 8 0 0 0-8-8')
121
                .button.outline.random-btn.mr-2.p-2
122
                  svg(xmlns='http://www.w3.org/2000/svg' width='.9rem' height='.9rem' viewbox='0 0 24 24')
123
                    g(fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2')
124
                      path(d='M2 18h1.4c1.3 0 2.5-.6 3.3-1.7l6.1-8.6c.7-1.1 2-1.7 3.3-1.7H22')
125
                      path(d='m18 2l4 4l-4 4M2 6h1.9c1.5 0 2.9.9 3.6 2.2M22 18h-5.9c-1.3 0-2.6-.7-3.3-1.8l-.5-.8')
126
                      path(d='m18 14l4 4l-4 4')
127
                .button.outline.oneday-btn.d-none.p-2
128
                  svg(xmlns='http://www.w3.org/2000/svg' width='.9rem' height='.9rem' viewbox='0 0 24 24')
129
                    g(fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2')
130
                      rect(width='18' height='18' x='3' y='4' rx='2' ry='2')
131
                      path(d='M16 2v4M8 2v4m-5 4h18M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01')
132
              .editor-submit.d-flex.flex-fill.justify-content-end
133
                .editor-selector.select.outline.mr-5
134
                  select.select-memos-value.pl-2.pr-4.py-2
135
                    option(value='PUBLIC') &#x516C;&#x5F00;
136
                    option(value='PRIVATE') &#x79C1;&#x6709;
137
                .edit-memos.d-none
138
                  button.outline.cancel-edit-btn.mr-2.px-2.py-2(title='取消') &#x53D6;&#x6D88;
139
                  button.primary.edit-memos-btn.px-5.py-2(title='保存') &#x4FDD;&#x5B58;
140
                button.primary.submit-memos-btn.px-5.py-2(title='发布') &#x53D1;&#x5E03;
141
          .memos-editor-option.animate__animated.animate__fadeIn.d-none
142
            .reg-editor.row.flex-fill.mr-3.p-2
143
              input.memos-path-input.border-b.input-text.col-6.py-2(name='memos-path-url' type='text' value='' placeholder='Memo 网址')
144
              input.memos-token-input.border-b.input-text.col-6.py-2(name='memos-token-url' type='text' value='' placeholder='Access Tokens')
145
              input.memos-artalk-input.border-b.input-text.col-6.py-2(name='artalk-url' type='text' value='' placeholder='[可选] Artalk 评论网址')
146
              input.memos-artalksite-input.border-b.input-text.col-6.py-2(name='artalk-site-name' type='text' value='' placeholder='[可选] Artalk 站点名称')
147
              input.memos-twikoo-input.border-b.input-text.col-6.py-2(name='twikoo-path-url' type='text' value='' placeholder='[可选] Twikoo 评论网址')
148
              input.cfwkai-url-input.border-b.input-text.col-6.py-2(name='cfwkai-url' type='text' value='' placeholder='[可选] Cloudflare AI 网址')
149
              input.gemini-key-input.border-b.input-text.col-6.py-2(name='gemini-key' type='text' value='' placeholder='[可选] Gemini Pro Key')
150
              input.filter-name-input.border-b.input-text.col-6.py-2(name='filter-name' type='text' value='' placeholder='[可选] 广场过滤名单（ , 分隔多个）')
151
            .editor-btn-wrap.row.flex-fill
152
              button.primary.backto-editer-btn.px-5.py-2 &#x8FD4;&#x56DE;
153
              button.primary.submit-openapi-btn.px-5.py-2 &#x4FDD;&#x5B58;
154
        .memos-random.d-none
155
    .backtop.d-none
156
      svg(xmlns='http://www.w3.org/2000/svg' width='1.25rem' height='1.25rem' viewbox='0 0 24 24')
157
        path(fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m18 15l-6-6l-6 6')
158

159
    #memo-list
160

161
    button.col-12.load-btn.button-load.d-none.flex-fill.mb-3.p-3.animate__animated.animate__fadeIn &#x52A0;&#x8F7D;&#x66F4;&#x591A;
162

163
    script(src="https://cdn.staticfile.net/marked/14.1.0/marked.min.js")
164
    script(src="https://cdn.staticfile.org/lozad.js/1.16.0/lozad.min.js")

展开收起

（二）修改主题相关模板#

打开Solitude主题文件夹\layout\includes\inject\body.pug，在里面找到script(src=url_for(theme.cdn.pjax))部分，并在里面添加以下内容：

1
  if theme.bb.enable
2
    script(src=url_for(theme.cdn.memos_js))

（三）添加样式#

打开Solitude主题文件夹\source\css\_layout，新建bb.styl，并在里面添加以下内容：

1
if hexo-config('bb.enable')
2
  html[data-theme=dark]
3
    .el-skeleton
4
      animation: skeleton-loading-dark 1.5s linear infinite;
5
      background-image: unset !important;
6

7
  html[data-theme=light]
8
    .el-skeleton
9
      animation: skeleton-loading-light 1.5s linear infinite;
10
      background-image: unset !important;
11

12
  memos-bbs
13
    display block
14
    margin: 1rem auto;
15
    .backtop
16
      z-index 9 !important
17
      &:hover
18
        background-color: var(--efu-lighttext) !important
19
    .user-now, .memos-editor-body, .card-item, .editor-selector
20
      background-color: var(--efu-card-bg) !important
21
      border: var(--style-border-always) !important;
22
      transition: all 0.3s ease 0s !important;
23
      &:hover
24
        border: var(--style-border-hover) !important;
25
    .user-now
26
      .user-info
27
        display: flex;
28
    .user-now.row
29
      justify-content: space-between;
30
      .row-fill
31
        margin-left: 0 !important;
32
        margin-right: 1rem !important
33
        .user-button-span
34
          margin-right: 0 !important
35
          .button
36
            margin-right 0 !important
37
            @media (max-width: 768px)
38
              padding: .3rem !important
39
        .gohome-memos
40
          @media (max-width: 768px)
41
            margin-right: 0 !important
42
    .userlist
43
      align-items: center
44
      .item-avatar
45
        border: var(--style-border);
46
    .button
47
      border: var(--style-border-always) !important;
48
      &:hover
49
        background: var(--efu-lighttext) !important
50
        color var(--efu-card-bg) !important
51
    .search-memos-btn, .memos-theme-toggle, .my-blog-feeds, .userlist-memos, .randomuser-memos, .gobbs-memos, .gohome-memos
52
      border unset !important;
53
      &:hover
54
        background-color: transparent !important;
55
        color: var(--efu-lighttext) !important;
56
      &.current
57
        color: var(--efu-lighttext) !important;
58
    .border-t
59
      border-top var(--style-border-always) !important
60
    .item-mate
61
      color: #999999 !important;
62
    .item-tag
63
      background-color: var(--efu-secondbg) !important;
64
    button.primary
65
      background-color: var(--efu-lighttext) !important;
66
      color: var(--efu-card-bg) !important;
67
      &:hover
68
        box-shadow: 0px 5px 20px -3px var(--efu-lighttext) !important;
69
    button.outline
70
      border: var(--style-border-always) !important;
71
      &:hover
72
        background-color: var(--efu-secondbg) !important;
73
    textarea
74
      background-color var(--efu-secondbg) !important;
75
      border-radius: 6.6px
76
    .item-comment
77
      background-color var(--efu-secondbg) !important;
78
    .dropdown-wrapper, select>option
79
      background-color var(--efu-secondbg) !important;
80
    .select::after
81
      border-color var(--efu-fontcolor) transparent transparent transparent !important;
82
    .dropdown-wrapper>.btn
83
      color: var(--efu-fontcolor);
84
    .editor-submit
85
      @media (max-width: 768px)
86
        justify-content: flex-start !important;
87
        margin-top: .5rem;
88
    code
89
      background-color: transparent !important;
90
    .db-card
91
      margin: 0;
92
      height: 7rem;
93
      .db-card-subject
94
        border var(--style-border)
95
        border-radius: 6.6px
96
        height: 100%;
97
        .db-card-post
98
          height: 100%;
99
          width unset !important
100
          img
101
            width: unset !important
102
            height 100% !important
103
            object-fit: contain !important
104
      .db-card-cate
105
        border-top-right-radius: 6.6px
106
    #memo-list a.primary
107
      color: var(--efu-lighttext) !important;
108
    .video-wrapper
109
      width 0
110
      position: relative;
111
      padding: 14.0625% 25%;
112
      margin: 0.5rem 0px;
113
      +maxWidth768()
114
        padding 30% 50%
115
      iframe
116
        position: absolute;
117
        width: 100%;
118
        height: 100%;
119
        left: 0px;
120
        top: 0px;
121
        margin: 0px;
122
        border-radius: 8px;
123
        border: var(--style-border);
124
    .myfeeds-xml.current, .myfeeds-xml:hover
125
      color var(--efu-lighttext) !important
126
    .myfeeds-floor
127
      color var(--efu-secondbg)
128
      top: 12px !important;
129
    .item-creator
130
      z-index 5
131
    .memos-editor-option>.editor-btn-wrap
132
      @media (max-width: 768px)
133
        flex-direction: row
134
        justify-content: space-around;
135
      button
136
        margin: 5px 0 !important;
137

138
    @media (max-width: 768px)
139
      .user-now
140
        flex-wrap: nowrap
141
      .memos-editor-option
142
        flex-direction: column
143
        .reg-editor
144
          flex-direction: column;
145
          flex-wrap: nowrap;
146
          margin 0 !important
147
          input
148
            height: 1rem
149
            flex: 0 0 content;
150
            max-width: unset;
151
            width 100%
152
      .myfeeds-option
153
        flex-wrap: nowrap
154
        justify-content: space-between;
155
        .myfeeds-xml
156
          margin 0 !important
157

158
    .bber-music
159
      display flex
160
      justify-content space-between
161
      align-items center
162
      width 100%
163
      height 90px
164
      margin .5rem 0
165
      border-radius 8px
166
      overflow hidden
167
      border var(--style-border-always)
168
      background var(--efu-secondbg)
169
      cursor pointer
170
      user-select none
171
      &>svg
172
        width 30px
173
        height 30px
174
        fill var(--efu-fontcolor)
175
        opacity 0.3
176
        margin-right 10px
177
        flex-shrink 0
178
      .bber-music-wrap
179
        display flex
180
        align-items center
181
        .bber-music-pic
182
          height: 80px;
183
          width: 80px;
184
          background-size: contain !important;
185
          border: var(--style-border-always);
186
          border-radius: 8px;
187
          margin-left: 10px;
188
          flex-shrink: 0;
189

190
        .bber-music-info
191
          display flex
192
          flex-direction: column;
193
          margin-left: 10px;
194
          align-items: center;
195

196
          .bber-music-title,.bber-music-artist
197
            text-align: left;
198
            width: 100%;
199
          .bber-music-title
200
            font-size: 0.8rem;
201
            line-height: 1.6rem;
202
          .bber-music-artist
203
            font-size: 0.6rem;
204
            line-height: 0.8rem;
205

206
@keyframes skeleton-loading-dark
207
  0%
208
    background-color #30343f
209
  50%
210
    background-color #30343f80
211
  100%
212
    background-color #30343f
213

214
@keyframes skeleton-loading-light
215
  0%
216
    background-color #e3e3e6
217
  50%
218
    background-color #e3e3e680
219
  100%
220
    background-color #e3e3e6

展开收起

四、添加相关页面#

在博客主文件夹中打开终端，输入hexo new page bb，然后在博客主文件夹\source\bb中打开index.md，输入以下内容：

1
---
2
title: 说说
3
date: 2024-08-24 16:18:46
4
cover: 'https://cn.bing.com/th?id=OHR.BridgeNorway_ZH-CN9063814637_1920x1080.jpg'
5
desc: 基于 Memos 与哔哔广场
6
type: bb
7
leftend: '支离破碎的'
8
rightend: '思考·发言'
9
comment: false
10
---

然后访问博客网址/bb，大功告成😊

！重要：blog.d-bood.com将被废弃

Wed, 27 Sep 2023 07:22:19 GMT

由于d-bood.com域名将于2023年10月28日到期，届时d-bood.com与*.d-bood.com将无法被访问。后期相关域名下的内容将转移到d-bood.top与*.d-bood.top，因此blog.d-bood.com的内容将逐渐转移到blog.d-bood.top，敬请留意。如有不便之处，请多谅解。

2023-09-23

Sat, 23 Sep 2023 21:42:30 GMT

本文已加密保护，请访问网站查看。

2022-11-12

Sat, 12 Nov 2022 19:39:00 GMT

本文已加密保护，请访问网站查看。

2022-11-06

Sun, 06 Nov 2022 08:11:00 GMT

本文已加密保护，请访问网站查看。

2022-09-20

Tue, 20 Sep 2022 19:57:00 GMT

本文已加密保护，请访问网站查看。

2022-06-25

Sat, 25 Jun 2022 11:43:00 GMT

本文已加密保护，请访问网站查看。

2022-01-09

Sun, 09 Jan 2022 01:27:00 GMT

本文已加密保护，请访问网站查看。

2021-12-10

Fri, 10 Dec 2021 21:51:27 GMT

本文已加密保护，请访问网站查看。

2021-10-26

Tue, 26 Oct 2021 11:07:00 GMT

本文已加密保护，请访问网站查看。

2021-09-20

Mon, 20 Sep 2021 22:11:00 GMT

本文已加密保护，请访问网站查看。

2021-05-23

Sun, 23 May 2021 13:39:00 GMT

本文已加密保护，请访问网站查看。

2021-05-04

Tue, 04 May 2021 12:09:29 GMT

本文已加密保护，请访问网站查看。

2021-02-22

Mon, 22 Feb 2021 22:30:19 GMT

本文已加密保护，请访问网站查看。

2020-09-22

Tue, 22 Sep 2020 12:18:00 GMT

本文已加密保护，请访问网站查看。

2020-05-11

Mon, 11 May 2020 09:32:19 GMT

本文已加密保护，请访问网站查看。

2020-03-20

Fri, 20 Mar 2020 16:21:00 GMT

本文已加密保护，请访问网站查看。

2020-02-29

Sat, 29 Feb 2020 08:08:00 GMT

本文已加密保护，请访问网站查看。

2020-02-14

Fri, 14 Feb 2020 16:58:00 GMT

本文已加密保护，请访问网站查看。

2020-01-16

Thu, 16 Jan 2020 17:13:00 GMT

本文已加密保护，请访问网站查看。

2018-02-23

Fri, 23 Feb 2018 16:12:00 GMT

本文已加密保护，请访问网站查看。

2018-01-17

Wed, 17 Jan 2018 18:25:00 GMT

本文已加密保护，请访问网站查看。

未命名文档

Fri, 24 Nov 2017 16:36:36 GMT

本文已加密保护，请访问网站查看。

2017-11-10

Fri, 10 Nov 2017 22:57:00 GMT

本文已加密保护，请访问网站查看。

2017-10-19

Thu, 19 Oct 2017 07:29:00 GMT

本文已加密保护，请访问网站查看。

2017-08-27

Sun, 27 Aug 2017 17:26:00 GMT

本文已加密保护，请访问网站查看。

reCAPTCHA v2 for Typecho 评论插件

Wed, 12 Jul 2017 20:55:00 GMT

本文已加密保护，请访问网站查看。

2017-06-30

Fri, 30 Jun 2017 09:18:00 GMT

本文已加密保护，请访问网站查看。

2017-01-01

Sun, 01 Jan 2017 19:05:00 GMT

本文已加密保护，请访问网站查看。

2016-12-19

Mon, 19 Dec 2016 19:27:00 GMT

本文已加密保护，请访问网站查看。

2016-11-23

Wed, 23 Nov 2016 09:04:00 GMT

本文已加密保护，请访问网站查看。

2016-11-20

Sun, 20 Nov 2016 16:03:00 GMT

本文已加密保护，请访问网站查看。

2016-10-17

Mon, 17 Oct 2016 23:15:40 GMT

本文已加密保护，请访问网站查看。

2016-10-17

Mon, 17 Oct 2016 19:26:13 GMT

本文已加密保护，请访问网站查看。

2016-10-17

Mon, 17 Oct 2016 08:46:15 GMT

本文已加密保护，请访问网站查看。

备忘

Sat, 27 Aug 2016 17:51:00 GMT

本文已加密保护，请访问网站查看。

2016-05-19

Thu, 19 May 2016 15:10:00 GMT

本文已加密保护，请访问网站查看。

2016-05-15

Sun, 15 May 2016 20:00:28 GMT

本文已加密保护，请访问网站查看。

2016-03-22

Tue, 22 Mar 2016 11:37:58 GMT

本文已加密保护，请访问网站查看。

2016-03-05

Sat, 05 Mar 2016 23:13:06 GMT

本文已加密保护，请访问网站查看。

2015-12-29

Tue, 29 Dec 2015 12:00:08 GMT

本文已加密保护，请访问网站查看。

2015-09-12

Sat, 12 Sep 2015 15:42:02 GMT

本文已加密保护，请访问网站查看。

2015-07-26

Sun, 26 Jul 2015 23:38:00 GMT

本文已加密保护，请访问网站查看。

2015-06-22

Mon, 22 Jun 2015 21:55:54 GMT

本文已加密保护，请访问网站查看。

2015-05-16

Sat, 16 May 2015 16:05:07 GMT

本文已加密保护，请访问网站查看。

2015-04-18

Sat, 18 Apr 2015 12:27:00 GMT

本文已加密保护，请访问网站查看。

2015-03-01

Sun, 01 Mar 2015 18:20:00 GMT

本文已加密保护，请访问网站查看。

有点想说的话

Sat, 20 Dec 2014 21:13:00 GMT

本文已加密保护，请访问网站查看。

2014-11-06

Thu, 06 Nov 2014 20:42:00 GMT

本文已加密保护，请访问网站查看。

2014-09-19

Fri, 19 Sep 2014 20:41:00 GMT

本文已加密保护，请访问网站查看。

2014-09-10

Wed, 10 Sep 2014 20:40:00 GMT

本文已加密保护，请访问网站查看。

2014-08-26

Tue, 26 Aug 2014 20:40:00 GMT

本文已加密保护，请访问网站查看。

2014-08-10

Sun, 10 Aug 2014 20:39:00 GMT

本文已加密保护，请访问网站查看。

2014-07-28

Mon, 28 Jul 2014 20:38:00 GMT

本文已加密保护，请访问网站查看。

2014-07-19

Sat, 19 Jul 2014 20:38:00 GMT

本文已加密保护，请访问网站查看。

2014-07-08

Tue, 08 Jul 2014 20:37:00 GMT

本文已加密保护，请访问网站查看。

2014-06-19

Thu, 19 Jun 2014 20:36:00 GMT

本文已加密保护，请访问网站查看。

2014-06-13

Fri, 13 Jun 2014 21:49:00 GMT

本文已加密保护，请访问网站查看。

2014-06-12

Thu, 12 Jun 2014 21:48:00 GMT

本文已加密保护，请访问网站查看。

2014-06-10

Tue, 10 Jun 2014 21:47:00 GMT

本文已加密保护，请访问网站查看。

2014-06-09

Mon, 09 Jun 2014 21:45:00 GMT

本文已加密保护，请访问网站查看。

2014-04-18

Fri, 18 Apr 2014 21:45:00 GMT

本文已加密保护，请访问网站查看。

2014-04-06

Sun, 06 Apr 2014 21:44:00 GMT

本文已加密保护，请访问网站查看。

距離終点百天之総結

Sat, 01 Mar 2014 21:42:00 GMT

本文已加密保护，请访问网站查看。

2014-02-01

Sat, 01 Feb 2014 21:40:00 GMT

本文已加密保护，请访问网站查看。

2014-01-27

Mon, 27 Jan 2014 21:39:00 GMT

本文已加密保护，请访问网站查看。

2014-01-24

Fri, 24 Jan 2014 21:38:00 GMT

本文已加密保护，请访问网站查看。

2014-01-01

Wed, 01 Jan 2014 23:40:00 GMT

本文已加密保护，请访问网站查看。

2013-12-31

Tue, 31 Dec 2013 23:40:00 GMT

本文已加密保护，请访问网站查看。

2013-11-30

Sat, 30 Nov 2013 23:37:00 GMT

本文已加密保护，请访问网站查看。

2013-11-16

Sat, 16 Nov 2013 23:33:00 GMT

本文已加密保护，请访问网站查看。

2013-10-01

Tue, 01 Oct 2013 23:31:00 GMT

本文已加密保护，请访问网站查看。

2013-09-19

Thu, 19 Sep 2013 23:22:00 GMT

本文已加密保护，请访问网站查看。

2013-08-21

Wed, 21 Aug 2013 23:22:00 GMT

本文已加密保护，请访问网站查看。

2013-08-17

Sat, 17 Aug 2013 00:00:00 GMT

本文已加密保护，请访问网站查看。

2013-08-10

Sat, 10 Aug 2013 00:00:00 GMT

本文已加密保护，请访问网站查看。

2013-08-01

Thu, 01 Aug 2013 00:00:00 GMT

本文已加密保护，请访问网站查看。