dev.2ha.me/lixiyu-net
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

rename the font

Browse Source
This commit is contained in:
PrinOrange
2023-12-29 20:07:19 +08:00
parent aa94563763
commit 986c8f891c
16 changed files with 39 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
assets/fonts/fzxbs.woff2 → assets/fonts/FangZhengXiaoBiaoSong-CN.woff2
View File

0
assets/fonts/sypxzs.woff2 → assets/fonts/SourceSerifScreen-CN.woff2
View File

6
components/homepage/HomeCover.tsx
View File

@@ -1,6 +1,6 @@
import { SocialIcons } from "@/components/utils/SocialIcons"; import { SocialIcons } from "@/components/utils/SocialIcons";
import { Config } from "@/data/config"; import { Config } from "@/data/config";
import { fontFzxbs, fontSypxzs } from "@/styles/font"; import { fontFangZhengXiaoBiaoSongCN, fontSourceSerifScreenCN } from "@/styles/font";
export const HomeCover = () => { export const HomeCover = () => {
return ( return (
@@ -19,11 +19,11 @@ export const HomeCover = () => {
src={Config.AvatarURL} src={Config.AvatarURL}
/> />
</div> </div>
<div className={`${fontFzxbs.className} my-8 text-center text-4xl font-bold`}>{Config.Nickname}</div> <div className={`${fontFangZhengXiaoBiaoSongCN.className} my-8 text-center text-4xl font-bold`}>{Config.Nickname}</div>
<SocialIcons /> <SocialIcons />
{Config.Sentence && ( {Config.Sentence && (
<div className="my-8 flex justify-center"> <div className="my-8 flex justify-center">
<p className={`${fontSypxzs.className} text-lg`}>{Config.Sentence}</p> <p className={`${fontSourceSerifScreenCN.className} text-lg`}>{Config.Sentence}</p>
</div> </div>
)} )}
</> </>

4
components/mdx/H2.tsx
View File

@@ -1,8 +1,8 @@
import { fontFzxbs } from "@/styles/font"; import { fontFangZhengXiaoBiaoSongCN } from "@/styles/font";
export const H2 = (props: JSX.IntrinsicElements["h2"]) => { export const H2 = (props: JSX.IntrinsicElements["h2"]) => {
return ( return (
<h2 className={`${fontFzxbs.className} mt-3 mb-1 scroll-mt-20`} id={props.id}> <h2 className={`${fontFangZhengXiaoBiaoSongCN.className} mt-3 mb-1 scroll-mt-20`} id={props.id}>
{props.children} {props.children}
</h2> </h2>
); );

4
components/utils/NavBar.tsx
View File

@@ -1,6 +1,6 @@
import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet"; import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet";
import { Config } from "@/data/config"; import { Config } from "@/data/config";
import { fontFzxbs } from "@/styles/font"; import { fontFangZhengXiaoBiaoSongCN } from "@/styles/font";
import { nanoid } from "nanoid"; import { nanoid } from "nanoid";
import { useTheme } from "next-themes"; import { useTheme } from "next-themes";
import Link from "next/link"; import Link from "next/link";
@@ -40,7 +40,7 @@ export const NavBar = () => {
<nav className="responsive-width sticky top-0 z-50 flex justify-between py-3 backdrop-blur bg-white/50 dark:bg-black/50"> <nav className="responsive-width sticky top-0 z-50 flex justify-between py-3 backdrop-blur bg-white/50 dark:bg-black/50">
<Link href="/" className="cursor-pointer"> <Link href="/" className="cursor-pointer">
<h1 <h1
className={`${fontFzxbs.className} my-auto border-b-4 border-b-black text-2xl font-bold dark:border-b-white`} className={`${fontFangZhengXiaoBiaoSongCN.className} my-auto border-b-4 border-b-black text-2xl font-bold dark:border-b-white`}
> >
{Config.SiteTitle} {Config.SiteTitle}
</h1> </h1>

4
components/utils/PostList.tsx
View File

@@ -1,5 +1,5 @@
import { normalizeDate } from "@/lib/date"; import { normalizeDate } from "@/lib/date";
import { fontSypxzs } from "@/styles/font"; import { fontSourceSerifScreenCN } from "@/styles/font";
import { TPostListItem } from "@/types/post-list"; import { TPostListItem } from "@/types/post-list";
import { nanoid } from "nanoid"; import { nanoid } from "nanoid";
import Link from "next/link"; import Link from "next/link";
@@ -11,7 +11,7 @@ export const PostList = (props: { data: TPostListItem[] }) => {
{props.data.map((postListItem, index) => ( {props.data.map((postListItem, index) => (
<div <div
key={`post-list-${nanoid()}`} key={`post-list-${nanoid()}`}
className={`${fontSypxzs.className} flex flex-col justify-center ${ className={`${fontSourceSerifScreenCN.className} flex flex-col justify-center ${
index !== props.data.length - 1 && "border-b" index !== props.data.length - 1 && "border-b"
} border-dashed border-gray-400 py-3`} } border-dashed border-gray-400 py-3`}
> >

4
pages/404.tsx
View File

@@ -1,7 +1,7 @@
import { ContentContainer, Page } from "@/components/layouts/layouts"; import { ContentContainer, Page } from "@/components/layouts/layouts";
import { Footer } from "@/components/utils/Footer"; import { Footer } from "@/components/utils/Footer";
import { NavBar } from "@/components/utils/NavBar"; import { NavBar } from "@/components/utils/NavBar";
import { fontSypxzs } from "@/styles/font"; import { fontSourceSerifScreenCN } from "@/styles/font";
import { TfiFaceSad } from "react-icons/tfi"; import { TfiFaceSad } from "react-icons/tfi";
export default function NotFoundPage() { export default function NotFoundPage() {
@@ -16,7 +16,7 @@ export default function NotFoundPage() {
<div className="flex flex-col justify-center"> <div className="flex flex-col justify-center">
<TfiFaceSad className="mx-auto my-4" size={"6em"} /> <TfiFaceSad className="mx-auto my-4" size={"6em"} />
<p className="mx-auto my-3 text-center text-2xl font-bold">{"404 NOT FOUND"}</p> <p className="mx-auto my-3 text-center text-2xl font-bold">{"404 NOT FOUND"}</p>
<p className={`${fontSypxzs.className} mx-auto my-3 text-center text-xl`}> <p className={`${fontSourceSerifScreenCN.className} mx-auto my-3 text-center text-xl`}>
{"This page does not exist for it might be removed or closed."} {"This page does not exist for it might be removed or closed."}
</p> </p>
<div className="my-5 flex justify-center"> <div className="my-5 flex justify-center">

6
pages/about.tsx
View File

@@ -4,7 +4,7 @@ import { NavBar } from "@/components/utils/NavBar";
import { SEO } from "@/components/utils/SEO"; import { SEO } from "@/components/utils/SEO";
import { SocialIcons } from "@/components/utils/SocialIcons"; import { SocialIcons } from "@/components/utils/SocialIcons";
import { Config } from "@/data/config"; import { Config } from "@/data/config";
import { fontFzxbs, fontSypxzs } from "@/styles/font"; import { fontFangZhengXiaoBiaoSongCN, fontSourceSerifScreenCN } from "@/styles/font";
import Link from "next/link"; import Link from "next/link";
export default function AboutPage() { export default function AboutPage() {
@@ -17,9 +17,9 @@ export default function AboutPage() {
/> />
<NavBar /> <NavBar />
<ContentContainer> <ContentContainer>
<h2 className={`my-5 flex justify-around text-2xl font-bold ${fontFzxbs.className}`}>{"ABOUT ME"}</h2> <h2 className={`my-5 flex justify-around text-2xl font-bold ${fontFangZhengXiaoBiaoSongCN.className}`}>{"ABOUT ME"}</h2>
<hr /> <hr />
<div className={`${fontSypxzs.className} my-5 justify-center md:flex md:space-x-10`}> <div className={`${fontSourceSerifScreenCN.className} my-5 justify-center md:flex md:space-x-10`}>
<div className="my-auto flex md:w-1/3"> <div className="my-auto flex md:w-1/3">
<img alt="my-profile" className="mx-auto my-auto max-h-[23rem] rounded-lg" src="/images/profile.webp" /> <img alt="my-profile" className="mx-auto my-auto max-h-[23rem] rounded-lg" src="/images/profile.webp" />
</div> </div>

10
pages/blog/[id].tsx
View File

@@ -14,7 +14,7 @@ import { Config } from "@/data/config";
import { normalizeDate } from "@/lib/date"; import { normalizeDate } from "@/lib/date";
import { getPostFileContent, sortedPosts } from "@/lib/post-process"; import { getPostFileContent, sortedPosts } from "@/lib/post-process";
import { getTOCTree } from "@/lib/toc"; import { getTOCTree } from "@/lib/toc";
import { fontFzxbs, fontSypxzs } from "@/styles/font"; import { fontFangZhengXiaoBiaoSongCN, fontSourceSerifScreenCN } from "@/styles/font";
import { TFrontmatter } from "@/types/frontmatter.type"; import { TFrontmatter } from "@/types/frontmatter.type";
import { TPostListItem } from "@/types/post-list"; import { TPostListItem } from "@/types/post-list";
import { TTOCItem } from "@/types/toc.type"; import { TTOCItem } from "@/types/toc.type";
@@ -60,18 +60,18 @@ const ReaderPage = (props: ReaderPageProps) => {
<div className="py-1"> <div className="py-1">
{props.frontMatter.coverURL && <PostCover coverURL={props.frontMatter.coverURL} />} {props.frontMatter.coverURL && <PostCover coverURL={props.frontMatter.coverURL} />}
<h2 <h2
className={`${fontFzxbs.className} flex justify-center whitespace-normal break-words text-3xl font-bold capitalize`} className={`${fontFangZhengXiaoBiaoSongCN.className} flex justify-center whitespace-normal break-words text-3xl font-bold capitalize`}
> >
{props.frontMatter?.title} {props.frontMatter?.title}
</h2> </h2>
{props.frontMatter?.subtitle && ( {props.frontMatter?.subtitle && (
<div className={`${fontFzxbs.className} my-1 flex justify-center text-xl font-bold capitalize`}> <div className={`${fontFangZhengXiaoBiaoSongCN.className} my-1 flex justify-center text-xl font-bold capitalize`}>
{props.frontMatter.subtitle} {props.frontMatter.subtitle}
</div> </div>
)} )}
<div className="my-2 flex justify-center text-sm italic">{normalizeDate(props.frontMatter?.time)}</div> <div className="my-2 flex justify-center text-sm italic">{normalizeDate(props.frontMatter?.time)}</div>
{props.frontMatter?.summary && ( {props.frontMatter?.summary && (
<p className={`${fontSypxzs.className} my-4 indent-8 text-gray-800 dark:text-gray-300`}> <p className={`${fontSourceSerifScreenCN.className} my-4 indent-8 text-gray-800 dark:text-gray-300`}>
{props.frontMatter?.summary} {props.frontMatter?.summary}
</p> </p>
)} )}
@@ -85,7 +85,7 @@ const ReaderPage = (props: ReaderPageProps) => {
)} )}
</div> </div>
<div <div
className={`typesetting ${fontSypxzs.className} flat-scrollbar-thin my-0 ${ className={`typesetting ${fontSourceSerifScreenCN.className} flat-scrollbar-thin my-0 ${
!props.frontMatter.allowShare && "select-none" !props.frontMatter.allowShare && "select-none"
}`} }`}
> >

6
pages/friends.tsx
View File

@@ -4,7 +4,7 @@ import { NavBar } from "@/components/utils/NavBar";
import { SEO } from "@/components/utils/SEO"; import { SEO } from "@/components/utils/SEO";
import { Config } from "@/data/config"; import { Config } from "@/data/config";
import { FriendsList } from "@/data/friends"; import { FriendsList } from "@/data/friends";
import { fontFzxbs, fontSypxzs } from "@/styles/font"; import { fontFangZhengXiaoBiaoSongCN, fontSourceSerifScreenCN } from "@/styles/font";
import { nanoid } from "nanoid"; import { nanoid } from "nanoid";
import Link from "next/link"; import Link from "next/link";
@@ -14,9 +14,9 @@ export default function FriendsPage() {
<SEO title={`${Config.SiteTitle} - Friends`} description={"My Friend Links"} /> <SEO title={`${Config.SiteTitle} - Friends`} description={"My Friend Links"} />
<NavBar /> <NavBar />
<ContentContainer> <ContentContainer>
<h2 className={`my-5 flex justify-center text-2xl font-bold ${fontFzxbs.className}`}>{"FRIENDS"}</h2> <h2 className={`my-5 flex justify-center text-2xl font-bold ${fontFangZhengXiaoBiaoSongCN.className}`}>{"FRIENDS"}</h2>
<hr /> <hr />
<div className={`my-5 py-3 flex flex-wrap justify-center text-2xl ${fontSypxzs.className}`}> <div className={`my-5 py-3 flex flex-wrap justify-center text-2xl ${fontSourceSerifScreenCN.className}`}>
{FriendsList.map((item) => ( {FriendsList.map((item) => (
<Link className="mx-3 p-2 underline" href={item.url} key={nanoid()}> <Link className="mx-3 p-2 underline" href={item.url} key={nanoid()}>
{item.title} {item.title}

6
pages/index.tsx
View File

@@ -8,7 +8,7 @@ import { LatestPostCountInHomePage } from "@/consts/consts";
import { Config } from "@/data/config"; import { Config } from "@/data/config";
import { sortedPosts } from "@/lib/post-process"; import { sortedPosts } from "@/lib/post-process";
import { generateRSSFeed } from "@/lib/rss"; import { generateRSSFeed } from "@/lib/rss";
import { fontFzxbs } from "@/styles/font"; import { fontFangZhengXiaoBiaoSongCN } from "@/styles/font";
import { TPostListItem } from "@/types/post-list"; import { TPostListItem } from "@/types/post-list";
import { GetStaticProps } from "next"; import { GetStaticProps } from "next";
import Link from "next/link"; import Link from "next/link";
@@ -34,7 +34,7 @@ export default function Home(props: HomePageProps) {
{props.pinnedPostList.length !== 0 && ( {props.pinnedPostList.length !== 0 && (
<div> <div>
<hr /> <hr />
<h2 className={`my-5 flex justify-center text-2xl font-bold ${fontFzxbs.className}`}> <h2 className={`my-5 flex justify-center text-2xl font-bold ${fontFangZhengXiaoBiaoSongCN.className}`}>
<RiStarFill className="mx-2 my-auto" /> <RiStarFill className="mx-2 my-auto" />
{"PINNED POSTS"} {"PINNED POSTS"}
</h2> </h2>
@@ -45,7 +45,7 @@ export default function Home(props: HomePageProps) {
<hr /> <hr />
{props.latestPostList.length !== 0 && ( {props.latestPostList.length !== 0 && (
<div> <div>
<h2 className={`my-5 flex justify-center text-2xl font-bold ${fontFzxbs.className}`}> <h2 className={`my-5 flex justify-center text-2xl font-bold ${fontFangZhengXiaoBiaoSongCN.className}`}>
<LuPenTool className="mx-2 my-auto" /> <LuPenTool className="mx-2 my-auto" />
{"LATEST POSTS"} {"LATEST POSTS"}
</h2> </h2>

4
pages/posts/[[...slug]].tsx
View File

@@ -8,7 +8,7 @@ import { PostCountPerPagination } from "@/consts/consts";
import { Config } from "@/data/config"; import { Config } from "@/data/config";
import { sortedPosts } from "@/lib/post-process"; import { sortedPosts } from "@/lib/post-process";
import { paginateArray } from "@/lib/utils"; import { paginateArray } from "@/lib/utils";
import { fontFzxbs } from "@/styles/font"; import { fontFangZhengXiaoBiaoSongCN } from "@/styles/font";
import { TPostListItem } from "@/types/post-list"; import { TPostListItem } from "@/types/post-list";
import { GetStaticPaths, GetStaticProps } from "next"; import { GetStaticPaths, GetStaticProps } from "next";
import Link from "next/link"; import Link from "next/link";
@@ -51,7 +51,7 @@ export default function PostsPage(props: PostsPageProps) {
/> />
<NavBar /> <NavBar />
<ContentContainer> <ContentContainer>
<h2 className={`my-5 flex justify-center text-2xl ${fontFzxbs.className} font-bold`}> <h2 className={`my-5 flex justify-center text-2xl ${fontFangZhengXiaoBiaoSongCN.className} font-bold`}>
<LuPenTool className="mx-2 my-auto" /> <LuPenTool className="mx-2 my-auto" />
{"ALL POSTS"} {"ALL POSTS"}
</h2> </h2>

6
pages/sponsor.tsx
View File

@@ -4,7 +4,7 @@ import { NavBar } from "@/components/utils/NavBar";
import { SEO } from "@/components/utils/SEO"; import { SEO } from "@/components/utils/SEO";
import { Config } from "@/data/config"; import { Config } from "@/data/config";
import { isEmptyString } from "@/lib/utils"; import { isEmptyString } from "@/lib/utils";
import { fontFzxbs, fontSypxzs } from "@/styles/font"; import { fontFangZhengXiaoBiaoSongCN, fontSourceSerifScreenCN } from "@/styles/font";
import Link from "next/link"; import Link from "next/link";
import { QRCodeSVG } from "qrcode.react"; import { QRCodeSVG } from "qrcode.react";
import { FaCcPaypal } from "react-icons/fa"; import { FaCcPaypal } from "react-icons/fa";
@@ -24,11 +24,11 @@ export default function AboutPage() {
<ContentContainer> <ContentContainer>
<div className="md:flex"> <div className="md:flex">
<div className="flex flex-col justify-center md:w-1/2"> <div className="flex flex-col justify-center md:w-1/2">
<h2 className={`my-5 flex justify-center text-2xl font-bold text-red-500 ${fontFzxbs.className}`}> <h2 className={`my-5 flex justify-center text-2xl font-bold text-red-500 ${fontFangZhengXiaoBiaoSongCN.className}`}>
<GoHeartFill className="mx-2 my-auto" /> <GoHeartFill className="mx-2 my-auto" />
{"SPONSOR"} {"SPONSOR"}
</h2> </h2>
<p className={`${fontSypxzs.className} break-words text-lg`}> <p className={`${fontSourceSerifScreenCN.className} break-words text-lg`}>
{ {
"If you like my works, I would deeply appreciate your support as a patron. Your contribution not only fuels my creative journey but also allows me to delve deeper into my passion. Your support plays a vital role in making this vision a reality. Thank you for considering becoming a patron and being an integral part of this work endeavor." "If you like my works, I would deeply appreciate your support as a patron. Your contribution not only fuels my creative journey but also allows me to delve deeper into my passion. Your support plays a vital role in making this vision a reality. Thank you for considering becoming a patron and being an integral part of this work endeavor."
} }

4
pages/tags/[...slug].tsx
View File

@@ -8,7 +8,7 @@ import { PostCountPerPagination } from "@/consts/consts";
import { Config } from "@/data/config"; import { Config } from "@/data/config";
import { sortedPosts } from "@/lib/post-process"; import { sortedPosts } from "@/lib/post-process";
import { paginateArray } from "@/lib/utils"; import { paginateArray } from "@/lib/utils";
import { fontFzxbs } from "@/styles/font"; import { fontFangZhengXiaoBiaoSongCN } from "@/styles/font";
import { TPostListItem } from "@/types/post-list"; import { TPostListItem } from "@/types/post-list";
import { GetStaticPaths, GetStaticProps } from "next"; import { GetStaticPaths, GetStaticProps } from "next";
import Link from "next/link"; import Link from "next/link";
@@ -51,7 +51,7 @@ export default function TagsContentPage(props: TagsContentPageProps) {
/> />
<NavBar /> <NavBar />
<ContentContainer> <ContentContainer>
<h2 className={`my-5 flex flex-col justify-center text-center text-3xl font-bold ${fontFzxbs.className}`}> <h2 className={`my-5 flex flex-col justify-center text-center text-3xl font-bold ${fontFangZhengXiaoBiaoSongCN.className}`}>
{`Posts of ${props.tagName}`} {`Posts of ${props.tagName}`}
</h2> </h2>
<hr /> <hr />

6
pages/tags/index.tsx
View File

@@ -5,7 +5,7 @@ import { SEO } from "@/components/utils/SEO";
import { TagBadge } from "@/components/utils/TagBadge"; import { TagBadge } from "@/components/utils/TagBadge";
import { Config } from "@/data/config"; import { Config } from "@/data/config";
import { sortedPosts } from "@/lib/post-process"; import { sortedPosts } from "@/lib/post-process";
import { fontFzxbs, fontSypxzs } from "@/styles/font"; import { fontFangZhengXiaoBiaoSongCN, fontSourceSerifScreenCN } from "@/styles/font";
import { nanoid } from "nanoid"; import { nanoid } from "nanoid";
import { GetStaticProps } from "next"; import { GetStaticProps } from "next";
import { AiOutlineTags } from "react-icons/ai"; import { AiOutlineTags } from "react-icons/ai";
@@ -24,11 +24,11 @@ export default function TagsIndexPage(props: TagsIndexPageProps) {
/> />
<NavBar /> <NavBar />
<ContentContainer> <ContentContainer>
<h2 className={`my-5 flex justify-center text-2xl font-bold ${fontFzxbs.className}`}> <h2 className={`my-5 flex justify-center text-2xl font-bold ${fontFangZhengXiaoBiaoSongCN.className}`}>
<AiOutlineTags className="mx-2 my-auto" /> <AiOutlineTags className="mx-2 my-auto" />
{"ALL TAGS"} {"ALL TAGS"}
</h2> </h2>
<div className={`my-5 flex flex-wrap justify-center px-2 ${fontSypxzs.className}`}> <div className={`my-5 flex flex-wrap justify-center px-2 ${fontSourceSerifScreenCN.className}`}>
{props.tagList.map((item) => ( {props.tagList.map((item) => (
<TagBadge key={`tag-badge-${nanoid()}`} name={item.name} size="md" count={item.count} /> <TagBadge key={`tag-badge-${nanoid()}`} name={item.name} size="md" count={item.count} />
))} ))}

6
styles/font.ts
View File

@@ -1,4 +1,6 @@
import localFont from "next/font/local"; import localFont from "next/font/local";
export const fontSypxzs = localFont({ src: "../assets/fonts/sypxzs.woff2" }); // 思源屏显臻宋 // 思源屏显臻宋 简体中文
export const fontFzxbs = localFont({ src: "../assets/fonts/fzxbs.woff2" }); // 方正小标宋 export const fontSourceSerifScreenCN = localFont({ src: "../assets/fonts/SourceSerifScreen-CN.woff2" });
// 方正小标宋 简体中文
export const fontFangZhengXiaoBiaoSongCN = localFont({ src: "../assets/fonts/FangZhengXiaoBiaoSong-CN.woff2" });