From 42c4da1234c686af68c968533b2d6b65919ecd42 Mon Sep 17 00:00:00 2001
From: Han <1655466387@qq.com>
Date: Mon, 17 Feb 2025 18:46:57 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=20svg=20=E5=9B=BE=E7=89=87?=
=?UTF-8?q?=E6=9C=AC=E5=9C=B0=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
README.md | 19 ++++++++++++----
public/assets/images/svg/Navs/about.svg | 1 +
public/assets/images/svg/Navs/archives.svg | 1 +
public/assets/images/svg/Navs/link.svg | 1 +
public/assets/images/svg/Navs/links.svg | 1 +
public/assets/images/svg/Navs/message.svg | 1 +
public/assets/images/svg/Navs/talking.svg | 1 +
.../images/svg/{ => WebSites}/analytics.svg | 0
.../assets/images/svg/{ => WebSites}/api.svg | 0
.../images/svg/{ => WebSites}/github.svg | 0
.../assets/images/svg/{ => WebSites}/hot.svg | 0
.../assets/images/svg/{ => WebSites}/img.svg | 0
src/components/Header.astro | 4 +++-
src/config.ts | 22 +++++++++----------
src/styles/components/Header.less | 10 ++-------
15 files changed, 37 insertions(+), 24 deletions(-)
create mode 100644 public/assets/images/svg/Navs/about.svg
create mode 100644 public/assets/images/svg/Navs/archives.svg
create mode 100644 public/assets/images/svg/Navs/link.svg
create mode 100644 public/assets/images/svg/Navs/links.svg
create mode 100644 public/assets/images/svg/Navs/message.svg
create mode 100644 public/assets/images/svg/Navs/talking.svg
rename public/assets/images/svg/{ => WebSites}/analytics.svg (100%)
rename public/assets/images/svg/{ => WebSites}/api.svg (100%)
rename public/assets/images/svg/{ => WebSites}/github.svg (100%)
rename public/assets/images/svg/{ => WebSites}/hot.svg (100%)
rename public/assets/images/svg/{ => WebSites}/img.svg (100%)
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
```
-[](https://stackblitz.com/github/withastro/astro/tree/latest/examples/blog)
-[](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/blog)
-[](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}
-
+
))
}
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;
}
-
}
}