From 7e302c51a6906438fa12e38b136cf3177de71448 Mon Sep 17 00:00:00 2001 From: Sakurasan <26715255+Sakurasan@users.noreply.github.com> Date: Tue, 29 Sep 2026 21:04:55 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E7=AB=99=E6=A0=87=E3=80=8C=E4=B8=80?= =?UTF-8?q?=E6=A8=AA=E3=80=8D=EF=BC=9A=E5=A2=A8=E5=9C=86=20+=20=E4=B8=80?= =?UTF-8?q?=E9=81=93=E7=99=BD=E6=A8=AA=EF=BC=8C=E6=8E=A5=E8=BF=9B=E4=B8=A4?= =?UTF-8?q?=E5=A5=97=20UI=20=E4=B8=8E=E5=9B=BE=E6=A0=87?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 立意：既是字母 O 也是汉字「一」，对应站名 ONE / 一个博客。 - favicon.svg 重画：横杠用 fill-rule=evenodd 挖成真洞而不是叠一块纸色矩形， 所以纸感 / 墨色暗端 / 后台卡片任何底色都直接透过去，不必为皮肤各出一版； SVG 内带 prefers-color-scheme，标签页深浅自动翻色 - 补 favicon-16/32.png（不认 SVG 的老浏览器）与 apple-touch-icon.png 180 （iOS 不支持 SVG 且会把透明压成黑底，故铺纸色实底）。PNG 由临时 Go 程序 按 8x8 子采样光栅化生成，生成器未入库，产物是资产 - LogoMark.vue 内联 SVG 组件：颜色跟 currentColor，尺寸由外层给 - 接入 6 处：classic 桌面左栏品牌位（原来是个排版字符 ○）、移动顶栏 brand、 时间线头像位、详情页头像位、快发盒头像位；vivid 顶栏与底部 dock 品牌标记 （右下角绿色在线点保留，它是「有人在写」的信号，不属于被替换的部分） - 顺带清理：三处只为算首字母的死代码（initial 与只服务于它的 userName）、 vivid 里一条被同特指度靠后规则完全覆盖的 .av 死规则；标记 wrapper 统一加 flex:none，否则站名一长会被压成椭圆 --- frontend/index.html | 6 ++++ frontend/public/apple-touch-icon.png | Bin 0 -> 3442 bytes frontend/public/favicon-16.png | Bin 0 -> 358 bytes frontend/public/favicon-32.png | Bin 0 -> 700 bytes frontend/public/favicon.svg | 42 ++++++------------------- frontend/src/components/LeftNav.vue | 11 +++++-- frontend/src/components/LogoMark.vue | 26 +++++++++++++++ frontend/src/components/PostCard.vue | 17 +++------- frontend/src/components/QuickShort.vue | 15 +++------ frontend/src/components/TopBar.vue | 16 +++++++++- frontend/src/ui/yohaku/YohakuTop.vue | 6 ++-- frontend/src/ui/yohaku/chrome.css | 18 ++++------- frontend/src/views/PostView.vue | 14 +++------ 13 files changed, 87 insertions(+), 84 deletions(-) create mode 100644 frontend/public/apple-touch-icon.png create mode 100644 frontend/public/favicon-16.png create mode 100644 frontend/public/favicon-32.png create mode 100644 frontend/src/components/LogoMark.vue diff --git a/frontend/index.html b/frontend/index.html index 87e1aeb..2a23a64 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -7,7 +7,13 @@ ONE · 一个博客 + + + + + + + diff --git a/frontend/src/components/LeftNav.vue b/frontend/src/components/LeftNav.vue index 37a8975..7f7bdc8 100644 --- a/frontend/src/components/LeftNav.vue +++ b/frontend/src/components/LeftNav.vue @@ -3,6 +3,7 @@ import { computed } from 'vue' import { site } from '../site' import { socialIcon } from '../socialIcons' import ThemeSwitcher from './ThemeSwitcher.vue' +import LogoMark from './LogoMark.vue' // vivid 用顶部导航（VividNav）代替左栏。这里直接不渲染。 const isVivid = computed(() => site.ui_id === 'vivid') @@ -15,7 +16,7 @@ const social = computed(() => (site.social_links || []).filter((s) => s && s.url