fix: fix known issues

bluepikachu · bluepikachu · commit 52e95bbe1ef2 · 2025-02-12T00:03:53.000+08:00
diff --git a/Obsidian Template/README.md b/Obsidian Template/README.md
@@ -1,4 +1,8 @@
 # Obsidian Template
 
+## En
+If you’re using Obsidian for note-taking, you can set this folder as your template folder under `Preferences -> Templates -> Template Folder Location`.
+
+## Zh
 如果你使用 Obsidian 作为笔记软件，将此文件夹设置为模板文件夹 `Preferences -> 模板 -> 模板文件夹位置`。
 
diff --git a/README.md b/README.md
@@ -2,9 +2,16 @@
 
 English · [中文](./README-zh_CN.md)
 
+## Why We build it?
+
+We love writing and sharing, and we appreciate well-crafted products. That’s why we created this minimalist theme, focusing on content itself, providing a smooth and pure writing and reading experience. Built on the latest framework, it’s faster, lighter, and more efficient.
+
+It also works seamlessly with [Obsidian](https://obsidian.md/), helping you turn your notes into published posts effortlessly.
+
 ## ✨ Features
 
-- Minimalist style theme, adaptable to multiple platforms, support `light` and `dark` mode.
+- Minimalist style theme, adaptable to multiple platforms
+- Support `light` and `dark` mode.
 - Zero-based quick start, foolproof configuration, easy deployment
 - Support for article drafts, local preview, and automatic draft filtering in production builds
 - Default RSS generation with Follow subscription authentication
@@ -15,6 +22,7 @@ English · [中文](./README-zh_CN.md)
 
 - Astro + React + Typescript  
 - Tailwindcss + @radix-ui/colors
+  - Updated to [Tailwind CSS v4.0](https://tailwindcss.com/blog/tailwindcss-v4) (Jan 10, 2025)
 - Docsearch
 
 ## 🔨 Usage
@@ -108,3 +116,48 @@ tags:
 pubDate: 2025-01-06
 ---
 ```
+
+## Markdown Syntax Support
+
+In addition to standard Markdown syntax, the following extended syntax is supported:
+
+### Basic Syntax
+- Headers, lists, blockquotes, code blocks and other basic syntax
+- Tables
+- Links and images
+- **Bold**, *italic*, and ~strikethrough~ text
+
+### Extended Syntax
+#### Container syntax
+Using `:::` markers
+  ```md
+  :::info
+  This is an information prompt
+  :::
+  ```
+  The result will be displayed as:
+
+  :::info
+  This is an information prompt
+  :::
+
+#### LaTeX Mathematical Formulas
+  - Inline formula: $E = mc^2$
+  - Block formula: $$ E = mc^2 $$
+
+#### Support for image captions
+  ```md
+  ![Image caption](image-url)
+  ```
+The result will be displayed as:
+
+![Slate Blog Preview](https://pub-acdbc21bc3964d18a684b0c51010a4e5.r2.dev/slate-blog-preview.png)
+  
+## Updates
+### Version 1.1.1
+- Fixed known issues
+
+### Version 1.1
+- Upgraded to support [Tailwind CSS v4.0](https://tailwindcss.com/blog/tailwindcss-v4)
+- Added dark mode support
+- Fixed known issues
diff --git a/plugins/remark-reading-time.ts b/plugins/remark-reading-time.ts
@@ -9,6 +9,6 @@ export function remarkReadingTime() {
     const textOnPage = toString(tree);
     const readingTime = getReadingTime(textOnPage);
     data.astro.frontmatter.minutesRead =
-      Math.round(readingTime.minutes) + ' 分钟阅读';
+      Math.round(readingTime.minutes) + ' Min Read';
   };
 }
diff --git a/slate.config.ts b/slate.config.ts
@@ -11,6 +11,6 @@ export default defineConfig({
   lastModified: true,
   readTime: true,
   footer: {
-    copyright: '© 2025 Slate Blog',
+    copyright: '© 2025 Slate Design',
   }
 });
diff --git a/src/assets/style/blog.css b/src/assets/style/blog.css
@@ -25,10 +25,10 @@
     @apply text-indigo11 underline-offset-4 transition-all hover:underline decoration-indigo6;
   }
 
-  a::after{
+  /* a::after{
     @apply text-slate8 mx-0.5;
     content: '↗';
-  }
+  } */
 
   img {
     @apply mx-auto my-8 w-full rounded-2xl border border-slate6;
@@ -116,7 +116,7 @@
   }
 
   figcaption {
-    @apply text-center text-sm text-slate8;
+    @apply text-center text-sm text-slate8 -mt-4;
   }
 
   .expressive-code{
diff --git a/src/components/affix-title/index.tsx b/src/components/affix-title/index.tsx
@@ -13,7 +13,7 @@ const AffixTitle = (props: AffixTitleProps) => {
   const [isVisible, setIsVisible] = useState(false);
 
   const classes = classNames(
-    'fixed left-0 right-0 top-0 w-full transform bg-slate1/90 backdrop-blur-md transition-all duration-300 ease-in-out',
+    'fixed left-0 right-0 top-0 w-full transform bg-slate1/90 backdrop-blur-md transition-all duration-300 ease-in-out z-10',
     isVisible ? ['translate-y-0', 'opacity-100'] : ['-translate-y-full', 'opacity-0'],
   );
 
diff --git a/src/content/post/40-questions.md b/src/content/post/40-questions.md
@@ -5,7 +5,7 @@ tags:
   - Life
   - Thinking
   - Writing
-pubDate: 2025-01-21
+pubDate: 2022-01-14
 ---
 
 ## About
diff --git a/src/content/post/about-slate-blog.md b/src/content/post/about-slate-blog.md
@@ -9,9 +9,15 @@ tags:
 pubDate: 2025-01-21
 ---
 
+## Why We build it?
+We love writing and sharing, and we also appreciate great internet products. So we created this minimalist blogging product, focusing on content itself, providing a smooth and pure writing and reading experience, and built on the latest technology framework to make it faster and lighter.
+
+It also works seamlessly with [Obsidian](https://obsidian.md/), helping you turn your notes into published posts effortlessly.
+
 ## ✨ Features
 
 - Minimalist style theme, adaptable to multiple platforms
+- Support `light` and `dark` mode.
 - Zero-based quick start, foolproof configuration, easy deployment
 - Support for article drafts, local preview, and automatic draft filtering in production builds
 - Default RSS generation with Follow subscription authentication
@@ -22,6 +28,7 @@ pubDate: 2025-01-21
 
 - Astro + React + Typescript  
 - Tailwindcss + @radix-ui/colors
+  - Updated to [Tailwind CSS v4.0](https://tailwindcss.com/blog/tailwindcss-v4) (Jan 10, 2025)
 - Docsearch
 
 ## 🔨 Usage
@@ -67,8 +74,9 @@ Theme configuration is done through `slate.config.ts` in the root directory.
 | title | Website title | `string` | - |
 | description | Website description | `string` | - |
 | lang | Language | `string` | `zh-CN` |
+| theme | Theme | `{ mode: 'auto' | 'light' | 'dark', enableUserChange: boolean }` | `{ mode: 'auto', enableUserChange: true }` |
 | avatar | Avatar | `string` | - |
-| sitemap | Website sitemap configuration | `{ hostname: string }` | - |
+| sitemap | Website sitemap configuration | [SitemapOptions](https://docs.astro.build/en/guides/integrations-guide/sitemap/)  | - |
 | readTime | Show reading time | `boolean` | `false` |
 | lastModified | Show last modified time | `boolean` | `false` |
 | algolia | Docsearch configuration | `{ appId: string, apiKey: string, indexName: string }` | - |
@@ -113,4 +121,48 @@ tags:
   - Writing
 pubDate: 2025-01-06
 ---
-```
+```
+
+## Markdown Syntax Support
+
+In addition to standard Markdown syntax, the following extended syntax is supported:
+
+### Basic Syntax
+- Headers, lists, blockquotes, code blocks and other basic syntax
+- Tables
+- Links and images
+- **Bold**, *italic*, and ~strikethrough~ text
+
+### Extended Syntax
+#### Container syntax
+Using `:::` markers
+  ```md
+  :::info
+  This is an information prompt
+  :::
+  ```
+  The result will be displayed as:
+
+  :::info
+  This is an information prompt
+  :::
+
+#### LaTeX Mathematical Formulas
+  - Inline formula: $E = mc^2$
+  - Block formula: $$ E = mc^2 $$
+
+#### Support for image captions
+  ```md
+  ![Image caption](image-url)
+  ```
+The result will be displayed as:
+
+![Slate Blog Preview](https://pub-acdbc21bc3964d18a684b0c51010a4e5.r2.dev/slate-blog-preview.png)
+  
+## Updates
+
+### Version 1.1
+- Upgraded to support [Tailwind CSS v4.0](https://tailwindcss.com/blog/tailwindcss-v4)
+- Added dark mode support
+- Fixed known issues
+
diff --git a/src/content/post/life-is-short.md b/src/content/post/life-is-short.md
@@ -4,7 +4,7 @@ description: Life is short, as everyone knows. When I was a kid I used to wonder
 tags:
   - Thinking
   - Life
-pubDate: 2025-01-21
+pubDate: 2016-01-01
 ---
 
 Life is short, as everyone knows. When I was a kid I used to wonder about this. Is life actually short, or are we really complaining about its finiteness? Would we be just as likely to feel life was short if we lived 10 times as long?
@@ -69,7 +69,12 @@ Notes
 
 [2] I chose this example deliberately as a note to self. I get attacked a lot online. People tell the craziest lies about me. And I have so far done a pretty mediocre job of suppressing the natural human inclination to say "Hey, that's not true!"
 
-Thanks to Jessica Livingston and Geoff Ralston for reading drafts of this.
+**Thanks** to Jessica Livingston and Geoff Ralston for reading drafts of this.
+
+- [Korean Translation](https://blog.naver.com/happy_alpaca/221346692172)
+- [Japanese Translation](https://note.com/tokyojack/n/ne4c25e990634)
+- [Chinese Translation](https://www.jianshu.com/p/682429f8ac3f)
+
 
 :::info
 From [LIFE IS SHORT](https://www.paulgraham.com/vb.html)
diff --git a/src/content/post/obsidian-vault-template.md b/src/content/post/obsidian-vault-template.md
@@ -5,7 +5,7 @@ tags:
   - Obsidian
   - Writing
   - Dev
-pubDate: 2025-01-21
+pubDate: 2024-04-16
 ---
 
 I use [Obsidian](https://stephango.com/obsidian) to think, take notes, write essays, and publish this site. This is my bottom-up approach to note-taking and organizing things I am interested in. It embraces chaos and laziness to create emergent structure.
@@ -28,7 +28,7 @@ The following is in no way dogmatic, just one example of how you can use Obsidia
 ## Plugins
 Some of my templates depend on plugins:
 
-- [Dataview](https://github.com/blacksmithgu/obsidian-dataview)for overview notes
+- [Dataview](https://github.com/blacksmithgu/obsidian-dataview) for overview notes
 - [Leaflet](https://github.com/javalent/obsidian-leaflet) for maps
 
 ## Folders
diff --git a/src/content/post/sonner-getting-started.md b/src/content/post/sonner-getting-started.md
@@ -5,7 +5,7 @@ tags:
   - Dev
   - Web
   - Animation
-pubDate: 2025-01-21
+pubDate: 2023-09-05
 ---
 Earlier this year, I built a Toast library for React called [Sonner](https://sonner.emilkowal.ski/). In this article, I'll show you some of the lessons I've learned and mistakes I made while building it.
 
diff --git a/src/content/post/why-astro.md b/src/content/post/why-astro.md
@@ -5,7 +5,7 @@ tags:
   - Dev
   - Astro
   - Web
-pubDate: 2025-01-21
+pubDate: 2024-12-03
 ---
 
 Astro is the web framework for building content-driven websites like blogs, marketing, and e-commerce. Astro is best-known for pioneering a new [frontend architecture](https://docs.astro.build/en/concepts/islands/) to reduce JavaScript overhead and complexity compared to other frameworks. If you need a website that loads fast and has great SEO, then Astro is for you.
@@ -84,4 +84,8 @@ Astro invests in developer tools like a great CLI experience from the moment you
 
 Our welcoming, respectful, inclusive community on Discord is ready to provide support, motivation, and encouragement. Open a `#support` thread to get help with your project. Visit our dedicated `#showcase`channel for sharing your Astro sites, blog posts, videos, and even work-in-progress for safe feedback and constructive criticism. Participate in regular live events such as our weekly community call, “Talking and Doc’ing,” and API/bug bashes.
 
-As an open-source project, we welcome contributions of all types and sizes from community members of all experience levels. You are invited to join in roadmap discussions to shape the future of Astro, and we hope you’ll contribute fixes and features to the core codebase, compiler, docs, language tools, websites, and other projects.
+As an open-source project, we welcome contributions of all types and sizes from community members of all experience levels. You are invited to join in roadmap discussions to shape the future of Astro, and we hope you’ll contribute fixes and features to the core codebase, compiler, docs, language tools, websites, and other projects.
+
+::: info
+From [Why Astro?](https://docs.astro.build/en/concepts/why-astro/)
+:::
diff --git a/src/pages/404.astro b/src/pages/404.astro
@@ -6,8 +6,8 @@ import Button from '@/components/button';
 <PageLayout title="404">
   <div class="flex h-[70vh] flex-col items-center justify-center">
     <h1 class="mb-4 text-4xl font-bold">404</h1>
-    <p class="mb-8 text-slate10 text-base">你访问的页面不存在</p>
-    <Button id="back">返回首页</Button>
+    <p class="mb-8 text-slate10 text-base">Page Not Found</p>
+    <Button id="back">Back to Home</Button>
   </div>
 </PageLayout>
 
diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
@@ -68,7 +68,7 @@ const formattedPubDate = pubDate.isSame(dayjs(), 'year')
     <Content />
     {
       slateConfig.lastModified && (
-        <div class="text-black/25">编辑于 {lastModified}</div>
+        <div class="text-slate8">Last edited {lastModified}</div>
       )
     }
   </div>

Original file line number	Diff line number	Diff line change
`@@ -9,6 +9,6 @@ export function remarkReadingTime() {`
`9`	`9`	`const textOnPage = toString(tree);`
`10`	`10`	`const readingTime = getReadingTime(textOnPage);`
`11`	`11`	`data.astro.frontmatter.minutesRead =`
`12`		`- Math.round(readingTime.minutes) + ' 分钟阅读';`
	`12`	`+ Math.round(readingTime.minutes) + ' Min Read';`
`13`	`13`	`};`
`14`	`14`	`}`
Original file line number	Diff line number	Diff line change
`@@ -11,6 +11,6 @@ export default defineConfig({`
`11`	`11`	`lastModified: true,`
`12`	`12`	`readTime: true,`
`13`	`13`	`footer: {`
`14`		`- copyright: '© 2025 Slate Blog',`
	`14`	`+ copyright: '© 2025 Slate Design',`
`15`	`15`	`}`
`16`	`16`	`});`
Original file line number	Diff line number	Diff line change
`@@ -25,10 +25,10 @@`
`25`	`25`	`@apply text-indigo11 underline-offset-4 transition-all hover:underline decoration-indigo6;`
`26`	`26`	`}`
`27`	`27`
`28`		`- a::after{`
	`28`	`+ /* a::after{`
`29`	`29`	`@apply text-slate8 mx-0.5;`
`30`	`30`	`content: '↗';`
`31`		`- }`
	`31`	`+ } */`
`32`	`32`
`33`	`33`	`img {`
`34`	`34`	`@apply mx-auto my-8 w-full rounded-2xl border border-slate6;`
`@@ -116,7 +116,7 @@`
`116`	`116`	`}`
`117`	`117`
`118`	`118`	`figcaption {`
`119`		`- @apply text-center text-sm text-slate8;`
	`119`	`+ @apply text-center text-sm text-slate8 -mt-4;`
`120`	`120`	`}`
`121`	`121`
`122`	`122`	`.expressive-code{`