From 041b559e97200912246b9830a23946e4b608c170 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B5=AA=E5=AD=90?= <jkjoy@live.cn>
Date: Fri, 24 May 2024 15:11:11 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0memos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 page-memos.php | 29 +++++++++++++++++++++--------
 1 file changed, 21 insertions(+), 8 deletions(-)

diff --git a/page-memos.php b/page-memos.php
index e96bea9..144a8e2 100644
--- a/page-memos.php
+++ b/page-memos.php
@@ -10,10 +10,24 @@ if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
     <header class="archive--header">
         <h1 class="post--single__title"><?php $this->title() ?></h1>
     </header>
+    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css" />    
     <div id="talk"></div>
-
+<style>
+div pre code {
+  /* 迫使文字断行 */
+  white-space: pre-wrap; /* CSS3 */
+  
+  /* 当文字超出容器宽度时会断行 */
+  word-wrap: break-word; /* 老版本的浏览器 */
+  overflow-wrap: break-word; /* CSS3, 推荐使用 */
+  
+  /* 指定如何断行 */
+  word-break: break-all;     /* 对于非中文字母（如拉丁字母或半角符号等）也同样断行 */
+  word-break: break-word;    /* 保留对于英文单词的完整，为个别单词断行 */
+}
+</style>
 <script>
 if (99) {
     let url = '<?php $this->options->memos() ?>';
@@ -21,12 +35,11 @@ if (99) {
     .then(res => res.json())
     .then(data => { 
         let html = '';
-        let baseURL = '<?php $this->options->memos() ?>';
-
         data.forEach(item => {
             // 假设这里的 Format 函数能正确地格式化每个 item，并确保它返回有 `date` 和 `tag` 的对象
             let data = Format(item); 
-            let memoURL = baseURL + '/m/' + item.id;
+            let memoURL = url + '/m/' + item.id;
+            let mdContent = marked.parse(data.content);
             html += `
             <article class='post--item post--item__status'>
                 <div class='content'>
@@ -34,15 +47,15 @@ if (99) {
                 <img src="<?php $this->options->logoUrl() ?>" class="avatar" width="48" height="48" />
                 <a class="humane--time" href="${memoURL}" target="_blank">${data.date}</a>
                 </header>
-                <div class="description" itemprop="about">
+                <div class="description mdContent" itemprop="about">
                 <span class="talk_tag"># ${data.tag}</span><br>
-                ${data.content}
+                ${mdContent}
                 </div>
                 </div>
                 </article>
             `;
         });
-        if (data.length >= 20) document.querySelector('.limit').style.display = 'block';
+        
         document.getElementById('talk').innerHTML = html;
     })
     .catch(error => {
@@ -75,7 +88,7 @@ if (99) {
         }
         return {
             content: content,
-            tag: tag ? tag[0].replace(/#([^\s#]+?) /,'$1') : '无标签',
+            tag: tag ? tag[0].replace(/#([^\s#]+?) /,'$1') : '日常',
             date: date,
             text: text.replace(/\[(.*?)\]\((.*?)\)/g, '[链接]' + `${imgs?'[图片]':''}`)
         }