diff --git a/.env.local b/.env.local
index 490200b3..4d7893db 100644
--- a/.env.local
+++ b/.env.local
@@ -1,2 +1,2 @@
 # 环境变量 @see https://www.nextjs.cn/docs/basic-features/environment-variables
-NEXT_PUBLIC_VERSION=3.11.0
+NEXT_PUBLIC_VERSION=3.11.1
diff --git a/components/Tabs.js b/components/Tabs.js
index 36305069..4e834b93 100644
--- a/components/Tabs.js
+++ b/components/Tabs.js
@@ -51,7 +51,7 @@ const Tabs = ({ className, children }) => {
             {children.map((item, index) => {
               return <section key={index}
                     data-aos="fade-up"
-                    data-aos-duration="600"
+                    data-aos-duration="300"
                     data-aos-easing="ease-in-out"
                     data-aos-once="true"
                     data-aos-anchor-placement="top-bottom">
diff --git a/package.json b/package.json
index d3d82615..7c6f6737 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "notion-next",
-  "version": "3.11.0",
+  "version": "3.11.1",
   "homepage": "https://github.com/tangly1024/NotionNext.git",
   "license": "MIT",
   "repository": {
diff --git a/styles/globals.css b/styles/globals.css
index de157173..69097839 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -204,7 +204,7 @@ nav {
 }
 
 .nobelium .notion-code{
-    @apply max-w-2xl;
+    /* @apply max-w-2xl; */
 }
 
 .next #announcement-content *{
diff --git a/themes/fukasawa/components/BlogCard.js b/themes/fukasawa/components/BlogCard.js
index 333d19b9..9882ee94 100644
--- a/themes/fukasawa/components/BlogCard.js
+++ b/themes/fukasawa/components/BlogCard.js
@@ -22,7 +22,7 @@ const BlogCard = ({ post, showSummary, siteInfo }) => {
           <Link
             href={`${BLOG.SUB_PATH}/${post.slug}`}
             passHref
-            className={`cursor-pointer font-bold hover:underline text-xl ${showPreview ? 'justify-center' : 'justify-start'
+            className={`break-words cursor-pointer font-bold hover:underline text-xl ${showPreview ? 'justify-center' : 'justify-start'
               } leading-tight text-gray-700 dark:text-gray-100 hover:text-blue-500 dark:hover:text-blue-400`}>
 
             {post.title}
diff --git a/themes/fukasawa/components/Card.js b/themes/fukasawa/components/Card.js
index 2cd01cbe..82446d9d 100644
--- a/themes/fukasawa/components/Card.js
+++ b/themes/fukasawa/components/Card.js
@@ -1,7 +1,7 @@
 const Card = ({ children, headerSlot, className }) => {
   return <div className={className}
         data-aos="fade-up"
-        data-aos-duration="600"
+        data-aos-duration="300"
         data-aos-easing="ease-in-out"
         data-aos-once="false"
         data-aos-anchor-placement="top-bottom"
diff --git a/themes/hexo/components/Announcement.js b/themes/hexo/components/Announcement.js
index 96a7bd34..eea45676 100644
--- a/themes/hexo/components/Announcement.js
+++ b/themes/hexo/components/Announcement.js
@@ -8,7 +8,7 @@ const Announcement = ({ post, className }) => {
   if (post?.blockMap) {
     return <div
         data-aos="fade-up"
-        data-aos-duration="600"
+        data-aos-duration="300"
         data-aos-easing="ease-in-out"
         data-aos-once="false"
         data-aos-anchor-placement="top-bottom"
diff --git a/themes/hexo/components/BlogPostCard.js b/themes/hexo/components/BlogPostCard.js
index 508ad814..c66ed5ff 100644
--- a/themes/hexo/components/BlogPostCard.js
+++ b/themes/hexo/components/BlogPostCard.js
@@ -15,9 +15,9 @@ const BlogPostCard = ({ post, showSummary, index, siteInfo }) => {
     <div
         key={post.id}
         data-aos="fade-up"
-        data-aos-duration="600"
+        data-aos-duration="300"
         data-aos-easing="ease-in-out"
-        data-aos-once="false"
+        data-aos-once="true"
         data-aos-anchor-placement="top-bottom"
         className={`flex md:flex-row flex-col-reverse  ${index % 2 === 0 ? 'md:flex-row-reverse' : ''}
         w-full md:h-72 h-96 justify-between overflow-hidden drop-shadow-md  
diff --git a/themes/matery/components/BlogPostCard.js b/themes/matery/components/BlogPostCard.js
index ff252dd8..34646b1c 100644
--- a/themes/matery/components/BlogPostCard.js
+++ b/themes/matery/components/BlogPostCard.js
@@ -16,7 +16,7 @@ const BlogPostCard = ({ post, showSummary, siteInfo }) => {
           data-aos="zoom-in"
           data-aos-duration="300"
           data-aos-easing="ease-in-out"
-          data-aos-once="false"
+          data-aos-once="true"
           data-aos-anchor-placement="top-bottom"
           className="w-full mb-4 h-full overflow-auto drop-shadow-md border dark:border-black rounded-xl bg-white dark:bg-hexo-black-gray">
 
diff --git a/themes/medium/components/BlogPostCard.js b/themes/medium/components/BlogPostCard.js
index 2f9155ec..ff990d12 100644
--- a/themes/medium/components/BlogPostCard.js
+++ b/themes/medium/components/BlogPostCard.js
@@ -14,7 +14,7 @@ const BlogPostCard = ({ post, showSummary }) => {
         <div
             key={post.id}
             data-aos="fade-up"
-            data-aos-duration="600"
+            data-aos-duration="300"
             data-aos-easing="ease-in-out"
             data-aos-once="false"
             data-aos-anchor-placement="top-bottom"
diff --git a/themes/next/components/ArticleDetail.js b/themes/next/components/ArticleDetail.js
index 65419194..4fedefd0 100644
--- a/themes/next/components/ArticleDetail.js
+++ b/themes/next/components/ArticleDetail.js
@@ -28,7 +28,7 @@ export default function ArticleDetail(props) {
   return (
       <div id="container"
             data-aos="fade-down"
-            data-aos-duration="600"
+            data-aos-duration="300"
             data-aos-easing="ease-in-out"
             data-aos-once="false"
             data-aos-anchor-placement="top-bottom"
diff --git a/themes/next/components/Card.js b/themes/next/components/Card.js
index 72c8b7d2..4890eaac 100644
--- a/themes/next/components/Card.js
+++ b/themes/next/components/Card.js
@@ -1,9 +1,9 @@
 const Card = ({ children, headerSlot, className }) => {
   return <div
     data-aos="fade-down"
-    data-aos-duration="600"
+    data-aos-duration="300"
     data-aos-easing="ease-in-out"
-    data-aos-once="false"
+    data-aos-once="true"
     data-aos-anchor-placement="top-bottom"
     className={className}>
     <>{headerSlot}</>
diff --git a/themes/next/components/PaginationNumber.js b/themes/next/components/PaginationNumber.js
index c805b8a8..5a73c8eb 100644
--- a/themes/next/components/PaginationNumber.js
+++ b/themes/next/components/PaginationNumber.js
@@ -18,7 +18,7 @@ const PaginationNumber = ({ page, totalPage }) => {
   return (
     <div
         data-aos="fade-down"
-        data-aos-duration="600"
+        data-aos-duration="300"
         data-aos-easing="ease-in-out"
         data-aos-once="false"
         data-aos-anchor-placement="top-bottom"
diff --git a/themes/next/components/PaginationSimple.js b/themes/next/components/PaginationSimple.js
index 68b0b5cb..be24df42 100644
--- a/themes/next/components/PaginationSimple.js
+++ b/themes/next/components/PaginationSimple.js
@@ -17,7 +17,7 @@ const PaginationSimple = ({ page, showNext }) => {
   return (
     <div
         data-aos="fade-down"
-        data-aos-duration="600"
+        data-aos-duration="300"
         data-aos-easing="ease-in-out"
         data-aos-once="false"
         data-aos-anchor-placement="top-bottom"
diff --git a/themes/next/components/SideAreaLeft.js b/themes/next/components/SideAreaLeft.js
index a2f8b67f..052385b9 100644
--- a/themes/next/components/SideAreaLeft.js
+++ b/themes/next/components/SideAreaLeft.js
@@ -27,7 +27,7 @@ const SideAreaLeft = props => {
 
         <section
             data-aos="fade-down"
-            data-aos-duration="600"
+            data-aos-duration="300"
             data-aos-easing="ease-in-out"
             data-aos-once="false"
             data-aos-anchor-placement="top-bottom"