diff --git a/README.md b/README.md index 6e7874b..1522741 100644 --- a/README.md +++ b/README.md @@ -4,12 +4,23 @@ # Astro Starter Kit: Blog ```sh -npm create astro@latest -- --template blog +npm i pnpm -g ``` -[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/blog) -[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/blog) -[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/blog/devcontainer.json) +```sh +# 安装依赖 +pnpm i +``` + +```sh +# 启动开发环境 +pnpm dev +``` + +```sh +# 编译 +pnpm build +``` > 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun! diff --git a/public/assets/images/svg/Navs/about.svg b/public/assets/images/svg/Navs/about.svg new file mode 100644 index 0000000..726131a --- /dev/null +++ b/public/assets/images/svg/Navs/about.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/svg/Navs/archives.svg b/public/assets/images/svg/Navs/archives.svg new file mode 100644 index 0000000..0dcde21 --- /dev/null +++ b/public/assets/images/svg/Navs/archives.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/svg/Navs/link.svg b/public/assets/images/svg/Navs/link.svg new file mode 100644 index 0000000..9d3ad4a --- /dev/null +++ b/public/assets/images/svg/Navs/link.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/svg/Navs/links.svg b/public/assets/images/svg/Navs/links.svg new file mode 100644 index 0000000..0d6097b --- /dev/null +++ b/public/assets/images/svg/Navs/links.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/svg/Navs/message.svg b/public/assets/images/svg/Navs/message.svg new file mode 100644 index 0000000..bbb1e61 --- /dev/null +++ b/public/assets/images/svg/Navs/message.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/svg/Navs/talking.svg b/public/assets/images/svg/Navs/talking.svg new file mode 100644 index 0000000..20e25af --- /dev/null +++ b/public/assets/images/svg/Navs/talking.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/svg/analytics.svg b/public/assets/images/svg/WebSites/analytics.svg similarity index 100% rename from public/assets/images/svg/analytics.svg rename to public/assets/images/svg/WebSites/analytics.svg diff --git a/public/assets/images/svg/api.svg b/public/assets/images/svg/WebSites/api.svg similarity index 100% rename from public/assets/images/svg/api.svg rename to public/assets/images/svg/WebSites/api.svg diff --git a/public/assets/images/svg/github.svg b/public/assets/images/svg/WebSites/github.svg similarity index 100% rename from public/assets/images/svg/github.svg rename to public/assets/images/svg/WebSites/github.svg diff --git a/public/assets/images/svg/hot.svg b/public/assets/images/svg/WebSites/hot.svg similarity index 100% rename from public/assets/images/svg/hot.svg rename to public/assets/images/svg/WebSites/hot.svg diff --git a/public/assets/images/svg/img.svg b/public/assets/images/svg/WebSites/img.svg similarity index 100% rename from public/assets/images/svg/img.svg rename to public/assets/images/svg/WebSites/img.svg diff --git a/src/components/Header.astro b/src/components/Header.astro index ab0784b..5ad9638 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -3,6 +3,8 @@ const { activeNav } = Astro.props; import SITE_CONFIG from "../config"; const { Navs } = SITE_CONFIG; +// 原生图片 +import { Image } from "astro:assets"; // 搜索框组件 import Search from "./Search.astro"; // 顶部 Header 样式 @@ -20,7 +22,7 @@ import "../styles/components/Header.less"; Navs.map(i => ( {i.text} - + {i.text} )) } diff --git a/src/config.ts b/src/config.ts index 8efccfd..38fdb81 100644 --- a/src/config.ts +++ b/src/config.ts @@ -8,20 +8,20 @@ export default { Avatar: 'https://q1.qlogo.cn/g?b=qq&nk=1655466387&s=640', // 导航栏 (新窗口打开 newWindow: true) Navs: [ - { text: '朋友', link: '/links', icon: '' }, - { text: '动态', link: '/talking', icon: '' }, - { text: '昔日', link: '/archives', icon: '' }, - { text: '留言', link: '/message', icon: '' }, - { text: '关于', link: '/about', icon: '' }, - { text: 'API', link: 'https://api.vvhan.com/', target: true, icon: '' }, + { text: '朋友', link: '/links', icon: '/assets/images/svg/Navs/links.svg' }, + { text: '动态', link: '/talking', icon: '/assets/images/svg/Navs/talking.svg' }, + { text: '昔日', link: '/archives', icon: '/assets/images/svg/Navs/archives.svg' }, + { text: '留言', link: '/message', icon: '/assets/images/svg/Navs/message.svg' }, + { text: '关于', link: '/about', icon: '/assets/images/svg/Navs/about.svg' }, + { text: 'API', link: 'https://api.vvhan.com/', target: true, icon: '/assets/images/svg/Navs/link.svg' }, ], // 侧边栏个人网站 WebSites: [ - { text: 'Github', link: 'https://github.com/uxiaohan', icon: '/assets/images/svg/github.svg' }, - { text: '韩小韩API', link: 'https://api.vvhan.com', icon: '/assets/images/svg/api.svg' }, - { text: '每日热榜', link: 'https://hot.vvhan.com', icon: '/assets/images/svg/hot.svg' }, - { text: '骤雨重山图床', link: 'https://wp-cdn.4ce.cn', icon: '/assets/images/svg/img.svg' }, - { text: 'HanAnalytics', link: 'https://analytics.vvhan.com', icon: '/assets/images/svg/analytics.svg' }, + { text: 'Github', link: 'https://github.com/uxiaohan', icon: '/assets/images/svg/WebSites/github.svg' }, + { text: '韩小韩API', link: 'https://api.vvhan.com', icon: '/assets/images/svg/WebSites/api.svg' }, + { text: '每日热榜', link: 'https://hot.vvhan.com', icon: '/assets/images/svg/WebSites/hot.svg' }, + { text: '骤雨重山图床', link: 'https://wp-cdn.4ce.cn', icon: '/assets/images/svg/WebSites/img.svg' }, + { text: 'HanAnalytics', link: 'https://analytics.vvhan.com', icon: '/assets/images/svg/WebSites/analytics.svg' }, ], // Cover 使用绝对路径 Cover: '/assets/images/banner/072c12ec85d2d3b5.webp', diff --git a/src/styles/components/Header.less b/src/styles/components/Header.less index 503dcbf..5d54cf5 100644 --- a/src/styles/components/Header.less +++ b/src/styles/components/Header.less @@ -113,17 +113,11 @@ header.vh-header { } } - &>span { - display: flex; + &>img { width: 1.08rem; height: 1.08rem; - - &>svg { - width: 100%; - height: 100%; - } + object-fit: contain; } - } }