From ab05ec403082e17d1619ba8db9073cc4b6e94e80 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9F=B3=E7=A5=9E?= <3162475700@qq.com>
Date: Fri, 26 Jul 2024 15:39:04 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=A4=AA=E8=A7=A3=E5=86=B3pjax=E5=BC=80?=
 =?UTF-8?q?=E5=90=AF=E5=90=8E=E8=B7=B3=E5=87=BA=E9=A1=B5=E9=9D=A2=E6=A8=A1?=
 =?UTF-8?q?=E6=80=81=E6=A1=86=E4=B8=8D=E6=B6=88=E5=A4=B1=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=EF=BC=8C=E8=A7=A3=E5=86=B3=E9=A1=B5=E9=9D=A2=E5=AE=BD?=
 =?UTF-8?q?=E5=BA=A6=E9=97=AE=E9=A2=98=EF=BC=8C=E5=9B=BA=E5=AE=9A=E9=99=90?=
 =?UTF-8?q?=E5=88=B6=E4=BD=9C=E8=80=85=E6=96=87=E7=AB=A0=E5=8D=A1=E7=89=87?=
 =?UTF-8?q?=E4=BB=85=E6=98=BE=E7=A4=BA=E4=BA=94=E4=B8=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html          |  4 ++--
 main/fclite.css     |  7 ++++---
 main/fclite.js      | 36 ++++++++++++++++++++----------------
 main/fclite.min.css |  4 +---
 main/fclite.min.js  |  2 +-
 5 files changed, 28 insertions(+), 25 deletions(-)

diff --git a/index.html b/index.html
index 11faf1e..bf19fbd 100644
--- a/index.html
+++ b/index.html
@@ -21,8 +21,8 @@
         }
     }
 </script>
-<link rel="stylesheet" href="https://fastly.jsdelivr.net/gh/willow-god/Friend-Circle-Lite/main/fclite.min.css">
-<script src="https://fastly.jsdelivr.net/gh/willow-god/Friend-Circle-Lite/main/fclite.min.js"></script>
+<link rel="stylesheet" href="./main/fclite.min.css">
+<script src="./main/fclite.min.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/main/fclite.css b/main/fclite.css
index 8b476b4..88b0950 100644
--- a/main/fclite.css
+++ b/main/fclite.css
@@ -136,18 +136,18 @@ body {
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
-    width: 400px;
+    width: 350px;
     background-color: var(--modal-content-bg-color);
     padding: 20px;
     border: 1px solid var(--border-color);
     z-index: 1000;
-    max-height: 95%;
+    max-height: 85%;
     overflow-y: auto;
     border-radius: 20px;
     transition: opacity 0.3s;
 }
 
-@media screen and (max-width: 400px) {
+@media screen and (max-width: 440px) {
     .modal-content {
         width: 80%;
     }
@@ -194,6 +194,7 @@ body {
 }
 
 .modal-article .modal-article-title {
+    color: var(--text-color);
     font-size: 18px;
     line-height: 1.2;
     cursor: pointer;
diff --git a/main/fclite.js b/main/fclite.js
index 6cb69eb..1047598 100644
--- a/main/fclite.js
+++ b/main/fclite.js
@@ -20,19 +20,6 @@ function initialize_fc_lite() {
     loadMoreBtn.innerText = '显示更多';
     root.appendChild(loadMoreBtn);
 
-    // 创建模态框结构
-    const modal = document.createElement('div');
-    modal.id = 'modal';
-    modal.className = 'modal';
-    modal.innerHTML = `
-        <div class="modal-content">
-            <img id="modal-author-avatar" src="" alt="">
-            <a id="modal-author-name-link"></a>
-            <div id="modal-articles-container"></div>
-        </div>
-    `;
-    document.body.appendChild(modal); // this.body 改为 document.body
-
     // 创建统计信息容器
     const statsContainer = document.createElement('div');
     statsContainer.id = 'stats-container';
@@ -117,7 +104,7 @@ function initialize_fc_lite() {
 
             const date = document.createElement('div');
             date.className = 'card-date';
-            date.innerText = article.created.substring(0, 10);
+            date.innerText = "🗓️" + article.created.substring(0, 10);
             card.appendChild(date);
 
             const bgImg = document.createElement('img');
@@ -137,6 +124,21 @@ function initialize_fc_lite() {
     }
 
     function showAuthorArticles(author, avatar, link) {
+        // 如果不存在，则创建模态框结构
+        if (!document.getElementById('modal')) {
+            const modal = document.createElement('div');
+            modal.id = 'modal';
+            modal.className = 'modal';
+            modal.innerHTML = `
+            <div class="modal-content">
+                <img id="modal-author-avatar" src="" alt="">
+                <a id="modal-author-name-link"></a>
+                <div id="modal-articles-container"></div>
+            </div>
+            `;
+            document.body.appendChild(modal);
+        }
+
         const modal = document.getElementById('modal');
         const modalArticlesContainer = document.getElementById('modal-articles-container');
         const modalAuthorAvatar = document.getElementById('modal-author-avatar');
@@ -149,7 +151,8 @@ function initialize_fc_lite() {
         modalAuthorNameLink.href = new URL(link).origin;
 
         const authorArticles = allArticles.filter(article => article.author === author);
-        authorArticles.forEach(article => {
+        // 仅仅取前五个，防止文章过多导致模态框过长，如果不够五个则全部取出
+        authorArticles.slice(0, 5).forEach(article => {
             const articleDiv = document.createElement('div');
             articleDiv.className = 'modal-article';
 
@@ -162,7 +165,7 @@ function initialize_fc_lite() {
 
             const date = document.createElement('div');
             date.className = 'modal-article-date';
-            date.innerText = "--" + article.created.substring(0, 10);
+            date.innerText = "📅" + article.created.substring(0, 10);
             articleDiv.appendChild(date);
 
             modalArticlesContainer.appendChild(articleDiv);
@@ -181,6 +184,7 @@ function initialize_fc_lite() {
         modal.classList.remove('modal-open');
         modal.addEventListener('transitionend', () => {
             modal.style.display = 'none';
+            document.body.removeChild(modal);
         }, { once: true });
     }
 
diff --git a/main/fclite.min.css b/main/fclite.min.css
index d4ff21a..0465b11 100644
--- a/main/fclite.min.css
+++ b/main/fclite.min.css
@@ -1,3 +1 @@
-/* build time:Tue Jul 16 2024 12:23:15 GMT+0800 (中国标准时间)*/
-:root{--text-color-light:#000000;--text-color-dark:#F7F7FA;--background-color-light:#f4f4f9;--background-color-dark:#181818;--container-bg-color-light:white;--container-bg-color-dark:#1D1E22;--hover-color:#3498db;--author-color-light:gray;--author-color-dark:#b3b3b3;--modal-bg-blur:25px;--shadow-color-light:rgba(0, 0, 0, 0.1);--shadow-color-dark:rgba(255, 255, 255, 0.1);--border-color-light:#e3e8f7;--border-color-dark:#42444a}[data-theme=light]{--text-color:var(--text-color-light);--background-color:var(--background-color-light);--tag-bg-color:#bfbfbf;--container-bg-color:var(--container-bg-color-light);--author-color:var(--author-color-light);--shadow-color:var(--shadow-color-light);--border-color:var(--border-color-light);--modal-bg-color:rgba(255, 255, 255, 0.5);--modal-content-bg-color:rgba(239, 250, 255, 0.7);--load-more-btn-bg-color:var(--container-bg-color)}[data-theme=dark]{--text-color:var(--text-color-dark);--background-color:var(--background-color-dark);--tag-bg-color:#474747;--container-bg-color:var(--container-bg-color-dark);--author-color:var(--author-color-dark);--shadow-color:var(--shadow-color-dark);--border-color:var(--border-color-dark);--modal-bg-color:rgba(0, 0, 0, 0.3);--modal-content-bg-color:rgba(20, 20, 20, 0.5);--load-more-btn-bg-color:var(--container-bg-color)}body{background-color:var(--background-color)}#friend-circle-lite-root{width:100%}#random-article{display:flex;position:relative;width:100%;margin:8px 0;background-color:var(--container-bg-color);border-radius:10px;border:1px solid var(--border-color);height:210px}.random-container{position:relative;margin:20px;width:90%;height:170px}.random-container:hover .random-title{font-size:32px}.random-author{font-size:14px;color:var(--author-color);margin-bottom:10px}.random-container-title{font-size:20px;font-weight:700;margin-bottom:20px}.random-title{margin-bottom:10px;font-size:30px;transition:font-size .3s ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.random-link-button{position:absolute;bottom:20px;right:20px;padding:10px 20px;border:none;border-radius:20px;background-color:var(--hover-color);color:#fff;cursor:pointer;font-size:14px;transition:background-color .3s ease-in-out}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--modal-bg-color);backdrop-filter:blur(var(--modal-bg-blur));-webkit-backdrop-filter:blur(var(--modal-bg-blur));z-index:999;opacity:0;visibility:hidden;transition:opacity .3s}.modal-open{opacity:1;visibility:visible}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;background-color:var(--modal-content-bg-color);padding:20px;border:1px solid var(--border-color);z-index:1000;max-height:95%;overflow-y:auto;border-radius:20px;transition:opacity .3s}@media screen and (max-width:400px){.modal-content{width:80%}}#modal-author-avatar{display:block;margin:0 auto 10px;border-radius:50%;width:80px;height:80px;object-fit:cover}#modal-author-name-link{display:block;text-align:center;font-size:15px;margin:25px 0;color:var(--hover-color);text-decoration:none}#modal-author-name-link:hover{text-decoration:underline}.modal-content hr{margin:20px 0}#modal-articles-container{border-top:var(--hover-color) double 2px;margin-top:20px;padding-top:10px}.modal-article{display:flex;flex-wrap:wrap;margin-bottom:10px;padding-bottom:10px;border-bottom:var(--hover-color) dashed 1px}.modal-article .modal-article-title{font-size:18px;line-height:1.2;cursor:pointer;height:2.5em;width:100%;margin-bottom:5px;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.modal-article .modal-article-title:hover{color:var(--hover-color);text-decoration:underline}.modal-article .modal-article-date{font-size:12px;width:100%;color:var(--author-color);padding:5px;cursor:default;text-align:right}.articles-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;width:100%}.card{background-color:var(--container-bg-color);border-radius:10px;padding:10px;border:1px solid var(--border-color);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;height:150px}.card-title{z-index:1;font-size:17px;color:var(--text-color);font-weight:520;cursor:pointer;margin-bottom:10px;line-height:1.5;max-height:4.5em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;transition:color .3s}.card-title:hover{color:var(--hover-color);text-decoration:underline}.card-author,.card-date{font-size:12px;color:var(--author-color);padding:5px;transition:box-shadow .2s}.card-author:hover{box-shadow:0 4px 8px rgba(0,0,0,.2)}.card-author{cursor:pointer;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:15px;display:flex;padding-right:10px;width:fit-content;height:26px;align-items:center}#friend-circle-lite-root .card-author img{border-radius:50%;width:15px;height:15px;margin:0 2px!important;object-fit:cover}.card-date{position:absolute;z-index:1;bottom:5px;cursor:default;right:10px;display:flex;align-items:center}#friend-circle-lite-root .card-bg{cursor:default;z-index:0;border-radius:50%;margin:0;position:absolute;bottom:-20px;right:-16px;width:140px;height:140px;opacity:.4}#load-more-btn{color:var(--text-color);font-size:15px;background-color:var(--container-bg-color);cursor:pointer;width:200px;border-radius:20px;border:1px solid var(--border-color);padding:3px;transition:all .3s;margin:20px auto;display:block}#load-more-btn:hover{background-color:var(--hover-color);width:300px;color:#fff}#stats-container{font-size:13px;text-align:right;margin-top:20px}#stats-container>*{margin-bottom:3px}#stats-container a{color:var(--author-color);text-decoration:none}
-/* rebuild by neat */
\ No newline at end of file
+:root{--text-color-light:#000000;--text-color-dark:#F7F7FA;--background-color-light:#f4f4f9;--background-color-dark:#181818;--container-bg-color-light:white;--container-bg-color-dark:#1D1E22;--hover-color:#3498db;--author-color-light:gray;--author-color-dark:#b3b3b3;--modal-bg-blur:25px;--shadow-color-light:rgba(0,0,0,0.1);--shadow-color-dark:rgba(255,255,255,0.1);--border-color-light:#e3e8f7;--border-color-dark:#42444a;}[data-theme=light]{--text-color:var(--text-color-light);--background-color:var(--background-color-light);--tag-bg-color:#bfbfbf;--container-bg-color:var(--container-bg-color-light);--author-color:var(--author-color-light);--shadow-color:var(--shadow-color-light);--border-color:var(--border-color-light);--modal-bg-color:rgba(255,255,255,0.5);--modal-content-bg-color:rgba(239,250,255,0.7);--load-more-btn-bg-color:var(--container-bg-color);}[data-theme=dark]{--text-color:var(--text-color-dark);--background-color:var(--background-color-dark);--tag-bg-color:#474747;--container-bg-color:var(--container-bg-color-dark);--author-color:var(--author-color-dark);--shadow-color:var(--shadow-color-dark);--border-color:var(--border-color-dark);--modal-bg-color:rgba(0,0,0,0.3);--modal-content-bg-color:rgba(20,20,20,0.5);--load-more-btn-bg-color:var(--container-bg-color);}body{background-color:var(--background-color);}#friend-circle-lite-root{width:100%;}#random-article{display:flex;position:relative;width:100%;margin:8px 0;background-color:var(--container-bg-color);border-radius:10px;border:1px solid var(--border-color);height:210px;}.random-container{position:relative;margin:20px;width:90%;height:170px;}.random-container:hover .random-title{font-size:32px;}.random-author{font-size:14px;color:var(--author-color);margin-bottom:10px;}.random-container-title{font-size:20px;font-weight:700;margin-bottom:20px;}.random-title{margin-bottom:10px;font-size:30px;transition:font-size 0.3s ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.random-link-button{position:absolute;bottom:20px;right:20px;padding:10px 20px;border:none;border-radius:20px;background-color:var(--hover-color);color:#fff;cursor:pointer;font-size:14px;transition:background-color 0.3s ease-in-out;}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--modal-bg-color);backdrop-filter:blur(var(--modal-bg-blur));-webkit-backdrop-filter:blur(var(--modal-bg-blur));z-index:999;opacity:0;visibility:hidden;transition:opacity 0.3s;}.modal-open{opacity:1;visibility:visible;}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;background-color:var(--modal-content-bg-color);padding:20px;border:1px solid var(--border-color);z-index:1000;max-height:85%;overflow-y:auto;border-radius:20px;transition:opacity 0.3s;}@media screen and (max-width:440px){.modal-content{width:80%;}}#modal-author-avatar{display:block;margin:0 auto 10px;border-radius:50%;width:80px;height:80px;object-fit:cover;}#modal-author-name-link{display:block;text-align:center;font-size:15px;margin:25px 0;color:var(--hover-color);text-decoration:none;}#modal-author-name-link:hover{text-decoration:underline;}.modal-content hr{margin:20px 0;}#modal-articles-container{border-top:var(--hover-color) double 2px;margin-top:20px;padding-top:10px;}.modal-article{display:flex;flex-wrap:wrap;margin-bottom:10px;padding-bottom:10px;border-bottom:var(--hover-color) dashed 1px;}.modal-article .modal-article-title{color:var(--text-color);font-size:18px;line-height:1.2;cursor:pointer;height:2.5em;width:100%;margin-bottom:5px;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}.modal-article .modal-article-title:hover{color:var(--hover-color);text-decoration:underline;}.modal-article .modal-article-date{font-size:12px;width:100%;color:var(--author-color);padding:5px;cursor:default;text-align:right;}.articles-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;width:100%;}.card{background-color:var(--container-bg-color);border-radius:10px;padding:10px;border:1px solid var(--border-color);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;height:150px;}.card-title{z-index:1;font-size:17px;color:var(--text-color);font-weight:520;cursor:pointer;margin-bottom:10px;line-height:1.5;max-height:4.5em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;transition:color 0.3s;}.card-title:hover{color:var(--hover-color);text-decoration:underline;}.card-author,.card-date{font-size:12px;color:var(--author-color);padding:5px;transition:box-shadow 0.2s;}.card-author:hover{box-shadow:0 4px 8px rgba(0,0,0,0.2);}.card-author{cursor:pointer;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:15px;display:flex;padding-right:10px;width:fit-content;height:26px;align-items:center;}#friend-circle-lite-root .card-author img{border-radius:50%;width:15px;height:15px;margin:0 2px !important;object-fit:cover;}.card-date{position:absolute;z-index:1;bottom:5px;cursor:default;right:10px;display:flex;align-items:center;}#friend-circle-lite-root .card-bg{cursor:default;z-index:0;border-radius:50%;margin:0;position:absolute;bottom:-20px;right:-16px;width:140px;height:140px;opacity:0.4;}#load-more-btn{color:var(--text-color);font-size:15px;background-color:var(--container-bg-color);cursor:pointer;width:200px;border-radius:20px;border:1px solid var(--border-color);padding:3px;transition:all 0.3s;margin:20px auto;display:block;}#load-more-btn:hover{background-color:var(--hover-color);width:300px;color:white;}#stats-container{font-size:13px;text-align:right;margin-top:20px;}#stats-container > *{margin-bottom:3px;}#stats-container a{color:var(--author-color);text-decoration:none;}
\ No newline at end of file
diff --git a/main/fclite.min.js b/main/fclite.min.js
index 326e141..9f13e29 100644
--- a/main/fclite.min.js
+++ b/main/fclite.min.js
@@ -1 +1 @@
-function initialize_fc_lite(){const root=document.getElementById('friend-circle-lite-root');if(!root)return;root.innerHTML='';const randomArticleContainer=document.createElement('div');randomArticleContainer.id='random-article';root.appendChild(randomArticleContainer);const container=document.createElement('div');container.className='articles-container';container.id='articles-container';root.appendChild(container);const loadMoreBtn=document.createElement('button');loadMoreBtn.id='load-more-btn';loadMoreBtn.innerText='显示更多';root.appendChild(loadMoreBtn);const modal=document.createElement('div');modal.id='modal';modal.className='modal';modal.innerHTML=`<div class="modal-content"><img id="modal-author-avatar"src=""alt=""><a id="modal-author-name-link"></a><div id="modal-articles-container"></div></div>`;document.body.appendChild(modal);const statsContainer=document.createElement('div');statsContainer.id='stats-container';root.appendChild(statsContainer);let start=0;let allArticles=[];function loadMoreArticles(){const cacheKey='friend-circle-lite-cache';const cacheTimeKey='friend-circle-lite-cache-time';const cacheTime=localStorage.getItem(cacheTimeKey);const now=new Date().getTime();if(cacheTime&&(now-cacheTime<10*60*1000)){const cachedData=JSON.parse(localStorage.getItem(cacheKey));if(cachedData){processArticles(cachedData);return}}fetch(`${UserConfig.private_api_url}all.json`).then(response=>response.json()).then(data=>{localStorage.setItem(cacheKey,JSON.stringify(data));localStorage.setItem(cacheTimeKey,now.toString());processArticles(data)}).finally(()=>{loadMoreBtn.innerText='显示更多'})}function processArticles(data){allArticles=data.article_data;const stats=data.statistical_data;statsContainer.innerHTML=`<div>Powered by:<a href="https://github.com/willow-god/Friend-Circle-Lite"target="_blank">FriendCircleLite</a><br></div><div>Designed By:<a href="https://www.qyliu.top/"target="_blank">LiuShen</a><br></div><div>订阅:${stats.friends_num}活跃:${stats.active_num}总文章数:${stats.article_num}<br></div><div>更新时间:${stats.last_updated_time}</div>`;const randomArticle=allArticles[Math.floor(Math.random()*allArticles.length)];randomArticleContainer.innerHTML=`<div class="random-container"><div class="random-container-title">随机钓鱼</div><div class="random-title">${randomArticle.title}</div><div class="random-author">作者:${randomArticle.author}</div></div><button class="random-link-button"onclick="window.open('${randomArticle.link}', '_blank')">过去转转</button>`;const articles=allArticles.slice(start,start+UserConfig.page_turning_number);articles.forEach(article=>{const card=document.createElement('div');card.className='card';const title=document.createElement('div');title.className='card-title';title.innerText=article.title;card.appendChild(title);title.onclick=()=>window.open(article.link,'_blank');const author=document.createElement('div');author.className='card-author';const authorImg=document.createElement('img');authorImg.className='no-lightbox';authorImg.src=article.avatar||UserConfig.error_img;authorImg.onerror=()=>authorImg.src=UserConfig.error_img;author.appendChild(authorImg);author.appendChild(document.createTextNode(article.author));card.appendChild(author);author.onclick=()=>{showAuthorArticles(article.author,article.avatar,article.link)};const date=document.createElement('div');date.className='card-date';date.innerText=article.created.substring(0,10);card.appendChild(date);const bgImg=document.createElement('img');bgImg.className='card-bg no-lightbox';bgImg.src=article.avatar||UserConfig.error_img;bgImg.onerror=()=>bgImg.src=UserConfig.error_img;card.appendChild(bgImg);container.appendChild(card)});start+=UserConfig.page_turning_number;if(start>=allArticles.length){loadMoreBtn.style.display='none'}}function showAuthorArticles(author,avatar,link){const modal=document.getElementById('modal');const modalArticlesContainer=document.getElementById('modal-articles-container');const modalAuthorAvatar=document.getElementById('modal-author-avatar');const modalAuthorNameLink=document.getElementById('modal-author-name-link');modalArticlesContainer.innerHTML='';modalAuthorAvatar.src=avatar||UserConfig.error_img;modalAuthorAvatar.onerror=()=>modalAuthorAvatar.src=UserConfig.error_img;modalAuthorNameLink.innerText=author;modalAuthorNameLink.href=new URL(link).origin;const authorArticles=allArticles.filter(article=>article.author===author);authorArticles.forEach(article=>{const articleDiv=document.createElement('div');articleDiv.className='modal-article';const title=document.createElement('a');title.className='modal-article-title';title.innerText=article.title;title.href=article.link;title.target='_blank';articleDiv.appendChild(title);const date=document.createElement('div');date.className='modal-article-date';date.innerText="--"+article.created.substring(0,10);articleDiv.appendChild(date);modalArticlesContainer.appendChild(articleDiv)});modal.style.display='block';setTimeout(()=>{modal.classList.add('modal-open')},10)}function hideModal(){const modal=document.getElementById('modal');modal.classList.remove('modal-open');modal.addEventListener('transitionend',()=>{modal.style.display='none'},{once:true})}loadMoreArticles();loadMoreBtn.addEventListener('click',loadMoreArticles);window.onclick=function(event){const modal=document.getElementById('modal');if(event.target===modal){hideModal()}}};document.addEventListener("DOMContentLoaded",function(){setTimeout(initialize_fc_lite,0)});document.addEventListener('pjax:complete',function(){setTimeout(initialize_fc_lite,0)});setTimeout(initialize_fc_lite,0);
\ No newline at end of file
+function initialize_fc_lite(){const root=document.getElementById('friend-circle-lite-root');if(!root)return;root.innerHTML='';const randomArticleContainer=document.createElement('div');randomArticleContainer.id='random-article';root.appendChild(randomArticleContainer);const container=document.createElement('div');container.className='articles-container';container.id='articles-container';root.appendChild(container);const loadMoreBtn=document.createElement('button');loadMoreBtn.id='load-more-btn';loadMoreBtn.innerText='显示更多';root.appendChild(loadMoreBtn);const statsContainer=document.createElement('div');statsContainer.id='stats-container';root.appendChild(statsContainer);let start=0;let allArticles=[];function loadMoreArticles(){const cacheKey='friend-circle-lite-cache';const cacheTimeKey='friend-circle-lite-cache-time';const cacheTime=localStorage.getItem(cacheTimeKey);const now=new Date().getTime();if(cacheTime&&(now-cacheTime<10*60*1000)){const cachedData=JSON.parse(localStorage.getItem(cacheKey));if(cachedData){processArticles(cachedData);return}}fetch(`${UserConfig.private_api_url}all.json`).then(response=>response.json()).then(data=>{localStorage.setItem(cacheKey,JSON.stringify(data));localStorage.setItem(cacheTimeKey,now.toString());processArticles(data)}).finally(()=>{loadMoreBtn.innerText='显示更多'})}function processArticles(data){allArticles=data.article_data;const stats=data.statistical_data;statsContainer.innerHTML=`<div>Powered by:<a href="https://github.com/willow-god/Friend-Circle-Lite"target="_blank">FriendCircleLite</a><br></div><div>Designed By:<a href="https://www.qyliu.top/"target="_blank">LiuShen</a><br></div><div>订阅:${stats.friends_num}活跃:${stats.active_num}总文章数:${stats.article_num}<br></div><div>更新时间:${stats.last_updated_time}</div>`;const randomArticle=allArticles[Math.floor(Math.random()*allArticles.length)];randomArticleContainer.innerHTML=`<div class="random-container"><div class="random-container-title">随机钓鱼</div><div class="random-title">${randomArticle.title}</div><div class="random-author">作者:${randomArticle.author}</div></div><button class="random-link-button"onclick="window.open('${randomArticle.link}', '_blank')">过去转转</button>`;const articles=allArticles.slice(start,start+UserConfig.page_turning_number);articles.forEach(article=>{const card=document.createElement('div');card.className='card';const title=document.createElement('div');title.className='card-title';title.innerText=article.title;card.appendChild(title);title.onclick=()=>window.open(article.link,'_blank');const author=document.createElement('div');author.className='card-author';const authorImg=document.createElement('img');authorImg.className='no-lightbox';authorImg.src=article.avatar||UserConfig.error_img;authorImg.onerror=()=>authorImg.src=UserConfig.error_img;author.appendChild(authorImg);author.appendChild(document.createTextNode(article.author));card.appendChild(author);author.onclick=()=>{showAuthorArticles(article.author,article.avatar,article.link)};const date=document.createElement('div');date.className='card-date';date.innerText="🗓️"+article.created.substring(0,10);card.appendChild(date);const bgImg=document.createElement('img');bgImg.className='card-bg no-lightbox';bgImg.src=article.avatar||UserConfig.error_img;bgImg.onerror=()=>bgImg.src=UserConfig.error_img;card.appendChild(bgImg);container.appendChild(card)});start+=UserConfig.page_turning_number;if(start>=allArticles.length){loadMoreBtn.style.display='none'}}function showAuthorArticles(author,avatar,link){if(!document.getElementById('modal')){const modal=document.createElement('div');modal.id='modal';modal.className='modal';modal.innerHTML=`<div class="modal-content"><img id="modal-author-avatar"src=""alt=""><a id="modal-author-name-link"></a><div id="modal-articles-container"></div></div>`;document.body.appendChild(modal)}const modal=document.getElementById('modal');const modalArticlesContainer=document.getElementById('modal-articles-container');const modalAuthorAvatar=document.getElementById('modal-author-avatar');const modalAuthorNameLink=document.getElementById('modal-author-name-link');modalArticlesContainer.innerHTML='';modalAuthorAvatar.src=avatar||UserConfig.error_img;modalAuthorAvatar.onerror=()=>modalAuthorAvatar.src=UserConfig.error_img;modalAuthorNameLink.innerText=author;modalAuthorNameLink.href=new URL(link).origin;const authorArticles=allArticles.filter(article=>article.author===author);authorArticles.slice(0,5).forEach(article=>{const articleDiv=document.createElement('div');articleDiv.className='modal-article';const title=document.createElement('a');title.className='modal-article-title';title.innerText=article.title;title.href=article.link;title.target='_blank';articleDiv.appendChild(title);const date=document.createElement('div');date.className='modal-article-date';date.innerText="📅"+article.created.substring(0,10);articleDiv.appendChild(date);modalArticlesContainer.appendChild(articleDiv)});modal.style.display='block';setTimeout(()=>{modal.classList.add('modal-open')},10)}function hideModal(){const modal=document.getElementById('modal');modal.classList.remove('modal-open');modal.addEventListener('transitionend',()=>{modal.style.display='none';document.body.removeChild(modal)},{once:true})}loadMoreArticles();loadMoreBtn.addEventListener('click',loadMoreArticles);window.onclick=function(event){const modal=document.getElementById('modal');if(event.target===modal){hideModal()}}};document.addEventListener("DOMContentLoaded",function(){setTimeout(initialize_fc_lite,0)});document.addEventListener('pjax:complete',function(){setTimeout(initialize_fc_lite,0)});setTimeout(initialize_fc_lite,0);
\ No newline at end of file