diff --git a/public/fonts/RecursiveMonoCslSt-Bold.woff2 b/public/fonts/RecursiveMonoCslSt-Bold.woff2 new file mode 100644 index 0000000..e52b84d Binary files /dev/null and b/public/fonts/RecursiveMonoCslSt-Bold.woff2 differ diff --git a/public/fonts/RecursiveMonoCslSt-Italic.woff2 b/public/fonts/RecursiveMonoCslSt-Italic.woff2 new file mode 100644 index 0000000..d50b50b Binary files /dev/null and b/public/fonts/RecursiveMonoCslSt-Italic.woff2 differ diff --git a/public/fonts/RecursiveMonoCslSt-Regular.woff2 b/public/fonts/RecursiveMonoCslSt-Regular.woff2 new file mode 100644 index 0000000..69fc2e5 Binary files /dev/null and b/public/fonts/RecursiveMonoCslSt-Regular.woff2 differ diff --git a/src/components/Posts/PostItem.astro b/src/components/Posts/PostItem.astro index 272b168..2aa3b66 100644 --- a/src/components/Posts/PostItem.astro +++ b/src/components/Posts/PostItem.astro @@ -1,4 +1,5 @@ --- +import "@/styles/global.css"; const data = Astro.props; --- @@ -13,7 +14,7 @@ const data = Astro.props; 💬 {data.commentCount ?? 0} - 👍 {data.reactionCount ?? 0} + ❤ {data.reactionCount ?? 0} @@ -51,9 +52,10 @@ const data = Astro.props; } .post-title { + font-family: "Recursive Mono", "Maple Mono"; color: inherit; font-weight: 700; - font-size: 1.05rem; + font-size: 1.34rem; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 3; diff --git a/src/components/Posts/PostList.astro b/src/components/Posts/PostList.astro index ce6c22e..1b345de 100644 --- a/src/components/Posts/PostList.astro +++ b/src/components/Posts/PostList.astro @@ -3,6 +3,10 @@ import { getCollection } from "astro:content"; import PostItem from "./PostItem.astro"; import { getLangFromUrl } from "@/i18n"; +const token = import.meta.env.GITHUB_TOKEN; +const owner = import.meta.env.GISCUS_REPO_OWNER; +const name = import.meta.env.GISCUS_REPO_NAME; +const categoryId = import.meta.env.GISCUS_CATEGORY_ID; const lang = getLangFromUrl(Astro.url); const allPosts = await getCollection("blog"); @@ -25,7 +29,7 @@ function normalizePath(path: string) { } async function fetchDiscussionStats(): Promise { - const token = import.meta.env.GITHUB_TOKEN; + // const token = import.meta.env.GITHUB_TOKEN; if (!token) return []; const query = ` @@ -57,9 +61,9 @@ async function fetchDiscussionStats(): Promise { body: JSON.stringify({ query, variables: { - owner: "ClovertaTheTrilobita", - name: "SanYeCao-blog", - categoryId: "DIC_kwDORvuVpM4C5MDE", + owner: owner, + name: name, + categoryId: categoryId, }, }), }); diff --git a/src/i18n/en.ts b/src/i18n/en.ts index 455026b..33fa832 100644 --- a/src/i18n/en.ts +++ b/src/i18n/en.ts @@ -8,7 +8,7 @@ export default { posts: "Posts", tags: "Tags", about: "About", - timeline: "timeline", + timeline: "Timeline", }, post: { writtenBy: "Written by", diff --git a/src/styles/global.css b/src/styles/global.css index 64565bf..b049845 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -46,6 +46,30 @@ font-display: swap; } +@font-face { + font-family: "Recursive Mono"; + src: url("/fonts/RecursiveMonoCslSt-Bold.woff2") format("woff2"); + font-weight: 700; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "Recursive Mono"; + src: url("/fonts/RecursiveMonoCslSt-Regular.woff2") format("woff2"); + font-weight: 400; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "Recursive Mono"; + src: url("/fonts/RecursiveMonoCslSt-Italic.woff2") format("woff2"); + font-weight: 400; + font-style: italic; + font-display: swap; +} + html { font-family: "Maple Mono", "Maple Mono CN", monospace; background-color: #ffffff;