From 653744c497a6895e12216ca0cde4f7331cfc7b1b Mon Sep 17 00:00:00 2001
From: liuwei <liuwei@wdtrgf.com.cn>
Date: Mon, 24 Mar 2025 16:14:55 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=80=BB=E7=BB=93=E6=A0=BC?=
 =?UTF-8?q?=E5=BC=8F=EF=BC=8C=E5=AE=BD=E5=BA=A6=E7=BC=A9=E7=9F=AD=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 utils/markdown_to_image.py | 167 +++++++++++++++++++++++++++++++++----
 1 file changed, 149 insertions(+), 18 deletions(-)

diff --git a/utils/markdown_to_image.py b/utils/markdown_to_image.py
index 5984864..35b4a17 100644
--- a/utils/markdown_to_image.py
+++ b/utils/markdown_to_image.py
@@ -19,33 +19,119 @@ def md_str_to_html(md_content, output_html):
     <style>
         body {
             font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', 'Noto Sans CJK SC', 'Microsoft YaHei', sans-serif;
-            padding: 20px;
-            line-height: 1.6;
+            padding: 25px 30px;
+            line-height: 1.7;
             max-width: 700px;
             margin: 0 auto;
+            background-color: #f9f9f9;
+            color: #333;
+            border: 1px solid #f0f0f0;
+        }
+        h1, h2, h3, h4, h5, h6 {
+            color: #222;
+            margin-top: 20px;
+            margin-bottom: 15px;
+            font-weight: 600;
+            line-height: 1.4;
+        }
+        h1 {
+            font-size: 1.8em;
+            padding-bottom: 10px;
+            border-bottom: 1px solid #eee;
+            text-align: center;
+            margin-bottom: 20px;
+        }
+        h2 {
+            font-size: 1.5em;
+            padding-bottom: 8px;
+            margin-top: 25px;
+            border-bottom: 1px solid #eee;
+        }
+        h3 {
+            font-size: 1.3em;
+            margin-top: 20px;
+            padding-left: 10px;
+            border-left: 3px solid #ddd;
         }
         pre, code {
             background-color: #f5f5f5;
             padding: 10px;
-            border-radius: 5px;
+            border-radius: 3px;
             font-family: 'Courier New', Courier, monospace;
+            font-size: 0.9em;
+            border: 1px solid #eee;
         }
         table {
             border-collapse: collapse;
             width: 100%;
+            margin: 15px 0;
+            background-color: white;
         }
         th, td {
-            border: 1px solid #ddd;
-            padding: 8px;
+            border: 1px solid #eee;
+            padding: 8px 10px;
             text-align: left;
         }
         th {
-            background-color: #f2f2f2;
+            background-color: #fafafa;
+            font-weight: 600;
         }
         /* 确保 Emoji 正确渲染 */
         span, p, li {
             font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', 'Noto Sans CJK SC', 'Microsoft YaHei', sans-serif;
         }
+        p {
+            margin: 12px 0;
+            color: #333;
+            line-height: 1.8;
+        }
+        ul, ol {
+            padding-left: 22px;
+            margin: 15px 0;
+        }
+        li {
+            margin: 5px 0;
+            line-height: 1.7;
+        }
+        blockquote {
+            margin: 15px 0;
+            padding: 10px 15px;
+            background-color: #f8f8f8;
+            border-left: 4px solid #ddd;
+            color: #666;
+            font-size: 0.95em;
+        }
+        /* 强调样式 */
+        strong {
+            color: #333;
+            font-weight: 600;
+        }
+        /* 链接样式 */
+        a {
+            color: #576b95;
+            text-decoration: none;
+        }
+        a:hover {
+            text-decoration: underline;
+        }
+        /* 星级评分样式 */
+        h3 em {
+            color: #fa8c16;
+            font-style: normal;
+        }
+        /* 时间和标签样式 */
+        .time, .tag {
+            color: #888;
+            font-size: 0.9em;
+        }
+        /* 底部署名样式 */
+        .signature {
+            margin-top: 30px;
+            text-align: right;
+            color: #888;
+            font-size: 0.9em;
+            font-style: italic;
+        }
     </style>
     """
 
@@ -69,14 +155,14 @@ def html_to_image(html_file, output_image):
     """
     with sync_playwright() as p:
         # TODO 这里使用的比较呆的固定路径，后期优化
-        browser = p.chromium.launch(executable_path=r"C:\Users\Liu_WIN10\AppData\Local\Google\Chrome\Application\chrome.exe")
+        browser = p.chromium.launch(executable_path=r"C:\Users\Liu-OPEN\AppData\Local\Google\Chrome\Application\chrome.exe")
         page = browser.new_page()
 
         # 加载本地的 HTML 文件
         page.goto(f'file://{os.path.abspath(html_file)}')
 
         # 设置 viewport（可选，根据需要调整）
-        page.set_viewport_size({"width": 900, "height": 700})
+        page.set_viewport_size({"width": 750, "height": 700})
 
         # 截图
         page.screenshot(path=output_image, full_page=True)
@@ -110,16 +196,61 @@ def convert_md_str_to_image(md_content, output_image):
 if __name__ == "__main__":
     # 示例 Markdown 字符串（包含中文和 Emoji）
     md_content = """
-        # 示例标题
-        这是一个示例 Markdown 字符串，包含中文和 Emoji 😊🚀。
-        
-        ## 子标题
-        - 项目 1：学习 Python 🐍
-        - 项目 2：编写代码 💻
-        
-        ### 代码示例
-        ```python
-        print("你好，世界！🌍")
+# 🌟「极浪先锋体验官群 - 2023年3月24日 总结」🌟  
+
+## 📊 今日数据快报  
+- **总消息数**：📩 200 条  
+- **最活跃时段**：🔥 09:00 - 10:00 （📈 30 条/小时）  
+- **聊天时段**：🕒 06:52 - 15:29  
+
+## 🌌 话题总结  
+
+### 1️⃣ 【汽车与驾驶经验分享】 ⭐⭐⭐⭐⭐  
+🕒 **聊天时段**：09:00 - 09:30 （👥 6 人参与）  
+🔍 **话题回顾**：  
+讨论围绕 **汽车驾驶技巧**及**车主经验**展开，参与者分享了各自驾驶中的趣事与技巧。  
+- [郑晓杰] 提到 **“空挡溜车”**的经历，引发众人对安全驾驶的讨论。  
+- [BlackBear] 讲述了被大哥质问的搞笑瞬间，增加了话题热度。  
+> **金句回顾**："破财免灾，大吉大利。" —— [@BlackBear]  
+
+### 2️⃣ 【群内轻松话题】 ⭐⭐⭐⭐  
+🕒 **聊天时段**：09:45 - 10:15 （👥 8 人参与）  
+🔍 **高能讨论**：  
+群友们开始轻松调侃，涉及 **食物与地方特产**，特别是关于[普宁豆酱]和[绿豆饼]的分享。  
+- [Jiojio] 提到自己带的特产，唤起了大家的食欲。  
+- [寸头男孩] 要求带些地方小吃，气氛轻松愉快。  
+📌 **实用干货**：推荐了 **地方特产和美食**，引发食物讨论的热潮。  
+
+### 3️⃣ 【生活琐事与幽默分享】 ⭐⭐⭐⭐  
+🕒 **聊天时段**：10:20 - 11:00 （👥 7 人参与）  
+🔍 **讨论亮点**：  
+大家分享生活中的小趣事和笑话，增加了群内的亲密感。  
+- [别吃，很胖了] 提到自己的幽默日常，且引发众人的共鸣。  
+- [郑晓杰] 也分享了自己的搞笑经历，让大家捧腹大笑。  
+> **精华总结**："我只知道一个轻推的习惯。" —— [@郑晓杰]  
+
+### 4️⃣ 【求姻缘与生活感悟】 ⭐⭐⭐  
+🕒 **聊天时段**：12:30 - 13:00 （👥 5 人参与）  
+🔍 **精彩瞬间**：  
+群友们开始讨论 **求姻缘的经历**，分享了不同的见解与感悟。  
+- [别吃，很胖了] 替朋友祈福的经历引起了共鸣，大家讨论了姻缘与生活的连接。  
+- 参与者们分享了自己的求姻缘故事，增加了互动。  
+
+### 5️⃣ 【汽车品牌及车型讨论】 ⭐⭐⭐  
+🕒 **聊天时段**：14:00 - 15:00 （👥 6 人参与）  
+🔍 **讨论小结**：  
+群友们热烈讨论了 **汽车品牌与车型**，特别是极氪与特斯拉的比较。  
+- [Ailian] 表达了对特斯拉的看法，同时引发了对其他品牌的讨论。  
+- [BlackBear] 和其他成员对各自的车型进行了幽默的调侃。  
+
+## 🎖️ 今日荣誉榜  
+🏆 **群聊 MVP**：[@BlackBear]  
+👑 **获奖理由**：  
+✅ 发起 3 个热门话题  
+✅ 贡献 5 个幽默段子  
+✅ **创新贡献**："破财免灾"的智慧分享，让大家倍感轻松。  
+
+✨ *本总结由 AI 自动生成，快来看看你今天是不是最靓的崽！🔥*
     """
     spath = convert_md_str_to_image(md_content, "output.png")
     print(spath)
\ No newline at end of file