自定义徽标中的 PNG 会导致无声构建失败。
作者: gwyneplaine创建于 2021年12月13日更新于 2025年11月18日
遵循自定义徽标流程,添加一个 png 文件:
/** @jsxRuntime classic */
/** @jsx jsx */
import Link from 'next/link';
import { jsx, H3 } from '@keystone-ui/core';
import Logo from './Logo.png';
export const CustomLogo = () => {
return (
<H3>
<img src={Logo.src} />
<Link href="/" passHref>
<a
css={{
// TODO: 我们的设计系统中没有适用于此的颜色。
backgroundImage: `linear-gradient(to right, #0ea5e9, #6366f1)`,
backgroundClip: 'text',
lineHeight: '1.75rem',
color: 'transparent',
verticalAlign: 'middle',
transition: 'color 0.3s ease',
textDecoration: 'none',
}}
>
LegendBoulder After
</a>
</Link>
</H3>
);
};
运行 `yarn build`内容来源: keystonejs/keystone