From 310ff3aa7f050e6d9c7d01131a2475e0a798fe9d Mon Sep 17 00:00:00 2001 From: KazooTTT Date: Sat, 4 Jan 2025 12:41:16 +0800 Subject: [PATCH] Refactor README and improve component imports --- README.md | 80 +------------------ src/components/Card.astro | 8 +- src/components/blog/Hero.astro | 6 +- src/pages/404.astro | 2 +- .../categories/[category]/[...page].astro | 4 +- src/pages/categories/index.astro | 4 +- src/pages/friends.astro | 2 +- src/pages/robots.txt.ts | 10 +-- src/pages/tags/[tag]/[...page].astro | 4 +- 9 files changed, 24 insertions(+), 96 deletions(-) diff --git a/README.md b/README.md index ca6492d..6cf3b3d 100644 --- a/README.md +++ b/README.md @@ -1,79 +1,7 @@ -# Astro Resume +# KazooTTT的博客 -## Features +主页：[https://kazoottt.top](https://kazoottt.top) -- Astro v4 -- TailwindCSS utility classes -- ESLint / Prettier pre-installed and pre-configured -- Accessible, semantic HTML markup -- Responsive & SEO-friendly -- Dark / Light mode, using Tailwind and CSS variables (referenced from shadcn) -- [Astro Assets Integration](https://docs.astro.build/en/guides/assets/) for optimised images -- MD & [MDX](https://docs.astro.build/en/guides/markdown-content/#mdx-only-features) posts -- Pagination -- [Automatic RSS feed](https://docs.astro.build/en/guides/rss) -- Auto-generated [sitemap](https://docs.astro.build/en/guides/integrations-guide/sitemap/) -- [Expressive Code](https://expressive-code.com/) source code and syntax highlighter +## 鸣谢 -## Credits - -- [astro-theme-cactus](https://github.com/chrismwilliams/astro-theme-cactus) for blog design -- [minirezume-framer](https://minirezume.framer.website/) for resume homepage design - -## Project Structure - -Inside of your Astro project, you'll see the following folders and files: - -```text -├── public/ -├── src/ - ├── assets/ -│   ├── components/ -│   ├── content/ -│   ├── layouts/ -| ├── pages/ -| ├── styles/ -| ├── utils/ -| ├── site.config.ts -│   └── types.ts -├── .elintrc.cjs -├── .gitignore -├── .prettierignore -├── package.json -├── prettier.config.cjs -├── README.md -├── tailwind.config.js -└── tsconfig.json -``` - -## Editing guide - -### Site info - -To edit site info such as site title and description, edit the `src/site.config.ts` file. - -### Page contents - -To edit the resume homepage content and design, edit the `src/pages/index.astro` file. - -### Page components - -To edit page components found site-wide such as the card used in the homepage, edit the files found in the `src/components/` directory. - -### Layouts - -To edit the base layouts of all pages, edit the `src/layouts/BaseLayout.astro` file. - -To edit the layout of a blog article, edit the `src/layouts/BlogPost.astro` file. - -### Blog content - -To add blog content, insert `.md` files in the `src/content/` directory. - -To add images in blog articles, insert a folder in the `src/content/` directory, add both the `.md` and image files into the new folder, and reference the image in your `.md` file. - -## Theming - -To change the theme colours of the site, edit the `src/styles/app.css` file. - -To change the fonts of the site, add your font files into `/public`, add it as a `@font-face` in the `src/styles/app.css` file, as a `fontFamily` in the `tailwind.config.js` file, and apply the new font class to the `body` tag in the `src/layouts/BaseLayout.astro` file. +本项目基于 [https://github.com/srleom/astro-theme-resume](https://github.com/srleom/astro-theme-resume) 修改。 diff --git a/src/components/Card.astro b/src/components/Card.astro index c1c6421..d3cf64f 100644 --- a/src/components/Card.astro +++ b/src/components/Card.astro @@ -1,7 +1,7 @@ --- -import { Image } from 'astro:assets' -import type { ImageMetadata } from 'astro' import { cn } from '@/utils' +import type { ImageMetadata } from 'astro' +import { Image } from 'astro:assets' const { as: Tag = 'div', @@ -49,8 +49,8 @@ if (imagePath) {

{heading}

-

{subheading}

-

{date}

+ {subheading &&

{subheading}

} + {date &&

{date}

}
diff --git a/src/components/blog/Hero.astro b/src/components/blog/Hero.astro index 69ad262..225e671 100644 --- a/src/components/blog/Hero.astro +++ b/src/components/blog/Hero.astro @@ -1,8 +1,8 @@ --- -import type { CollectionEntry } from 'astro:content' -import FormattedDate from '../FormattedDate.astro' -import Card from '../Card.astro' import { Icon } from 'astro-icon/components' +import type { CollectionEntry } from 'astro:content' +import Card from '../Card.astro' +import FormattedDate from '../FormattedDate.astro' import Label from '../Label.astro' interface Props { diff --git a/src/pages/404.astro b/src/pages/404.astro index 438798b..8f419f6 100644 --- a/src/pages/404.astro +++ b/src/pages/404.astro @@ -1,6 +1,6 @@ --- -import PageLayout from '@/layouts/BaseLayout.astro' import Button from '@/components/Button.astro' +import PageLayout from '@/layouts/BaseLayout.astro' const meta = { description: 'Not found', diff --git a/src/pages/categories/[category]/[...page].astro b/src/pages/categories/[category]/[...page].astro index 28de28f..1aaea3d 100644 --- a/src/pages/categories/[category]/[...page].astro +++ b/src/pages/categories/[category]/[...page].astro @@ -4,10 +4,10 @@ export const prerender = true import type { GetStaticPaths, Page } from 'astro' import type { CollectionEntry } from 'astro:content' +import Button from '@/components/Button.astro' import Pagination from '@/components/Paginator.astro' import PostPreview from '@/components/blog/PostPreview.astro' import PageLayout from '@/layouts/BaseLayout.astro' -import Button from '@/components/Button.astro' import { getAllPosts, getUniqueCategories, sortMDByDate } from '@/utils' export const getStaticPaths: GetStaticPaths = async ({ paginate }) => { @@ -56,7 +56,7 @@ const paginationProps = {
-