update framework

.gitignore

@@ -21,3 +21,7 @@ pnpm-debug.log*
 .DS_Store
 
 .vercel
+
+package-lock.json
+bun.lockb
+yarn.lock

README.ja-JP.md

@@ -1,14 +1,17 @@
 # 🍥Fuwari
 
-[Astro](https://astro.build)で構築された静的ブログテンプレート
+[Astro](https://astro.build) で構築された静的ブログテンプレート
 
-[**🖥️ライブデモ (Vercel)**](https://fuwari.vercel.app)   /   [**🌏中文**](https://github.com/saicaca/fuwari/blob/main/README.zh-CN.md)   /   [**🌏日本語**](https://github.com/saicaca/fuwari/blob/main/README.ja-JP.md)   /   [**📦旧Hexoバージョン**](https://github.com/saicaca/hexo-theme-vivia)
+[**🖥️ライブデモ (Vercel)**](https://fuwari.vercel.app)   /   
+[**📦旧 Hexo バージョン**](https://github.com/saicaca/hexo-theme-vivia)
+
+> README バージョン：`2024-04-07` 
 
 ![Preview Image](https://raw.githubusercontent.com/saicaca/resource/main/fuwari/home.png)
 
 ## ✨ 特徴
 
-- [x] [Astro](https://astro.build)及び [Tailwind CSS](https://tailwindcss.com)で構築
+- [x] [Astro](https://astro.build) 及び [Tailwind CSS](https://tailwindcss.com) で構築
 - [x] スムーズなアニメーションとページ遷移
 - [x] ライト/ダークテーマ対応
 - [x] カスタマイズ可能なテーマカラーとバナー
@@ -21,10 +24,10 @@
 
 1. [テンプレート](https://github.com/saicaca/fuwari/generate)から新しいリポジトリを作成するかCloneをします。
 2. ブログをローカルで編集するには、リポジトリをクローンした後、`pnpm install` と `pnpm add sharp` を実行して依存関係をインストールします。  
-   - [pnpm](https://pnpm.io)がインストールされていない場合は `npm install -g pnpm` で導入可能です。
-3. `src/config.ts`ファイルを編集する事でブログを自分好みにカスタマイズ出来ます。
-4. `pnpm new-post <filename>`で新しい記事を作成し、`src/content/posts/`.フォルダ内で編集します。
-5. 作成したブログをVercel、Netlify、GitHub Pagesなどにデプロイするには[ガイド](https://docs.astro.build/ja/guides/deploy/)に従って下さい。加えて、別途デプロイを行う前に`astro.config.mjs`を編集してサイト構成を変更する必要があります。
+   - [pnpm](https://pnpm.io) がインストールされていない場合は `npm install -g pnpm` で導入可能です。
+3. `src/config.ts` ファイルを編集する事でブログを自分好みにカスタマイズ出来ます。
+4. `pnpm new-post <filename>` で新しい記事を作成し、`src/content/posts/`.フォルダ内で編集します。
+5. 作成したブログをVercel、Netlify、GitHub Pagesなどにデプロイするには[ガイド](https://docs.astro.build/ja/guides/deploy/)に従って下さい。加えて、別途デプロイを行う前に `astro.config.mjs` を編集してサイト構成を変更する必要があります。
 
 ## ⚙️ 記事のフロントマター
 
@@ -44,12 +47,12 @@ draft: false
 
 すべてのコマンドは、ターミナルでプロジェクトのルートから実行する必要があります:
 
-| Command                             | Action                                           |
-|:------------------------------------|:-------------------------------------------------|
-| `pnpm install` AND `pnpm add sharp` | 依存関係のインストール                           |
-| `pnpm dev`                          | `localhost:4321`で開発用ローカルサーバーを起動      |
-| `pnpm build`                        | `./dist/`にビルド内容を出力          |
-| `pnpm preview`                      | デプロイ前の内容をローカルでプレビュー     |
-| `pnpm new-post <filename>`          | 新しい投稿を作成                                |
-| `pnpm astro ...`                    | `astro add`, `astro check`の様なコマンドを実行する際に使用 |
-| `pnpm astro --help`                 | Astro CLIのヘルプを表示                     |
+| Command                             | Action                                      |
+|:------------------------------------|:--------------------------------------------|
+| `pnpm install` AND `pnpm add sharp` | 依存関係のインストール                                 |
+| `pnpm dev`                          | `localhost:4321` で開発用ローカルサーバーを起動            |
+| `pnpm build`                        | `./dist/` にビルド内容を出力                         |
+| `pnpm preview`                      | デプロイ前の内容をローカルでプレビュー                         |
+| `pnpm new-post <filename>`          | 新しい投稿を作成                                    |
+| `pnpm astro ...`                    | `astro add`, `astro check` の様なコマンドを実行する際に使用 |
+| `pnpm astro --help`                 | Astro CLIのヘルプを表示                            |

README.ko.md

@@ -0,0 +1,57 @@
+# 🍥Fuwari
+
+[Astro](https://astro.build)로 구축된 정적 블로그 템플릿입니다.
+
+[**🖥️미리보기 (Vercel)**](https://fuwari.vercel.app)   /   
+[**📦Old Hexo Version**](https://github.com/saicaca/hexo-theme-vivia)
+
+> README 버전: `2024-04-07`
+
+![Preview Image](https://raw.githubusercontent.com/saicaca/resource/main/fuwari/home.png)
+
+## ✨ 특징
+
+- [x] [Astro](https://astro.build) 및 [Tailwind CSS](https://tailwindcss.com)로 구축됨
+- [x] 부드러운 애니메이션 및 페이지 전환
+- [x] 라이트 모드 / 다크 모드
+- [x] 사용자 정의 가능한 테마 색상 및 배너
+- [x] 반응형 디자인
+- [ ] 댓글
+- [x] 검색
+- [ ] 목차
+## 🚀 사용하는 방법
+
+1. 이 템플릿에서 [새 저장소를 생성](https://github.com/saicaca/fuwari/generate)하거나 이 저장소를 포크하세요.
+2. 블로그를 로컬에서 편집하려면 저장소를 복제하고 `pnpm install` 및 `pnpm add sharp`를 실행하여 종속성을 설치하세요.  
+   - 아직 [pnpm](https://pnpm.io)을 설치하지 않았다면 `npm install -g pnpm`을 실행하여 [pnpm](https://pnpm.io)을 설치하세요.
+3. 블로그를 사용자 정의하려면 `src/config.ts` 구성 파일을 편집하세요.
+4. `pnpm new-post <filename>`을 실행하여 새 게시물을 만들고 `src/content/posts/`에서 편집하세요.
+5. [가이드](https://docs.astro.build/en/guides/deploy/)에 따라 블로그를 Vercel, Netlify, GitHub 페이지 등에 배포하세요. 배포하기 전에 `astro.config.mjs`에서 사이트 구성을 편집해야 합니다.
+
+## ⚙️ 게시물의 머리말 설정
+
+```yaml
+---
+title: 내 첫 블로그 게시물
+published: 2023-09-09
+description: 내 새로운 Astro 블로그의 첫 번째 게시물입니다!
+image: /images/cover.jpg
+tags: [푸, 바, 오]
+category: 앞-끝
+draft: false
+---
+```
+
+## 🧞 명령어
+
+모든 명령어는 프로젝트 최상단, 터미널에서 실행됩니다:
+
+| Command                             | Action                                           |
+|:------------------------------------|:-------------------------------------------------|
+| `pnpm install` AND `pnpm add sharp` | 종속성을 설치합니다.                            |
+| `pnpm dev`                          | `localhost:4321`에서 로컬 개발 서버를 시작합니다.      |
+| `pnpm build`                        | `./dist/`에 프로덕션 사이트를 구축합니다.         |
+| `pnpm preview`                      | 배포하기 전에 로컬에서 빌드 미리보기     |
+| `pnpm new-post <filename>`          | 새 게시물 작성                                |
+| `pnpm astro ...`                    | `astro add`, `astro check`와 같은 CLI 명령어 실행 |
+| `pnpm astro --help`                 | Astro CLI를 사용하여 도움 받기                     |

README.md

@@ -2,7 +2,13 @@
 
 A static blog template built with [Astro](https://astro.build).
 
-[**🖥️Live Demo (Vercel)**](https://fuwari.vercel.app)   /   [**🌏中文 README**](https://github.com/saicaca/fuwari/blob/main/README.zh-CN.md)   /   [**🌏日本語 README**](https://github.com/saicaca/fuwari/blob/main/README.ja-JP.md)   /   [**📦Old Hexo Version**](https://github.com/saicaca/hexo-theme-vivia)
+[**🖥️ Live Demo (Vercel)**](https://fuwari.vercel.app)   /   
+[**📦 Old Hexo Version**](https://github.com/saicaca/hexo-theme-vivia)   /   
+[**🌏 中文**](https://github.com/saicaca/fuwari/blob/main/README.zh-CN.md)   /   
+[**🌏 日本語**](https://github.com/saicaca/fuwari/blob/main/README.ja-JP.md)   /   
+[**🌏 한국어**](https://github.com/saicaca/fuwari/blob/main/README.ko.md)
+
+> README version: `2024-04-07`
 
 ![Preview Image](https://raw.githubusercontent.com/saicaca/resource/main/fuwari/home.png)
 
@@ -20,11 +26,11 @@ A static blog template built with [Astro](https://astro.build).
 ## 🚀 How to Use
 
 1. [Generate a new repository](https://github.com/saicaca/fuwari/generate) from this template or fork this repository.
-2. To edit your blog locally, clone your repository, run `pnpm install` AND `pnpm add sharp` to install dependencies.  
+2. To edit your blog locally, clone your repository, run `pnpm install` AND `pnpm add sharp` to install dependencies.
    - Install [pnpm](https://pnpm.io) `npm install -g pnpm` if you haven't.
 3. Edit the config file `src/config.ts` to customize your blog.
 4. Run `pnpm new-post <filename>` to create a new post and edit it in `src/content/posts/`.
-5. Deploy your blog to Vercel, Netlify, GitHub Pages, etc. following [the guides](https://docs.astro.build/en/guides/deploy/). You need to edit the site configuration in `astro.config.mjs` before deployment. 
+5. Deploy your blog to Vercel, Netlify, GitHub Pages, etc. following [the guides](https://docs.astro.build/en/guides/deploy/). You need to edit the site configuration in `astro.config.mjs` before deployment.
 
 ## ⚙️ Frontmatter of Posts
 

README.zh-CN.md

@@ -2,7 +2,10 @@
 
 基于 [Astro](https://astro.build) 开发的静态博客模板。
 
-[**🖥️在线预览（Vercel）**](https://fuwari.vercel.app)   /   [**🌏English README**](https://github.com/saicaca/fuwari)   /   [**🌏日本語 README**](https://github.com/saicaca/fuwari/blob/main/README.ja-JP.md)   /   [**📦旧 Hexo 版本**](https://github.com/saicaca/hexo-theme-vivia)
+[**🖥️在线预览（Vercel）**](https://fuwari.vercel.app)   /   
+[**📦旧 Hexo 版本**](https://github.com/saicaca/hexo-theme-vivia)
+
+> README 版本：`2024-04-07`
 
 ![Preview Image](https://raw.githubusercontent.com/saicaca/resource/main/fuwari/home.png)
 

astro.config.mjs

@@ -1,22 +1,23 @@
+import sitemap from '@astrojs/sitemap';
+import svelte from "@astrojs/svelte"
 import tailwind from "@astrojs/tailwind"
+import swup from '@swup/astro';
 import Compress from "astro-compress"
 import icon from "astro-icon"
 import { defineConfig } from "astro/config"
 import Color from "colorjs.io"
 import rehypeAutolinkHeadings from "rehype-autolink-headings"
+import rehypeComponents from "rehype-components"; /* Render the custom directive content */
 import rehypeKatex from "rehype-katex"
 import rehypeSlug from "rehype-slug"
+import remarkDirective from "remark-directive" /* Handle directives */
+import remarkGithubAdmonitionsToDirectives from "remark-github-admonitions-to-directives";
 import remarkMath from "remark-math"
-import { remarkReadingTime } from "./src/plugins/remark-reading-time.mjs"
-import { GithubCardComponent } from "./src/plugins/rehype-component-github-card.mjs"
 import { AdmonitionComponent } from "./src/plugins/rehype-component-admonition.mjs"
-import remarkDirective from "remark-directive" /* Handle directives */
-import remarkDirectiveRehype from 'remark-directive-rehype' /* Pass directives to rehype */
-import rehypeComponents from "rehype-components"; /* Render the custom directive content */
-import svelte from "@astrojs/svelte"
-import swup from '@swup/astro';
-import sitemap from '@astrojs/sitemap';
+import { GithubCardComponent } from "./src/plugins/rehype-component-github-card.mjs"
 import {parseDirectiveNode} from "./src/plugins/remark-directive-rehype.js";
+import { remarkReadingTime } from "./src/plugins/remark-reading-time.mjs"
+import {remarkExcerpt} from "./src/plugins/remark-excerpt.js";
 
 const oklchToHex = (str) => {
   const DEFAULT_HUE = 250
@@ -37,12 +38,16 @@ export default defineConfig({
     tailwind(),
     swup({
       theme: false,
-      animationClass: 'transition-',
+      animationClass: 'transition-swup-',   // see https://swup.js.org/options/#animationselector
+                                            // the default value `transition-` cause transition delay
+                                            // when the Tailwind class `transition-all` is used
       containers: ['main'],
       smoothScrolling: true,
       cache: true,
       preload: true,
       accessibility: true,
+      updateHead: true,
+      updateBodyClass: false,
       globalInstance: true,
     }),
     icon({
@@ -53,14 +58,18 @@ export default defineConfig({
         "fa6-solid": ["*"],
       },
     }),
+    svelte(),
+    sitemap(),
     Compress({
+      CSS: false,
       Image: false,
+      Action: {
+        Passed: async () => true,   // https://github.com/PlayForm/Compress/issues/376
+      },
     }),
-    svelte(),
-    sitemap(),
   ],
   markdown: {
-    remarkPlugins: [remarkMath, remarkReadingTime, remarkDirective, parseDirectiveNode],
+    remarkPlugins: [remarkMath, remarkReadingTime, remarkExcerpt, remarkGithubAdmonitionsToDirectives, remarkDirective, parseDirectiveNode],
     rehypePlugins: [
       rehypeKatex,
       rehypeSlug,

biome.json

@@ -8,7 +8,7 @@
   "formatter": {
     "enabled": true,
     "formatWithErrors": false,
-    "ignore": [],
+    "ignore": ["src/config.ts"],
     "indentStyle": "space",
     "indentWidth": 2,
     "lineWidth": 80

frontmatter.json

@@ -55,6 +55,11 @@
           "title": "draft",
           "name": "draft",
           "type": "boolean"
+        },
+        {
+          "title": "language",
+          "name": "language",
+          "type": "string"
         }
       ]
     }

package.json

@@ -8,58 +8,68 @@
     "build": "astro build && pagefind --site dist",
     "preview": "astro preview",
     "astro": "astro",
+    "type-check": "tsc --noEmit --isolatedDeclarations",
     "new-post": "node scripts/new-post.js",
     "format": "biome format --write ./src",
     "lint": "biome check --apply ./src"
   },
   "dependencies": {
-    "@astrojs/check": "^0.5.9",
-    "@astrojs/rss": "^4.0.5",
-    "@astrojs/sitemap": "^3.1.2",
-    "@astrojs/svelte": "^5.2.0",
+    "@astrojs/check": "^0.9.3",
+    "@astrojs/rss": "^4.0.7",
+    "@astrojs/sitemap": "^3.1.6",
+    "@astrojs/svelte": "^5.7.0",
     "@astrojs/tailwind": "^5.1.0",
-    "@fontsource-variable/jetbrains-mono": "^5.0.20",
-    "@fontsource/roboto": "^5.0.12",
-    "@iconify-json/bi": "^1.1.23",
-    "@iconify-json/simple-icons": "^1.1.101",
-    "@swup/astro": "^1.4.0",
-    "astro": "^4.4.15",
-    "astro-compress": "^2.2.15",
-    "astro-icon": "1.1.0",
-    "colorjs.io": "^0.5.0",
+    "@fontsource-variable/jetbrains-mono": "^5.0.22",
+    "@fontsource/roboto": "^5.0.14",
+    "@iconify-json/simple-icons": "^1.2.1",
+    "@swup/astro": "^1.4.1",
+    "astro": "^4.15.0",
+    "astro-compress": "^2.3.1",
+    "astro-icon": "^1.1.1",
+    "colorjs.io": "^0.5.2",
     "hastscript": "^9.0.0",
     "markdown-it": "^14.1.0",
     "mdast-util-to-string": "^4.0.0",
-    "overlayscrollbars": "^2.6.1",
-    "pagefind": "^1.0.4",
+    "overlayscrollbars": "^2.10.0",
+    "pagefind": "^1.1.0",
     "reading-time": "^1.5.0",
     "rehype-autolink-headings": "^7.1.0",
     "rehype-components": "^0.3.0",
-    "rehype-katex": "^7.0.0",
+    "rehype-katex": "^7.0.1",
     "rehype-slug": "^6.0.0",
     "remark-directive": "^3.0.0",
     "remark-directive-rehype": "^0.4.2",
     "remark-math": "^6.0.0",
     "sanitize-html": "^2.13.0",
-    "sharp": "^0.33.3",
-    "svelte": "^4.2.12",
-    "tailwindcss": "^3.4.1",
-    "typescript": "^5.4.2",
+    "sharp": "^0.33.5",
+    "svelte": "^4.2.19",
+    "tailwindcss": "^3.4.10",
+    "typescript": "^5.5.4",
     "unist-util-visit": "^5.0.0"
   },
   "devDependencies": {
-    "@astrojs/ts-plugin": "^1.6.0",
-    "@biomejs/biome": "1.6.1",
-    "@iconify-json/fa6-brands": "^1.1.18",
-    "@iconify-json/fa6-regular": "^1.1.18",
-    "@iconify-json/fa6-solid": "^1.1.20",
-    "@iconify-json/material-symbols": "^1.1.74",
-    "@iconify/svelte": "^3.1.6",
+    "@astrojs/ts-plugin": "^1.10.1",
+    "@biomejs/biome": "1.8.3",
+    "@iconify-json/fa6-brands": "^1.1.22",
+    "@iconify-json/fa6-regular": "^1.1.22",
+    "@iconify-json/fa6-solid": "^1.1.24",
+    "@iconify-json/material-symbols": "^1.1.89",
+    "@iconify/svelte": "^4.0.2",
     "@rollup/plugin-yaml": "^4.1.2",
-    "@tailwindcss/typography": "^0.5.10",
-    "@types/markdown-it": "^14.0.0",
-    "@types/mdast": "^4.0.3",
-    "@types/sanitize-html": "^2.11.0",
+    "@tailwindcss/typography": "^0.5.15",
+    "@types/markdown-it": "^14.1.2",
+    "@types/mdast": "^4.0.4",
+    "@types/sanitize-html": "^2.13.0",
+    "photoswipe": "^5.4.4",
+    "remark-github-admonitions-to-directives": "^1.0.5",
+    "sass": "^1.77.8",
     "stylus": "^0.63.0"
-  }
+  },
+  "pnpm": {
+    "overrides": {
+      "vite-imagetools": "^6.2.7",
+      "sharp": "^0.33.0"
+    }
+  },
+  "packageManager": "[email protected]+sha512.38dc6fba8dba35b39340b9700112c2fe1e12f10b17134715a4aa98ccf7bb035e76fd981cf0bb384dfa98f8d6af5481c2bef2f4266a24bfa20c34eb7147ce0b5e"
 }