From 1700c1bc44515a2338f8648d27e2c53d550b3f58 Mon Sep 17 00:00:00 2001
From: lsy <lsy22@vip.qq.com>
Date: Thu, 20 Mar 2025 10:50:31 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E5=B7=B2=E8=AE=BF=E9=97=AE?=
 =?UTF-8?q?=E5=9C=B0=E7=82=B9=E5=88=97=E8=A1=A8=EF=BC=8C=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E9=A9=AC=E6=9D=A5=E8=A5=BF=E4=BA=9A=E3=80=81=E5=8D=B0=E5=BA=A6?=
 =?UTF-8?q?=E5=B0=BC=E8=A5=BF=E4=BA=9A=E5=92=8C=E6=B3=B0=E5=9B=BD=EF=BC=9B?=
 =?UTF-8?q?=20=E4=BF=AE=E5=A4=8Dbug=20=E6=89=8B=E6=9C=BA=E8=B7=AF=E5=BE=84?=
 =?UTF-8?q?=E8=BF=87=E9=95=BF=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98=20?=
 =?UTF-8?q?=E7=94=A8=E8=A1=8C=E5=86=85=E4=BB=A3=E7=A0=81=E5=9D=97=E8=BF=87?=
 =?UTF-8?q?=E9=95=BF=E4=B8=8D=E4=BC=9A=E8=87=AA=E5=8A=A8=E6=8D=A2=E8=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/consts.ts                    |  2 +-
 src/pages/articles/[...id].astro | 36 ++++++++++++++++++++++++--------
 2 files changed, 28 insertions(+), 10 deletions(-)

diff --git a/src/consts.ts b/src/consts.ts
index c2159dd..5efb308 100644
--- a/src/consts.ts
+++ b/src/consts.ts
@@ -15,7 +15,7 @@ export const ICP = '渝ICP备2022009272号';
 export const PSB_ICP = '渝公网安备50011902000520号';
 export const PSB_ICP_URL = 'http://www.beian.gov.cn/portal/registerSystemInfo';
 
-export const VISITED_PLACES = ['黑龙江', '吉林', '辽宁', '北京', '天津', '广东', '西藏', '河北', '山东', '湖南', '重庆', '四川'];
+export const VISITED_PLACES = ['黑龙江', '吉林', '辽宁', '北京', '天津', '广东', '西藏', '河北', '山东', '湖南', '重庆', '四川', "马来西亚", "印度尼西亚", "泰国"];
 
 export const DOUBAN_ID = 'lsy22';
 
diff --git a/src/pages/articles/[...id].astro b/src/pages/articles/[...id].astro
index 72d01d0..120ee25 100644
--- a/src/pages/articles/[...id].astro
+++ b/src/pages/articles/[...id].astro
@@ -111,14 +111,16 @@ function getArticleUrl(articleId: string) {
     <header class="mb-8">
       <!-- 导航区域 -->
       <div class="bg-white dark:bg-dark-card rounded-xl p-4 mb-6 shadow-lg border border-gray-200 dark:border-gray-700">
-        <div class="flex items-center justify-between">
-          <Breadcrumb 
-            pageType="article" 
-            pathSegments={breadcrumbs} 
-            articleTitle={article.data.title} 
-          />
+        <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
+          <div class="overflow-x-auto">
+            <Breadcrumb 
+              pageType="article" 
+              pathSegments={breadcrumbs} 
+              articleTitle={article.data.title} 
+            />
+          </div>
           
-          <div class="flex items-center gap-3">
+          <div class="flex items-center shrink-0">
             {/* 返回按钮 */}
             <a href={`/articles${view ? `/${view}` : ''}`} class="text-secondary-500 dark:text-secondary-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors flex items-center text-sm">
               <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
@@ -143,10 +145,10 @@ function getArticleUrl(articleId: string) {
         {/* 显示文章所在目录 */}
         {section && (
           <span class="flex items-center">
-            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-1 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z" />
             </svg>
-            <a href={`/articles?path=${encodeURIComponent(section)}`} class="hover:text-indigo-600 transition-colors">
+            <a href={`/articles?path=${encodeURIComponent(section)}`} class="hover:text-indigo-600 transition-colors break-all">
               {section}
             </a>
           </span>
@@ -171,6 +173,22 @@ function getArticleUrl(articleId: string) {
         <Content />
       </article>
       
+      <!-- 添加全局样式 -->
+      <style is:global>
+        /* 代码块样式 */
+        .prose pre {
+          overflow-x: auto;
+          white-space: pre-wrap;
+          word-wrap: break-word;
+        }
+        
+        /* 行内代码样式 */
+        .prose :not(pre) > code {
+          white-space: pre-wrap;
+          word-wrap: break-word;
+        }
+      </style>
+      
       <!-- 固定目录面板 - 脱离文档流 -->
       <div class="hidden 2xl:block fixed right-[calc(50%-48rem)] top-20 w-64 z-30">
         <div class="bg-white dark:bg-dark-card rounded-lg shadow-lg p-4 max-h-[calc(100vh-8rem)] overflow-y-auto border border-gray-200 dark:border-gray-700">