🤠添加随机文章刷新按钮，完善邮箱模板文字替换部分

conf.yaml

@@ -32,12 +32,16 @@ email_push:
 #   github_username:    GitHub 用户名，用于构建issue api地址
 #   github_repo:        GitHub 仓库名，用于构建issue api地址
 #   your_blog_url:      你的博客地址
+#   website_info:       你的博客信息
+#     title:            你的博客标题，如果启用了推送，用于生成邮件主题
 rss_subscribe:
   enable: true
   github_username: willow-god
   github_repo: Friend-Circle-Lite
-  your_blog_url: https://blog.qyliu.top/
+  your_blog_url: https://blog.liushen.fun/
   email_template: "./rss_subscribe/email_template.html"
+  website_info:
+    title: "清羽飞扬"
 
 # SMTP 配置
 # 解释：使用其中的相关配置实现上面两种功能，若无推送要求可以不配置，请将以上两个配置置为false

errors.json

@@ -0,0 +1,52 @@
+[
+  [
+    "满心记",
+    "https://blog.lovelu.top/",
+    "https://cdn.qyliu.top/i/2024/08/04/66af31bec75a0.webp"
+  ],
+  [
+    "dreamChaser",
+    "https://blog.wenjing.xin/",
+    "https://cdn.qyliu.top/i/2024/03/22/65fc59b439430.png"
+  ],
+  [
+    "听风小屋",
+    "https://blog.ifeng.asia/",
+    "https://cdn.qyliu.top/i/2024/03/31/6608e2697634c.png"
+  ],
+  [
+    "GuKaifeng",
+    "https://gukaifeng.cn/",
+    "https://cdn.qyliu.top/i/2024/04/09/6614ef03406cc.png"
+  ],
+  [
+    "乙未博客",
+    "https://www.yvii.cn",
+    "https://cdn.qyliu.top/i/2024/04/09/6614f05e2f75c.png"
+  ],
+  [
+    "理随",
+    "https://lisui.top/",
+    "https://cdn.qyliu.top/i/2024/04/07/66123e6aac11c.png"
+  ],
+  [
+    "Dreamaker",
+    "https://dreamakerr.cn/",
+    "https://cdn.qyliu.top/i/2024/06/05/66604a6f8dba9.webp"
+  ],
+  [
+    "SerMs",
+    "https://blog.serms.top/",
+    "https://cdn.qyliu.top/i/2024/06/23/6678094c8d38d.webp"
+  ],
+  [
+    "LinuxWin",
+    "https://meoblog.pages.dev/",
+    "https://cdn.qyliu.top/i/2024/09/18/66eabc22cf9e7.webp"
+  ],
+  [
+    "琅環书生",
+    "https://www.zlog.us.kg/",
+    "https://cdn.qyliu.top/i/2024/09/12/66e2a0ac35fb5.webp"
+  ]
+]

main/fclite.css

@@ -89,10 +89,24 @@
     text-overflow: ellipsis;
 }
 
-.random-link-button {
+.random-button-container {
     position: absolute;
     bottom: 20px;
     right: 20px;
+    border: none;
+    border-radius: 20px;
+    cursor: pointer;
+    font-size: 14px;
+    transition: background-color 0.3s ease-in-out;
+}
+
+#refresh-random-article {
+    margin-right: 10px;
+    color: #aaaaaa;
+    text-decoration: none;
+}
+
+.random-link-button {
     padding: 10px 20px;
     border: none;
     border-radius: 20px;

main/fclite.js

@@ -65,16 +65,7 @@ function initialize_fc_lite() {
             <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>
-        `;
+        displayRandomArticle(); // 显示随机友链卡片
 
         const articles = allArticles.slice(start, start + UserConfig.page_turning_number);
 
@@ -123,6 +114,29 @@ function initialize_fc_lite() {
         }
     }
 
+    // 显示随机文章的逻辑
+    function displayRandomArticle() {
+        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>
+            <div class="random-button-container">
+                <a href="#" id="refresh-random-article">刷新</a>
+                <button class="random-link-button" onclick="window.open('${randomArticle.link}', '_blank')">过去转转</button>
+            </div>
+        `;
+
+        // 为刷新按钮添加事件监听器
+        const refreshBtn = document.getElementById('refresh-random-article');
+        refreshBtn.addEventListener('click', function (event) {
+            event.preventDefault(); // 阻止默认的跳转行为
+            displayRandomArticle(); // 调用显示随机文章的逻辑
+        });
+    }
+
     function showAuthorArticles(author, avatar, link) {
         // 如果不存在，则创建模态框结构
         if (!document.getElementById('fclite-modal')) {
@@ -207,19 +221,9 @@ function initialize_fc_lite() {
     };
 };
 
-//document.addEventListener("DOMContentLoaded", function() {
-//    setTimeout(initialize_fc_lite, 0);
-//});
-
-//document.addEventListener('pjax:complete', function() {
-//    setTimeout(initialize_fc_lite, 0);
-//});
-
-//setTimeout(initialize_fc_lite, 0);
-
 function whenDOMReady() {
     initialize_fc_lite();
 }
 
 whenDOMReady();
-document.addEventListener("pjax:complete", whenDOMReady);
+document.addEventListener("pjax:complete", initialize_fc_lite);

readme.md

@@ -11,6 +11,11 @@
 
 ## 开发进度
 
+### 2024-10-07
+
+* 添加随机文章刷新按钮
+* 完善邮件通知模板自定义程度
+
 ### 2024-09-28
 
 * 更新自部署的api地址，统一为all.json，提高js兼容性
@@ -21,14 +26,14 @@
 
 * 修复 #18 提出的，由于rss倒序导致限制抓取错误的问题，改为先全部获取后，按照时间排序，再选择性获取
 
-### 2024-09-05
+<details>
+<summary>查看更多</summary>
+
+<h3>2024-09-05</h3>
 
 * 更新部署方式，将静态文件放到page分支下，主分支不放数据文件
 * 前后端分离，部署方式不变但更加直观方便
 
-<details>
-<summary>查看更多</summary>
-
 <h3>2024-09-03</h3>
 
 * 添加特定RSS选项，用于指定部分友链特殊RSS地址

rss_subscribe/email_template.html

@@ -116,7 +116,7 @@
 <body>
     <div class="container">
         <div class="header">
-            <h1>清羽飞扬の最新文章</h1>
+            <h1>{{ website_title }}の最新文章</h1>
         </div>
         <div class="content">
             <p><strong>文章标题：</strong> <span class="title">{{ title }}</span></p>
@@ -128,7 +128,7 @@
             <p>感谢您的订阅！</p>
         </div>
         <div class="unsubscribe">
-            <p><a href="https://github.com/willow-god/Friend-Circle-Lite/issues">取消订阅</a></p>
+            <p><a href="{{ github_issue_url }}">取消订阅</a></p>
         </div>
     </div>
 </body>

run.py

@@ -49,6 +49,8 @@ if config["rss_subscribe"]["enable"]:
     github_repo = str(config["rss_subscribe"]["github_repo"]).strip()
     your_blog_url = config["rss_subscribe"]["your_blog_url"]
     email_template = config["rss_subscribe"]["email_template"]
+    # 获取网站信息
+    website_title = config["rss_subscribe"]["website_info"]["title"]
     # 获取最近更新的文章
     latest_articles = get_latest_articles_from_link(
         url=your_blog_url,
@@ -73,7 +75,9 @@ if config["rss_subscribe"]["enable"]:
                 "title": article["title"],
                 "summary": article["summary"],
                 "published": article["published"],
-                "link": article["link"]
+                "link": article["link"],
+                "website_title": website_title,
+                "github_issue_url": f"https://github.com/{github_username}/{github_repo}/issues/new",
             }
             
             send_emails(
@@ -82,7 +86,7 @@ if config["rss_subscribe"]["enable"]:
                 smtp_server=server,
                 port=port,
                 password=password,
-                subject="清羽飞扬の最新文章：" + article["title"],
+                subject= website_title + "の最新文章：" + article["title"],
                 body="文章链接：" + article["link"] + "\n" + "文章内容：" + article["summary"] + "\n" + "发布时间：" + article["published"],
                 template_path=email_template,
                 template_data=template_data,