Upgrade dependencies.

content.config.ts

@@ -1,7 +1,8 @@
 import { z, defineCollection } from 'astro:content';
+import { glob } from 'astro/loaders';
 
 const blogCollection = defineCollection({
-  type: 'content',
+  loader: glob({ pattern: '**/[^_]*.{md,mdx}', base: "./src/content/blog" }),
   schema: z.object({
     title: z.string(),
     description: z.string(),
@@ -10,7 +11,7 @@ const blogCollection = defineCollection({
   }),
 });
 const noteCollection = defineCollection({
-  type: 'content',
+  loader: glob({ pattern: '**/[^_]*.{md,mdx}', base: "./src/content/note" }),
   schema: z.object({
     title: z.string(),
     description: z.string(),
@@ -19,7 +20,7 @@ const noteCollection = defineCollection({
   }),
 });
 const translationCollection = defineCollection({
-  type: 'content',
+  loader: glob({ pattern: '**/[^_]*.{md,mdx}', base: "./src/content/translation" }),
   schema: z.object({
     title: z.string(),
     description: z.string(),
@@ -32,4 +33,4 @@ export const collections = {
   'blog': blogCollection,
   'note': noteCollection,
   'translation': translationCollection,
-};
+};

package.json

@@ -3,23 +3,23 @@
   "type": "module",
   "version": "0.0.1",
   "scripts": {
-    "dev": "astro dev",
-    "start": "astro dev",
+    "dev": "astro dev --host",
+    "start": "astro dev --host",
     "build": "astro check && astro build",
     "preview": "astro preview",
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/check": "^0.7.0",
-    "@astrojs/sitemap": "^3.1.5",
-    "@astrojs/vue": "^4.5.0",
-    "astro": "^4.9.2",
-    "bignumber.js": "^9.1.2",
-    "pinyin-pro": "^3.22.0",
-    "prettier": "^3.3.3",
+    "@astrojs/check": "^0.9.4",
+    "@astrojs/sitemap": "^3.6.0",
+    "@astrojs/vue": "^5.1.3",
+    "astro": "^5.15.9",
+    "bignumber.js": "^9.3.1",
+    "pinyin-pro": "^3.27.0",
+    "prettier": "^3.7.4",
     "prettier-plugin-astro": "^0.14.1",
     "remark-toc": "^9.0.0",
-    "typescript": "^5.4.5",
-    "vue": "^3.4.29"
+    "typescript": "^5.8.2",
+    "vue": "^3.5.13"
   }
 }

script/build_on_linux.sh

@@ -2,7 +2,8 @@
 # cron
 # 0 4 * * * . /etc/profile; /bin/sh /opt/ld-site/script/build_on_linux.sh >/dev/null 2>&1
 
-export PATH=$PATH:/opt/dev_tools/node-v20.12.2-linux-x64/bin
+NVM_DIR="/opt/dev_tools/nvm"
+[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
 
 script_path="$( cd -- "$(dirname "$0")" >/dev/null 2>&1 ; pwd -P )"
 original_article_home="/home/ld/Documents/ld_article"

src/components/Footer.astro

@@ -11,8 +11,8 @@
   <div>
     <small class="licence">若正文中无特殊说明，本站内容遵循:</small>
     <small class="licence">
-      <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">
-        署名-非商业使用-相同方式共享 4.0 国际许可
+      <a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank">
+        署名-非商业性使用 4.0 协议国际版
       </a>
     </small>
   </div>

src/components/article/CategorySummary.astro

@@ -14,7 +14,8 @@ const { collectionName, categoryName, posts } = Astro.props;
   {
     posts.map((post) => (
       <li>
-        <a href={`/article/${collectionName}/${post.slug}`} target="_blank">
+        {/* Hide .md extension from URL */}
+        <a href={`/article/${collectionName}/${post.id.replace(".md", "")}`} target="_blank">
           {post.data.title}
         </a>
       </li>

src/components/article/CollectionSummary.astro

@@ -1,5 +1,5 @@
 ---
-import type { CollectionEntry, ContentEntryMap } from "astro:content";
+import type { CollectionEntry } from "astro:content";
 import { getCollection, type CollectionKey } from "astro:content";
 import CategorySummary from "./CategorySummary.astro";
 
@@ -57,9 +57,9 @@ const categoriedPostList: Array<CategoriedPosts> = allCategories.map((key) => {
   } else if (sortByArticleTitle) {
     // sort article by title
     // get articles with titles started in Chinese or the alphabet
-    let postWithAlphabetStartedTitle: CollectionEntry<keyof ContentEntryMap>[] =
+    let postWithAlphabetStartedTitle: CollectionEntry<CollectionKey>[] =
       object[key].filter((post) => /^[a-zA-Z]/.test(post.data.title));
-    let postWithChineseStartedTitle: CollectionEntry<keyof ContentEntryMap>[] =
+    let postWithChineseStartedTitle: CollectionEntry<CollectionKey>[] =
       object[key].filter((post) => /^[^a-zA-Z]/.test(post.data.title));
     // sort two Array by article title
     postWithAlphabetStartedTitle.sort((postA, postB) =>

src/components/article/article_body/ArticleBodyContent.astro

@@ -1,15 +1,19 @@
 ---
-import { getEntry, type CollectionKey } from "astro:content";
+import { getCollection, type CollectionEntry } from "astro:content";
+import { render, type CollectionKey } from "astro:content";
 
 interface Props {
-  articleSlug: string;
+  articleId: string;
   collectionName: CollectionKey;
 }
-const { articleSlug, collectionName } = Astro.props;
+const { articleId, collectionName } = Astro.props;
 
-const article = await getEntry(collectionName, articleSlug);
-const { Content } = await article!.render();
-const articlePrettyName = article!.id.split("/").pop()!.replace(".md", "");
+const articles = await getCollection(collectionName);
+const article = articles.find(
+  (post: CollectionEntry<CollectionKey>) => post.id === articleId
+);
+const { Content } = await render(article!);
+const articlePrettyName = article!.data.title;
 ---
 
 <div class="article">

src/components/article/article_body/ArticleBodyWrapper.astro

@@ -4,15 +4,15 @@ import ArticleBody from "./ArticleBody.astro";
 import ArticleBodyContent from "./ArticleBodyContent.astro";
 
 interface Props {
-  articleSlug: string;
+  articleId: string;
   collectionName: CollectionKey;
 }
-const { articleSlug, collectionName } = Astro.props;
+const { articleId, collectionName } = Astro.props;
 ---
 
 <ArticleBody>
   <ArticleBodyContent
+    articleId={articleId}
     collectionName={collectionName}
-    articleSlug={articleSlug}
   />
 </ArticleBody>

src/pages/404.astro

@@ -7,6 +7,6 @@ import ArticleBodyWrapper from "../components/article/article_body/ArticleBodyWr
 
 <DefaultLayout title="404">
   <Nav />
-  <ArticleBodyWrapper collectionName="site" articleSlug="404" />
+  <ArticleBodyWrapper collectionName="site" articleId="404.md" />
   <Footer />
 </DefaultLayout>

src/pages/article/blog/[...blog].astro

@@ -1,10 +1,6 @@
 ---
 import { getCollection } from "astro:content";
-import type {
-  CollectionEntry,
-  CollectionKey,
-  ContentEntryMap,
-} from "astro:content";
+import type { CollectionEntry, CollectionKey } from "astro:content";
 import Footer from "../../../components/Footer.astro";
 import Nav from "../../../components/Nav.astro";
 import ArticleBodyWrapper from "../../../components/article/article_body/ArticleBodyWrapper.astro";
@@ -13,22 +9,23 @@ import DefaultLayout from "../../../layouts/DefaultLayout.astro";
 export async function getStaticPaths() {
   const collectionName: CollectionKey = "blog";
   const blogEntries = await getCollection(collectionName);
-  return blogEntries.map((entry) => ({
-    params: { blog: entry.slug },
-    props: { entry },
+  return blogEntries.map((post: CollectionEntry<CollectionKey>) => ({
+    // Hide .md extension from URL
+    params: { blog: post.id.replace(".md", "") },
+    props: { post },
   }));
 }
 
 interface Props {
-  entry: CollectionEntry<keyof ContentEntryMap>;
+  post: CollectionEntry<CollectionKey>;
 }
-const { entry } = Astro.props;
+const { post } = Astro.props;
 
-const articlePrettyName: string = entry.id.split("/").pop()!.replace(".md", "");
+const articlePrettyName: string = post.data.title;
 ---
 
 <DefaultLayout title=`${articlePrettyName} - 李守中`>
   <Nav />
-  <ArticleBodyWrapper collectionName="blog" articleSlug={entry.slug} />
+  <ArticleBodyWrapper collectionName="blog" articleId={post.id} />
   <Footer />
 </DefaultLayout>

src/pages/article/note/[...note].astro

@@ -1,10 +1,6 @@
 ---
 import { getCollection } from "astro:content";
-import type {
-  CollectionEntry,
-  CollectionKey,
-  ContentEntryMap,
-} from "astro:content";
+import type { CollectionEntry, CollectionKey } from "astro:content";
 import Footer from "../../../components/Footer.astro";
 import Nav from "../../../components/Nav.astro";
 import ArticleBodyWrapper from "../../../components/article/article_body/ArticleBodyWrapper.astro";
@@ -13,22 +9,22 @@ import DefaultLayout from "../../../layouts/DefaultLayout.astro";
 export async function getStaticPaths() {
   const collectionName: CollectionKey = "note";
   const blogEntries = await getCollection(collectionName);
-  return blogEntries.map((entry) => ({
-    params: { note: entry.slug },
-    props: { entry },
+  return blogEntries.map((post: CollectionEntry<CollectionKey>) => ({
+    params: { note: post.id.replace(".md", "") },
+    props: { post },
   }));
 }
 
 interface Props {
-  entry: CollectionEntry<keyof ContentEntryMap>;
+  post: CollectionEntry<CollectionKey>;
 }
-const { entry } = Astro.props;
+const { post } = Astro.props;
 
-const articlePrettyName: string = entry.id.split("/").pop()!.replace(".md", "");
+const articlePrettyName: string = post.data.title;
 ---
 
 <DefaultLayout title=`${articlePrettyName} - 李守中`>
   <Nav />
-  <ArticleBodyWrapper collectionName="note" articleSlug={entry.slug} />
+  <ArticleBodyWrapper collectionName="note" articleId={post.id} />
   <Footer />
 </DefaultLayout>

src/pages/index.astro

@@ -7,6 +7,6 @@ import ArticleBodyWrapper from "../components/article/article_body/ArticleBodyWr
 
 <DefaultLayout title="李守中">
   <Nav />
-  <ArticleBodyWrapper collectionName="site" articleSlug="关于本站" />
+  <ArticleBodyWrapper collectionName="site" articleId="关于本站.md" />
   <Footer />
 </DefaultLayout>

src/styles/global.css

@@ -18,21 +18,21 @@ body {
   display: flex;
   flex-direction: column;
   font-family:
-    "Consolas",
-    "Hack",
-    Tahoma,
-    Arial,
-    "Hiragino Sans GB",
-    "Microsoft YaHei",
-    "WenQuanYi Micro Hei",
-    sans-serif,
-    "Apple Color Emoji",
-    "Segoe UI Emoji",
-    "Segoe UI Symbol",
-    "Noto Color Emoji";
+  "Consolas",
+  "Hack",
+  Tahoma,
+  Arial,
+  "Hiragino Sans GB",
+  "Microsoft YaHei",
+  "WenQuanYi Micro Hei",
+  sans-serif,
+  "Apple Color Emoji",
+  "Segoe UI Emoji",
+  "Segoe UI Symbol",
+  "Noto Color Emoji";
   font-size: 1em;
   margin: auto;
-  overflow-y: scroll;
+  padding: 0 8px 0 8px;
   min-height: 100%;
   line-height: 1.5;
 }

tsconfig.json

@@ -1,5 +1,7 @@
 {
   "extends": "astro/tsconfigs/strict",
+  "include": [".astro/types.d.ts", "**/*"],
+  "exclude": ["dist"],
   "compilerOptions": {
     "jsx": "preserve"
   }